body {
background:#F0EADB url(../images/bkg.jpg) repeat-x top left;
font: 100% Arial, Helvetica, sans-serif;
margin:0px;
}

button, code, h1, h2, h3, h4, h5, h6,
input, pre, select, table, td, textarea, th
{ font-size: 1em; }

blockquote, br, button, dd, fieldset, form, h1, h2, h3, h4, h5, h6,
html, label, legend, li, ol, p, pre, table, td, th, ul
{ margin: 0; padding: 0; }

table.cellPadding td { padding:.15em .5em; }

#wrapper {
	width:946px;
	height:auto;
	margin-top:35px;
	margin-left:auto;
	margin-right:auto;
}

#logo {
	margin-bottom:10px;
}

#header {
	width:942px;
	height:135px;
	background-image:url(../images/header.jpg);
}

#contentBody {
	width:920px;
	height:auto;
	background-color:#FFF;
	color:#333;
	clear:both;
	padding-top:20px;
	padding-left:20px;
	padding-bottom:20px;
}

#contentBody h3 {
	margin-top:0px;
	padding-top:8px;
	text-indent:30px;	
	color:#FFF;
}

h2 {
	font-size:95%;
	margin-top:.7em;
	margin-bottom:1px;
}

#b {
	font-weight:600;
}

/* ----------- LEFT CONTENT BOX ----------- */

#contLeft {
	float:left;
	width:255px;
	margin-left:5px;
}

#contLeft A {
	text-decoration:none;
}

#contLeft A:HOVER {
	text-decoration:underline;
}

#contLeft h3 {
	height:35px;
	background:url(../images/tabContLeftRed.jpg) no-repeat top center;
	width:260px;
}

/* Spacing between listed items links with (the ones with the arrows).  H2 included */
#contLeft li {
	margin-top:.6em;
}

.noList {
	margin-left:11px;
	margin-top:5px;
	font-size:75%;
}

/* =========================================================================== */
/* TO CREATE A LIST ITEM IMAGE THAT IS VERTICALLY CENTERED WITH TEXT

   1) Create two rules
   	  As an example we have the #contLeft below.  Add a UL that will indent
      the whole inline block (i.e., the img and the accompanying text).
	  
   2) On the second rule we'll address the list item img with the UL LI tags.
   	  "Padding-left" will position the img left/horizontally.
	  "List-style:none" removes default dot for list items so that img will show.
	  "Background" specifies the img.  Left = horiz. pos. Center = vert. pos.
	  "Left" and "Center" can be replaced with pixel positioning as is done below.
	  If you only specify one keyword, the second value will be "center". */

#contLeft ul {
	margin-left:16px;
	font-size:90%;
}

#contLeft ul li {
	padding-left:15px;
	list-style:none;
	background:url(../images/liBtn.gif) left 1px no-repeat;
}
/* ============================================================================= */

#contLeft ul li ul li {
	list-style-image:url(../images/liBtn2.gif);
	list-style-type:disc;
}
/*
#contLeft ul li ul li ul li {
	list-style-image:url(../images/liBtn3.gif);
	list-style-type:disc;
	font-size:95%;
}
*/

/* ----------- RIGHT CONTENT BOX ----------- */

#contRight {
	float:left;
	margin-left:55px;
	width:585px;
}

#contRight h3 {
	height:35px;
	background:url(../images/tabContRightBlue.jpg) no-repeat top center;
}

/* ----------- CONTENT (containing page text) ----------- */

#content
	{
	padding-top:2em;
	padding-bottom:1.5em;
	padding-left:2.15em;
	padding-right:3em;
	}

#content h1
	{
	color:#0354c2;
	font-weight: bold;
	font-size:120%;
	margin-bottom:15px;
	}
	
#content h1 A
	{
	text-decoration:none;
	color:#0354c2;
	}
	
#content h1 A:HOVER
	{
	text-decoration:underline;
	color:#0354c2;
	}

#content h2
	{
	font-size:105%;
	margin-bottom:.7em;
	}

#content p
	{
	color:#3b3b3b;
	font-size:90%;
	line-height: 1.3em;
	}

#content img {
	margin-right:15px;
	border:2px solid #666;
	padding:5px;
	background-color:#CC9;
}

.upSum30
	{
	margin-top:-30px;
	}

.twoLineLink {
}

#content ul li
	{
	color:#3b3b3b;
	line-height: 1.2em;
	font-size:90%;
	margin-bottom:15px;
	margin-left:1.35em;
	list-style-image:url(../images/liBtn2.gif);
	}

#content ol li
	{
	line-height: 1.2em;
	font-size:90%;
	margin-bottom:15px;
	margin-left:2.5em;
	}

#content ol ol li {
	margin-top:10px;
	margin-left:3.95em;
}

#content ol li ol li {
	margin-left:25px;
}

#content ol ol ol li {
	margin-left:5.4em;
}

p.indent {
	margin-left:1.7em;
}

#content a:link {
	text-decoration:none;
}

#content a:visited {
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
}

#content a:visited {
	text-decoration:none;
}