/* CSS Document */

body {
	color: #4B4B52;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #373739;
	background-image:url(../images/index_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding:0px;
	margin: 0px;
}
a, img, form {
	border:0px; margin:0px; padding:0px;
}
#border /* holds the gradient that runs down left/right side of each page */ {
	border: 5px solid #FFFFFF;
	width:790px; 
	margin:20px auto 0px auto;
	vertical-align:middle;
}

/*---------- HEADER SECTION -------------*/
#header {
	height: 104px;
	padding:0px 0px 0px 25px;
}
#logo{
	float: left;
}
#headertext {
	float: right; font-size:12px; color: #888888; margin:1px 10px 0px 0px; vertical-align:bottom; height:26px; line-height:26px; width:350px;
}


#headertext a {
	color: #cccccc; text-decoration:none; padding: 5px 17px 0px 15px; float:right; background: url(../images/bullet_header.jpg) no-repeat center left; height:28px;
}

#headertext a:hover {
	color: #76BB22; 
}
#nav {
	height: 31px;
}
#nav img {
	float: left;
}
#columns{
	width:790px;
	position: relative; 
	background-color: #ffffff;
}

#columns img{
	float: left;
}

#tagline {
	float:right;
	margin: 20px 25px 10px 0px;
}

/*---------- LEFT NAV SECTION -------------*/

#left{
	background-color: #ffffff;
	width: 245px;
	float: left;
	padding: 10px 0px 0px 5px;
	clear:left;	
}
#left ul{
	margin:0px 0px 10px 0px;
	padding:0px;
	width:245px;
	border:none;	
	list-style-type:none;
	background-color:#dfdfdf;
}
#left ul li{
	height:25px;
	vertical-align:top;
}
#left a, #left h2 {
	font-size:12px;
	display: block;
	margin: 0;
	padding: 5px 3px 4px 3px;
} 
#left h2 {
	color: #fff;
	background: #8f8f8f;
	font-weight:bold;
}
#left a {
	background-color:#dfdfdf;
	color: #000000;
	text-decoration: none;
}
#left a:hover {
	background-color:#aeaeae;
	color: #ffffff;
}
#banners {
	background-color: #ffffff;
	width: 245px;
	float: left;
	padding: 0px 0px 10px 5px;
	clear:left;
}
#banners img {
	margin-bottom:1px;
}
#maillist {
	width:230px;
	height:64px;
	padding:35px 5px 10px 10px;
	margin: 10px 0px 0px 0px;
	background-image:url(../images/left_banner_5.jpg);
}
#email {
  width: 160px;
	height:14px;
	padding:1px 1px 2px 2px;
	margin:2px 10px 4px 0px;
	border:1px solid #cccccc;
}
#button {
	position:relative;
	vertical-align:baseline;
}
/*---------- FOOTER SECTION -------------*/

#footer {
	font-size: 9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	width:800px;
	margin:10px auto 20px auto;
	clear:both;
}
#footertext {
	vertical-align:text-top;
	float:left;
	width:600px;
}
#footer img {
	vertical-align:text-top;
	float:right;
	margin:3px 0px 0px 0px;
	width:163px;
}
#footer a {
	color: #666666;
	text-decoration:none;
}
#footer a:hover {
	color: #999999;
	text-decoration:none;
}

#footer_usa a{
font-size: 12px;
color:#c8c6c6;
line-height:150%;
}

#footer_usa a:hover{
	color: #999999;
	text-decoration:none;
	}
	
#footer_usa img {
	vertical-align:text-top;
	float:left;
	margin:4px 3px 0px 2px;
	width:20px;
}

.footergrad{
	background-image:url(../images/gradient_foot.jpg);
	background-repeat: no-repeat;
	line-height:0px;
	height:7px;
	width:820px;
	margin:0px auto 0px auto;
}


/*---------- CONTENT SECTION -------------*/

#articles {
	background-color: #FFFFFF;
	padding:18px 10px 10px 15px;
	float:right;
	width: 525px;
}
.article {
	height:260px;
	width:161px;
	padding:5px 7px 5px 7px;
	background-image:url(../images/article_bg.jpg);
	float:left;
	font-size:12px;
	margin: 20px 0px 10px 0px;
}
.article a{
	padding-top: 10px;
	text-decoration:none;
	color:#72B321;
}
.article a:hover{
	text-decoration:underline;
}
.articletext {
	padding:3px;
	display:block;
}