/* CSS Document */

/*main*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color: #353434;
	margin: 0 ;
	background: #ffffff url("../images/body-bg.gif") repeat-x top left;
	padding: 0px;
}

a:link, a:visited {
	text-decoration: none;
	color:#479a03;
	font-weight: bold;
}

a:hover, a:active {
	text-decoration: none;
	color:#336e03;
}

h1 {font-size: 1.4em; color:#469803; margin: 0px 0px 10px 0px; padding: 0px; }
h2 {font-size: 1.3em;color:#255d81;margin: 0px 0px 10px 0px;padding: 0px 0px 6px 0px; }
h3 {font-size: 1.2em;font-weight:bold;color:#255d81;margin: 0px 0px 2px 0px;padding: 6px 0px 6px 0px; }
h4 {font-size: 1.3em;font-weight:normal;color:#9d0404;margin: 0px;padding: 6px 0px 6px 10px; background:url("/images/h4-bg.gif") no-repeat top left; }
h5 {color:#2974ae;font-size: 1.1em;margin: 0px;margin-right: 4px;padding: 3px;background: #c1daef;}
h6 {text-align: left;color:#1286c2;font-size: 1.2em;margin: 0px;padding: 0px;}

/*content*/

#body2 {background: url("../images/body2-bg.gif") no-repeat top center;}
#container { margin: auto; width:1000px;}


/*header*/
#header {height: 120px; }
p.topright { text-align: right; margin: 0px; padding: 10px 0px 0px; font-size: 0.9em;}

#toprightnav { float: right; clear: none; width: 436px; height: 41px; background: url("../images/topright-bg.gif") no-repeat top right; margin: 25px 0px 0px;}
#toprightnav ul {font-size: 1.1em; margin:0px; padding: 0px;}
#toprightnav li {float: right; padding:0px; margin: 0px; height: 41px; list-style: none; border-right: 1px solid #9c2516;}
#toprightnav li.end {border: none;}
#toprightnav a { display: block; padding: 12px 33px; color:#ffffff; font-weight: normal;}
#toprightnav a:hover { color: #5a0c02;}

#logo {clear: both; float: left; padding: 0px;}

#topnav {height:63px; background: url("../images/topnav-bg.gif") no-repeat top left; font-size:1.4em; margin-top: 10px;}
#topnav ul {margin: 0px;padding:0px;}
#topnav li {float:left; padding: 0px; margin: 0px; list-style: none; border-right: 2px solid #9a2516; height: 63px;}
#topnav a {display:block; padding: 20px 25px; color:#ffffff; display: block;}
#topnav a:hover { color: #a3c126;}
#topnav li.end {border: none;}

/*toppanel*/
#toppanel {background: url("../images/toppanel-bg.jpg") no-repeat top left; height: 80px; padding: 195px 0px 0px 500px;}
#toppanel h3 { margin: 0px; padding: 0px; text-indent: -9999px; height: 52px; width: 462px;}
#toppanel h3 a {background: url("../images/toppanh3-bg.gif") no-repeat top left; height: 52px; width: 462px; display: block;}
#toppanel h3 a:hover { background-position: bottom right; }

/*content*/
#leftcolumn { float: left; width: 790px; margin: 10px 0px 0px; padding: 0px;}

#writtencont {background: url("../images/writtencont-bg.gif") repeat-y top left;}
#writtencont2 {background: url("../images/writtencont2-bg.gif") no-repeat top left; padding: 30px 20px 0px; font-size:1.1em;}
#writtencont-bot {background: url("../images/writtencont-bot-bg.gif") no-repeat top left; height: 17px; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:10px; padding: 0px;}
.highlight {color: #ae2716;}

#news {background: url("../images/news-bg.gif") no-repeat top left; padding: 60px 0px 0px 0px; margin: 10px 0px; height: 196px; }
.newsarticle { width: 214px; height: 100px; float: left; margin: 0px 0px 10px 20px; padding: 10px; background: #ffffff url("../images/newsart-bg.gif") repeat-x bottom left; border: 1px solid #d0d0ce;}
#news p { margin: 0px; padding: 6px 0px;}
#news a { color: #ae2716;}

#leftcolumn p.feature { height: 52px; margin:0px 0px 0px 447px;  width: 297px; padding: 0px; text-indent: -9999px;}
#leftcolumn p.feature a {display:block; background: url("../images/donation-bg.gif") no-repeat top left; height: 30px; padding: 12px 0px 10px 15px;}
#leftcolumn p.feature a:hover { background-position: bottom left;}

#leftcolumn p.articles { height: 52px; margin:0px 0px 0px 456px;  width: 308px; padding: 0px; text-indent: -9999px; clear: both;}
#leftcolumn p.articles a {display:block; background: url("../images/morearticles-bg.gif") no-repeat bottom left; height: 30px; padding: 12px 0px 10px 15px;}
#leftcolumn p.articles a:hover { background-position: top left;}

#rightnav {width: 200px; float: right; margin: 10px 0px 0px; padding: 0px; }
#rightnav h3 {margin: 0px 0px 10px; padding: 0px; background: url("../images/rightnavtop-h3.gif") no-repeat top left; height: 40px; text-indent: -9999px;}
#rightnav img {margin-bottom: 10px;}

/*footer*/
#footer { background: url("../images/footer-bg.gif") no-repeat top left; height: 185px; padding: 0px; clear: both;}
#footer p { margin: 0px; padding: 65px 0px 0px 20px; color: #ffffff;}

#social {float: right; padding: 45px 30px 0px 0px; margin: 0px; }
#social img {margin-left: 15px;}

#footer2 { color: #878785;}
#footer2 a {font-weight: normal; color: #878785;}
#footer2 a:hover { color:#479a03;}
#footer2 p { margin: 0px; padding: 8px 0px;}
