/* CSS Document */

/* Thanks to Dan Shafer, author of "HTML Utopia: Designing Without Tables Using CSS" for 
his great book. This CSS document incorporates many of the techniques outline in the book. 
For more information, visit http://www.sitepoint.com/books/css1/  */

/* --------- formatting ------------------- */

	body {
	margin: 0;
	background: #e9ebbc;
	color: #000;
	scrollbar-face-color:#012053;
	scrollbar-arrow-color:white;
	scrollbar-track-color:#92A971;
	scrollbar-shadow-color:'';
	scrollbar-highlight-color:'';
	scrollbar-3dlight-color:'';
	scrollbar-darkshadow-Color:'';
	}

h1 {
	font: 18pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: none;
	color: #333366;
	margin-top: 20px;
	text-align: center;
}
	
h2 {
	font: 16pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: none;
	color: #333366;
	text-align: center;
}
	
h3 {
	font: 14pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: none;
	color: #333366;
	text-align: center;
}
	
h4 {
	font: 12pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: none;
	color: #333366;
	text-align: center;
}
	
/* #right h4 {
	font: 12pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: none;
	color: #333366;
	text-align: center;
}
*/

h5 {
	font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: none;
	color: #333366;
	text-align: center;
}
	
p {
	font: 10pt Verdana, sans-serif;
	}
	
#articles p {
	font: 7pt Verdana, sans-serif;
	text-align: center;
	}
	
#center p {
	font: 10pt Verdana, sans-serif;
	}

/* #right p {
	font: 8.5pt Verdana, sans-serif;
	}
*/
	
div#topcontent p {                       
	text-align: right;
	right: 4px;
	}
	
#bottom3 p {
	font: 8pt Verdana, sans-serif;
	text-align: center;
	}

#footer p {
	margin: 4px;
	text-align: center;
	}
	
ul {
	list-style-type: disc;
	list-style-position: outside;
	font: 10pt Verdana, sans-serif;
	}
   
ul#prob {
	list-style-type: disc;
	list-style-position: outside;
	font: 10pt Verdana, sans-serif;
	}
   
ul ul {
	list-style-type: square;
	list-style-position: outside;
	font: 100% Verdana, sans-serif;
	}

ol {
	list-style-type: decimal;
	list-style-position: outside;
	font: 10pt Verdana, sans-serif;
	}
   
ol ol {
	list-style-type: lower-alpha;
	list-style-position: outside;
	font: 100% Verdana, sans-serif;
	}

a {     
	background: none;
	color: #34339B;		
	}

a:hover {
	background: none;
	color: #7E2C2A;
}
	
hr {
	background: none;
	color: #A5B5C6;
	height: 1px;
	}
	
a img {
	border: 0 none;
	display: block;		/* removes extra space underneath caused by default text-alignment */
	}
	
div#top img {                       
	position: absolute;
	left: 0px;
	top: 2px;
	}

div#topcontent img {                       
	position: absolute;
	right: 4px;
	top: 30px;
	}
	
div#top a {
	display: block;		/* makes the background hover effect work in Mozilla */
	width: 153px;
	background: #5C6F90;
	color: #000;
	}

div#top a:hover {
	background: #43616B;
	color: #000;
	}

/* ------------------------------- layout ----------------------------- 

Notes:

Do not mix px widths with % widths for margins, borders or padding because 
the total box width = set width + padding + border.  (It helps if you can add them together.)

The box model hack is used to fix a bug in IE5-Win ...for an explanation from the guy that wrote 
it go to http://www.tantek.com/CSS/Examples/boxmodelhack.html

IE6-Win will behave like IE5-Win if you include <?xml version="1.0"?>.  It is apparently 
unneccessary so leave it out!

Left Col Widths:
 |  pad   |         width        |  pad   | 				
 ------------------------------------------					
 |   0    |          25%         |   0    |	
 
Center Margins:
 |  marg  |         width        |  marg  | 
 ------------------------------------------
 |   25%  |        (auto)        |   25%  |

Right Col Widths:
 |  pad   |         width        |  pad   | 				
 ------------------------------------------					
 |  1.5%  |          22%         |  1.5%  |	total width= 25% */


