/* CSS Document */

/* ------------------------------- formatting ----------------------------- */

body {
	margin: 0;
	padding: 0;
	}

h1 {
	font: bold x-large Arial, sans-serif;
	color: #43616b;
	margin-top: 0px;
	}

h2 {
	font: large Arial, sans-serif;
	color: #9c1a1e;
	}

h4 {
	font: bold small Verdana, sans-serif;
	color: #9c1a1e;
	margin-bottom: 2px;
	}

h5 {
	font: italic bold small Arial, sans-serif;
	color: #43616b;
	margin-top: 2px;
	}

#center2 h1, h2, h3, h4, h5, h6 {
  position: relative;
} 

p {
	font: 0.7em Verdana, sans-serif;
	}

#center p {
	font: 0.8em Verdana, sans-serif;
	}

#center2 p {
	font: 0.8em Verdana, sans-serif;
	position: relative;
	}

#center2 img {
	float: left;
	border: solid 0px;
	margin-right: 15px;
	margin-bottom: 3px;
	}

#center2 hr {
	color: #a5b5c6;
	height: 1px;
	clear: both;
	}

#articlesponsor p {
	color: #a5b5c6;
	}
	
#footer p {
	margin: 4px;
	text-align: center;
	}

a {
	color: #34339B;		
	}

a:hover {
	color: #9c191e;	
	}

a img {
	border: 0px none;
	display: block;			/* removes extra space underneath caused by default text-alignment */
	}

/* 

------------------------------- 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 an 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;
	background: #c0c000 ;
	border-bottom: 1px solid #000000;
	}
	
#center, #center2 {
	margin: 0px 205px 0px 195px; 
	padding: 20px;
	background: #ffffff;
	color: #000000;
	border: 0px solid #000000;
	}

#left {
	position: absolute;
	padding: 0px;
	top: 85px;
	width: 190px;
	background: #ffffff;
	color: #000000;
	}

#articlesponsor {
	position: absolute;
	width: 180px;
	right: 0px;
	padding: 10px 10px;
	top: 85px;
	text-align: center;
	border: 0px solid #000000;
	}

#footer {
	clear: both;
	margin-top: 40px;
	border-top: 1px solid #5c6f90;
	border-bottom: 1px solid #5c6f90;
	background-color: #c0c000;
	color: #000000;
	}

/* 

-------------------------------- Navigation ------------------------------ 

List tips courtesy of A List Apart: http://www.alistapart.com/stories/taminglists/

*/


ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #c0c000;
	}
		
ul#mainnav li {
	display: block;
	border-top: 1px solid #c0c000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	}

ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px; 
	padding: 6px 6%;
	background-color: #c0c000;
	font: bold 0.8em /1.5 arial, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #000000;
	text-decoration: none;
	width: 88%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	}

ul#mainnav li a:hover {
	background-color: #000000;
	color: #c0c000; 
	} 
	

/* ---------------------------------------------------------------------*/