/* CSS for three column layout with absolutely positioned side columns and header */
/* from the book Stylin' by Charles Wyke-Smith publsihed by New Riders */
body {margin:0; padding:0; font: 1.0em verdana, arial, sans-serif; }
div#container {position:relative; min-width:800px; max-width:1000px; margin-left:auto; margin-right:auto}
div#header {height:100px; background-color:#FFCC66; text-align:left; border-bottom: 1px #960 solid;}
 /*styles for header - text-align centers graphic */

div#nav {
	position:absolute;
	left:0px;
	top:100px;
	width:200px;
	padding:0;
	margin:0px 0 2em;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #CC3333;
}			
div#nav ul {
	margin:36px 2px 12px 0em;
	padding:0;
	list-style-type:none;
	font-weight:bold;
	font-size:10pt;
	border-top: 0px;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}
div#nav li {
	border-bottom:1px solid #CC3333;
	margin:0;
	padding:0.5em 0 0.75em;
	text-indent:1em;
	border-top-width: 1px;
	border-top-color: #CC3333;
}
div#nav li:first-child {border-top:1px solid #CC3333;}
div#nav a {
	color:#0033CC;
	text-decoration: none;
}
div#nav a:hover {color: #990000;}
/* a hack for IE Win only \*/	
* html div#nav ul {border-top:2px solid #CC3333;}
/*end of hack */
div#content {margin:0px 150px 0 205px; padding: 0 1em;}
div#content div#mainimage {width:130px; float:left; margin:0 1em 4px 0;}
div#content div#mainimage img {}
div#content div#mainimage p {font-size:0.7em; margin:10px 5px 0px 0px; color:#C60;} 
div#content h1{font-size:1.4em; font-variant:normal; margin-top:1em; font-family:Arial, Helvetica, sans-serif; color:#000000;}
div#content p {
	font-size:0.8em;
	margin-top:0;
	margin-bottom:0.5em;
	padding-bottom: .7em;
	line-height: 1.5em;
}	
div#content li {font-size:.75em;}
div#content blockquote {width: 250px; float:right; font-size:.7em; border-top: 2px solid #960; border-bottom:2px solid #960; margin:0 10px; padding: 6px 10px;}
div#content blockquote p {margin:0; font-style:italic;}
div#content a {text-decoration:underline; color:#C60;}
div#content a:hover {color: #960; text-decoration:none;}
div#rightcolumn {
	position:absolute;
	width:156px;
	top:10px;
	right:0px;
	margin:92px 0 0;
	padding:1em 0;
	border-top:#960;
	border-bottom:#960;
	text-align: center;
}
div#rightcolumn p {font-size:.75em;}
div#rightcolumn img {border:none;}
div#rightcolumn div#newslinks ul {list-style-type:none; font-size:.7em; padding-left: 10px; margin:0 6px 0 0;}
div#rightcolumn div#newslinks li {margin-top:0; margin-bottom:.5em;}
div#rightcolumn h3 {text-align:center; font-size:.8em; color:#960; margin-bottom:.75em; padding-top:3px; border-top: none #960;}
div#rightcolumn a {text-decoration:none; color:#C60; text-decoration:underline}
div#rightcolumn a:hover {color: #960; text-decoration: none;}
div#rightcolumn li.morelink {font-style:italic;}

/*footer styles*/
div#footer {width:100%;  /* makes the div fill its container - usually body */
 					padding:4px 0; /* pushes the links away from top and bottom of the div */
					font-size:.9em;  /* sets the font size of all links */
					text-align:center; /* centers the ul elements in the div */
					background-color:#DEE7B6; /* sets the background color of the div */
					border-top:1px solid #960; border-bottom:2px solid #960; margin-top:1.5em;}
 div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* creates the vertical line to the left of each list items */
						color:#C60; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#footer li:first-child {border-left:0;} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 							 color:C60; /* the color of the links */
							 }
 div#footer ul li a:hover {text-decoration:underline; color:#960} /* underlines the links when hovered */
 div#footer ul.fineprint li {color:#C60;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#C60;} /* had to explicitly color these or they inherit white from div#footer li */
  div#footer ul.fineprint li a:hover {color:#960;} /* turns bottom row white when hovered */
.contSubs {
	font-size: 1em;
	font-weight: bold;
	line-height: .5em;
}