#top {
	padding: 4px;
	height: 142px;
	background: #e9ebbc;
	color: #000;
	border-top: 2px solid #A5B5C6;
	/* border-bottom: 2px solid #A5B5C6; */
	}
	
#center {
	margin: 0 0% 0 25%;
	padding: 1% 3%;
	background: #e9ebbc;
	color: #000;
}

#left {
	position: absolute;
	padding: 0;
	top: 152px;
	width: 25%;
	background: #A5B5C6;
	color: #000;
	}
	
div#topcontent {
	position: absolute;
	top: 12px;
	right: 0;
	width: 80%;
	}

/* #right {
	position: absolute;
	width: 19.9%;
	right: 0;
	padding: 10px 2.5%;
	top: 150px;
	}
*/
	
#bottom3 p {
	font: 8pt Verdana, sans-serif;
	text-align: center;
	}
	
#footer {
	clear: both;
	border-top: 1px solid #5C6F90;
	border-bottom: 1px solid #5C6F90;
	background: #D6D6D6;
	color: #000;
	}

/* ------------------- Navigation ------------------ 

List tips courtesy of A List Apart: http://www.alistapart.com/stories/taminglists/ */


ul#nav {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #D6D6D6;
	color: #fff;
	}
		
ul#nav li {
	border-top: 1px solid #A5B5C6;
	border-right: 2px solid #A5B5C6;
	border-left: 2px solid #A5B5C6;
	}
	
ul#nav li.first {
	border-top: 1px solid #A5B5C6;
	}
	
ul#nav li.last {
	border-bottom: 1px solid #A5B5C6;
	}

ul#nav li a {
	text-decoration: none;
	display: block;
	width: 88%;
	padding: 3px 6%; /* background: #5C6F90; */
	background: #336633;
	font: bold 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
}

ul#nav li a:hover {
	background: #E7E7E7;
	color: #205B40;
}
	
div#topcontent ul {
	position: absolute;
	right: 0;
	list-style: none;
	}

div#topcontent ul li {
	display: inline;
	padding: 0 5px;
	border-left: 1px solid #34339B;	
	}

div#topcontent ul li.first {
	border-left: 0 none;
	}

div#topcontent ul li a {
	font: 8pt Verdana, sans-serif;
	text-decoration: none;
	}
	
div#topcontent ul li a:hover {
	font: 8pt Verdana, sans-serif;
	text-decoration: underline;
	}


div#topcontent form {
	position: absolute;
	right: 0;
	top: 20px;
	}
	
div#bottom {
	clear: both;
	width: 100%;
	text-align: center;
	}
	
div#bottom2 {
	clear: both;
	width: 100%;
	text-align: center;
	}
	
div#botton3 {
	clear: both;
	width: 100%;
	}
	
div#articles {
	clear: both;
	width: 100%;
	}
	
div#bottom ul {
	list-style: none;
	}
	
div#bottom ul li {
	display: inline;
	padding: 0 0.5em;
	border-left: 1px solid #34339B;	
	}
	
div#bottom ul li.first {
	border-left: 0 none;
	}
	
div#bottom ul li a {
	font: 8pt Verdana, sans-serif;
	text-decoration: underline;
	background: none;
	color: #34339b;
	}
	
div#bottom ul li a:hover {
	font: 8pt Verdana, sans-serif;
	text-decoration: underline;
	background: none;
	color: #7e2c2a;
	}
		
div#bottom2 ul {
	list-style: none;
	}
	
div#bottom2 ul li {
	display: inline;
	padding: 0 0.5em;
	border-left: 1px solid #34339B;	
	}
	
div#bottom2 ul li.first {
	border-left: 0 none;
	}
	
div#bottom2 ul li a {
	font: 8pt Verdana, sans-serif;
	text-decoration: underline;
	background: none;
	color: #34339b;
	}
	
div#bottom2 ul li a:hover {
	font: 8pt Verdana, sans-serif;
	text-decoration: underline;
	background: none;
	color: #7e2c2a;
	}
	
/* --------------------------------------------------------------------- */

/* ------------------- Bulleted List ------------------ */
ul#bullet {
	list-style: none;
	text-align: left;
	color: #000000;
}
		
ul#bullet li {
	list-style: disc;
	text-align: left;
	color: #000000;
}
