@charset "iso-8859-1";
/* CSS Document */

* {
	margin:0;
	padding:0; }

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 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: #000000;
	background-color: #3c4250;
	background-image: url(../images/homepage_bg.jpg);
	background-position: top; }

img { 
	border:0; }

#container  {	
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 864px; }
	

/*------------ Header Styles Begin ------------*/

#header {
	background-image: url(../images/homepage_header_bg.jpg);
	background-repeat: no-repeat;
	clear:both;
	height: 76px;
	width: 864px; }

#headerContent {
	float: left;
	height: 76px;
	width: 665px; }

#headerLinks {
	height: 20px;
	font-size: 11px;
	text-align: right;
	margin-top: 5px;
	padding-right: 5px;
	color:#b5b5b5; }

	#headerLinks a {
		color: #b5b5b5; 
		text-decoration:none; }

	#headerLinks a.flagsRight {
		padding-right: 3px; }

	#headerLinks a.flagsLeft {
		padding-left: 14px; 
		padding-right: 3px; }

#headerRight {
	float: left;
	height: 76px;
	width: 12px; }

#logo {
	background-image: url(../images/homepage_header_logo.jpg);
	float: left;
	height: 76px;
	width: 187px; }

/*------------ Header Styles End ------------*/


/*------------  Main Navbar Styles Begin  ------------*/

#mainNav {
	float: left;
	height: 32px;
	width: 665px; 
	background-image: url(../images/topnav_bg.jpg);}

	#mainNav ul {
		background-image: url(../images/topnav_bg.jpg);
		background-repeat: repeat-x;
		height: 32px;
		list-style:none;
		margin: 0;
		padding: 0;
		width: 505px;
		}

	#mainNav ul li {
		float:left; }

	#mainNav ul li a {
		background-image: url(../images/topnav_divider.jpg);
		background-position: left top;
		background-repeat: no-repeat; 
		color:#FFFFFF;
		display:block;
		float:left;
		font-size:12px;
		line-height: 32px;
		padding: 0 9px 0 9px;
		text-decoration:none; }

 		#mainNav ul li a.aboutActive {
		background-image: url(../images/topnav_hp_bg_first_hover_j.gif);
			padding-left: 7px; }
			
		#mainNav ul li a.about:hover {
			background-image: url(../images/topnav_hp_bg_first_hover_j.gif); }
			
		#mainNav ul li a.about {
			background-image: url(../images/topnav_hp_bg_first.jpg);
			padding-left: 7px; }
 
 		#mainNav ul li a.navActive {
			background-image: url(../images/topnav_bg_hover.jpg);
			background-repeat: repeat-x; }
 
 		#mainNav ul li a.nav:hover {
			background-image: url(../images/topnav_bg_hover.jpg);
			background-repeat: repeat-x; }
			
		#rightTopbarCorner {
				float:right; 
				background-image:url(/images/topnav_right.jpg); 
				height:32px; 
				width:19px; 
				background-repeat:no-repeat;}


/*------------  Main Navbar Styles End  ------------*/

	
/*------------ Content Pane Styles Begin ------------*/

#billboard {
	width: 864px;
	height: 303px; }
					
#columnFirst {
	float:left; 
	width: 29px;
	height: 118px;}
	
A.news:link {
	color:#292929; 
	font-size:11px;
	font-weight: normal; 
	line-height:17px; 
	text-decoration: none; }
	
A.news:visited { 
	color:#292929;
	font-size:11px;
	font-weight: normal; 
	line-height:17px;
	text-decoration: none; }
	
A.news:active {
	color:#292929;
	font-size:11px;
	font-weight: normal; 
	line-height:17px; 
	text-decoration: none; }
	
A.news:hover {
	color:#292929;
	font-weight: normal; 
	line-height:17px; 
	text-decoration: underline; }
	
#columnSecond {
	color:#414655;
	float:left;	
	font-size:11px;
	font-weight:bold;
	padding-top:13px;
	width: 260px; }
	
	#columnSecond  #title {
		clear:both;
		color:#414655;
		font-size:11px;
		font-weight:bold;
		padding-bottom:7px;
		width:252px; }
		
#columnThird {
	float:left;
	width: 20px; }
	
#columnFourth {
	color:#414655;
	float:left; 
	font-size:11px;
	font-weight:bold;
	padding-top:33px;
	width: 260px; }
	
#columnFifth {
	float:left; 
	width: 20px; }
	
#columnSixth {
	color:#414655;
	font-size:11px;
	font-weight:bold;
	float: left; 
	width: 250px; }	
	
	#columnSixth #title {
		clear:both; 
		color:#414655;
		font-size:11px;
		font-weight:bold;
		padding-bottom:7px;
		padding-top:13px; }

/*------------  Content Pane Styles End  ------------*/


/*------------  Footer Styles Begin  ------------*/

#footer {
	background-color: #3c4250;
	height: 67px;
	width: 864px; }

#footerLinks {
	color: #b5b5b5;
	float: left;
	font-size: 11px;
	height: 25px;
	line-height: 21px;
	padding-right: 5px;
	width: 852px; }

	#footerLinks a {
		color: #b5b5b5;
		text-align: right;
		text-decoration:none }
		
#copyright {
	float: left;
	padding-left:330px; }
	
#footerRight {
	float: left;
	width: 12px; }

#swirl {
	background-image:url(../images/homepage_news_events_bg_tall.jpg);
	background-repeat: no-repeat;
	height: 118px;
	width: 866px;
	}
	
/*------------  Footer Styles End  ------------*/


/*------------  Miscellaneous Begin  ------------*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px; }
	
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px; }
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	font-size: 1px;
	height:0;
	line-height: 0px; }
	
/*------------  Miscellaneous End  ------------*/