@charset "UTF-8";
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: url(../images/bg.gif) repeat;
	margin: 10px 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
}
#container {
	width: 1064px;  
	background: #FFFFFF;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 12px solid #999999;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	padding: 15px 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

/* 
*********** LOGO AREA ***********
*/

#header {
	font-size: 150%;
	height: 106px;
	}

	#header p {padding-top: 22px; margin: 0;}

/* 
*********** NAVIGATION ***********
*/

#navcontainer {
	border-top: 2px #666666 solid;
	border-bottom: 2px #666666 solid;
	margin: 26px 0;
	text-align:center;
}

	#navlist
	{
	margin: 0;
	padding: 15px 0 25px 20px;
	font-size: 90%;
	}
	
	#navlist ul, #navlist li
	{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
	#navlist a:link, #navlist a:visited
	{
	float: left;
	line-height: 14px;
	margin: 0 30px 4px 10px;
	text-decoration: none;
	color: #666666;
	}
	
	#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
	{
	border-bottom: 6px solid #000;
	padding-bottom: 6px;
	background: transparent;
	color: #ff0000;
	}
	
	#navlist a:hover { color: #ff0000; }

/* 
*********** COPY AREA ***********
*/

#headline {font-size: 130%}
#headline p {text-align:justify;}


/* 
*********** BOTTOM COLUMNS ***********
*/

#columnContainer {border-top: 2px #666666 solid;}

.col {
  margin: 10px 0;
  /*height: 205px; */
  border-right: 2px #666666 solid;
  }
 
 .col p {padding: 0 20px 0 10px; text-align:justify; font-size:85%; margin: 0;} 
 .col p.left {padding: 0 20px 0 0; text-align:justify; font-size:85%; margin: 0;} 
 .col p.right {padding: 0 0 0 10px; text-align:justify; font-size:85%; margin: 0;} 
  
 .redBanner {color: #FFFFFF; background:url(../images/redBanner.gif) 8px -3px no-repeat; border: 0;  margin: 10px 0;  height: 205px; }
.redBanner p {padding: 8px 15px 15px 20px; text-align:left; font-size:85%; margin: 0;} 
.redBanner a {color: #000000; text-decoration:none;}
.redBanner a:hover {color: #FFFFFF}
  

/* 
*********** BOTTOM COLUMNS ***********
*/  


#footer {
	font-size: 75%;
	margin: 0 0 10px 0;
	
}

#footer p {margin: 0}



/* 
*********** GENERIC STYLING ***********
*/

.red {color: #ff0000}
.smallerinfo {font-size:80%}
a {color:#FF0000; text-decoration:none}
a:hover {color: #000000}

ul.content{
 list-style: outside;
 margin: 0px 15px 3px 20px;
 padding-left: 8px;
 padding-bottom: 7px;
 padding-top: 7px;
}

ul.content li{
font-size:85%;
 padding-left: 2px;
 padding-top: 4px;
}

.posted {width: 100%; height: 25px; background:url(../images/header.gif) top left no-repeat; font-size:60%}


ul.rightList{
list-style-type:none;
 margin: 0px 0px 3px 0;
 padding-left: 0px;
 padding-bottom: 7px;
 padding-top: 7px;
 padding-right: 15px;
}

ul.rightList li{
font-size:85%;
 padding-left: 0px;
 padding-top: 8px;
}


ul#maCarousel li {
cursor: pointer;
color:#FF0000; 
text-decoration:none;
}

ul#maCarousel li:hover {
cursor: pointer;
color:#000000; 
text-decoration:none;
}

ul#maCarousel li.sfhover {
cursor: pointer;
color:#000000; 
text-decoration:none;
}


.articleDate {font-size:75%}

.inlineTable td {
	font-size: 85%;	
	line-height: 150%;
}