@charset "utf-8";
   
/********************************************
	   DEFAULTS 
********************************************/ 

* {/* zero margins and padding */
		margin: 0;
		padding: 0;
		}

	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
		margin: 0;
		padding: 0;
	}

	html {
		font-size: 100%;
		}

    body { 
		background: #053d71 url(../images/bg.png) repeat-x top left;		
		text-align:center;
		margin:0;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:82.5%;
		line-height:1.5em; 
	}
	
	.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
a img{ border:none; }

/********************************************
	   LAYOUTS
********************************************/  
#wrapper { 
	margin: 0 auto;
	padding:0;
	text-align:center;
	width: 840px;
	background: #url(../images/.gi) repeat-y;
	color: #454545;
	border:px solid #CC0000;
}
   .header {
   	width: 840px;
	position: relative;
	height: 145px;
	background:url(../images/header.png) no-repeat center top;
	padding: 0;
   	margin:0;
   } 

	.logo {
		float: left;
		width: 150px;
		height: 94px;
		padding:0;
		margin:22px 0 0 25px;
		border:px solid #ccc;
	}

	.navigation {
		width: 626px;
		float: left;
		border:px solid #000;
		margin-top:10px;
		margin-left:8px;
	}

.content_top {
	width:840px;
	height:20px;
	background: url(../images/content-top.png) no-repeat;
	margin:0 auto;
	padding: 0px;
	text-align:center;
}
.content_bottom {
	width:840px;
	height:20px;
	background: url(../images/content-bottom.png) no-repeat;
	margin:0;
	padding:0;
	text-align:left;
}
#mainContent {	
	width:830px;
	background:#FFF;
	margin:0 auto;
	padding:0;
	text-align:center;
	border:px solid #FF0000;
}

	#left_side { 
		float: left; 
		width: 28%; 
		padding: 0;
		margin:10px 0;  
		background:#efefef;
		text-align:left;
		 }
	#right_side { 
		float: left; 
		width: 69%; 
		margin: 0;
		padding:0 10px; 
		text-align: justify; 
		background:#;
		}
	#oneColumn { 
		float: left; 
		width: 96%; 
		margin: 0;
		padding:0 10px; 
		text-align: justify; 
		background:#;
		}		
	.footer { 
		clear: both; 
		height:50px;
		text-align: center;
		color: #808080;
		background:#efefef;
		padding: 10px 5px;
		border: px solid #F00;
	}
	
/********************************************
	   NAVIGATION
********************************************/  
	#nav { 
		width:100%; 
		float:left;
		padding-top:12px;

		 }
	#nav ul { margin:0; list-style:none; padding: 0; }
	#nav a, #nav strong, #nav span { 
		float:left; 
		display:block; 
		color:#003366;
		padding: 7px 9px 4px 9px; 
		background:url(../images/nav.png) no-repeat 100% 0px; 
		text-decoration:none; 
		text-transform:capitalize;
		font-weight: bold; 
	}
	#nav a { float:none; }
	#nav li { float:left; color: #FFF; background:url(../images/nav.png) no-repeat 0px 0px; margin:0; padding:0 0 0 7px; }
	#nav #current { background: url(../images/nav.png) no-repeat 0 -41px; color: #FFF; }
	#nav #current a { background:url(../images/nav.png) no-repeat 100% -41px; padding:7px 9px 4px 9px; color:#FFF; }
	#nav a:hover { 
		color: #FFFF99;
		background: #C43219 url(../images/nav.png) no-repeat 100% 0px; 		
		}   

/********************************************
	   MAIN CONTENT Styles
********************************************/  



#blueBar {
	clear: both;
	color: #FFE4E0;
	padding:0;
	margin-top: -2px;
	background:url(../images/blue-bar.png) no-repeat;
	width:628px;
	height:61px;
		}
	#blueBar ul {
		list-style-type:none;
		border:px solid #FF0000;
		color:#66CCFF;
		width:300px;
		margin:45px 0 0 0;
		padding:20px 0 0 420px;
		}
	#blueBar ul li {
			display:inline;
			font-size:11px;
			margin: 0;
			padding:0px 2px 0 2px; 
		}
	#blueBar ul li a{
			color:#66CCFF;
			border-right:px solid #66CCFF;
			margin:0;
			padding-right:2px; 
			text-decoration:none;
			text-transform:capitalize;
		}
	#blueBar ul li a:hover{
			color: #66FFFF;
			text-decoration:underline;
		}
		
	
.subheader {
	width:90%;
	padding: 8px;
	background: #f0f0f0;
	color: #808080;
	margin:0 auto;
	text-align:center;
}



	.box_top {
		background: #F0F0F0 url(leftbox_top.gif) no-repeat;
		color: #808080;
		height: 60px;
		width: 220px;
		border:px solid #000;
	}
	

	
	.box {
		border-left: 2px solid #F0F0F0;
		border-right: 2px solid #F0F0F0;
		padding: 0 4px 0 7px;
		margin: 0;
		width:93%;
		color: #595959;
		background: #FFF;
	}
	
	.box_bottom {
		background: #FFF url(leftbox_bottom.gif) no-repeat;
		color: #000;
		height: 13px;
		width: 160px;
		margin: 0 0 7px 0;
	}
	

		
	.article { padding: 0 5px 0 0px; margin-bottom: 20px; }
	.grey_top { clear: both; width: 382px; background: #EDEDED url(grey_top.gif) no-repeat; color: #000; height: 5px; padding: 0; margin: 0px 0 0 6px; }
	.grey { width: 362px; margin: 0 0 0 6px; padding: 10px; background: #EDEDED url(grey_bottom.gif) no-repeat bottom left; color: #808080;	}
	.grey a {
	color: #C83C3C;
	background: inherit;
	font-weight: bold;
	}
	.grey a:hover {
	color: #000;
	background: #EDEDED;
	}
	.highlight {
	padding: 5px 3px 5px 3px;
	margin: 0 0 3px 0;
	border-bottom: 1px solid #ccc;
	}
	
		
		



/********************************************
	   IMAGES
********************************************/  

.right { float: right; width: 170px; margin: 0 0 10px 0; border:1px solid #000; }

#right_side img { float:left; margin: 0 10px 5px 0; border:px solid  #000033;  }

#mainImg {
	width:820px;
	height:275px;
	margin:0 auto;
	padding:0 0 0px 5px;
	text-align:center;
	border:px solid #FF0000;
}

/*   captioned photos  */

.picture { 
	background-color: #F9F9F9;
	border: 1px solid #ccc; 
	padding: 3px;
	font: 12px/1.4em Arial, sans-serif;
	font-weight:bold;
	}
.picture a { 
	text-decoration:none;
	}

.picture img { 
	border: 1px solid #CCCCCC;
	vertical-align:middle; margin-bottom: 3px;
	}

.right { 
	margin: 0.5em 0pt 0.5em 0.8em; 
	float:right;
	}

.left { 
	margin: 0.5em 0.8em 0.5em 0; 
	float:left;
	} 		


/********************************************
	   HEADERS and TEXT styles
********************************************/  
	h1, h2, h3, h4, h5, h6 {padding:10px; margin:0; color: #115593; }
	
	h1 {	font-size:200%; 	}
	h2 {	font-size:180%;  }
	h3 {	font-size:160%;  }
	h4 {	font-size:140%;  }
	h5 {	font-size:110%; }
	h6 {	font-size:110%;  font-weight:bold;	}



	p {
		margin:0 ; 
		line-height: 1.4em;
		padding:5px 10px;
	 }
	.p2 {
		font-size:14px;
		margin-left:20px ; 
		line-height:1.0em;
		padding:5px 10px;
		color:#003399;
		color:#000033;		
	 }	 
	.right_side p { 
		margin: 0;
		padding:5px 20px; 
		text-align: justify; 
		color:#000033;
		}
	#oneColumn  p {
				color:#0066CC;
				}
	 .right_side h2 { 
		margin: 0;
		padding:0px 0; 
		color: #003399;
		}	

		#right_side, 	#oneColumn  ul {
				margin:10px 0;
				color:#0066CC;
				}	 
		#oneColumn  li {
				list-style-type:disc;
				color:#0066CC;
				font-size:14px;
				margin:0 0 0 40px;
				padding:0;
				}
/*	#left_side h2 {	font-size:160%;  color:#990000; margin-left:10px; }  */
	.box_top span {
		color: #003366;
		font-size:11px;
		margin-left:58px;
	}

	.box_top h2 {
		background: inherit;
		padding: 12px 0 0 36px;
		margin: 0;
		color: #990000;
		font-size:200%;
	}

/********************************************
	   LINKS
********************************************/  
a { color: #0E4D8B; background: inherit; }
a:hover { color: #000; background: inherit;}
a.title { color: #B41A1A; background: #FFF; }

/********************************************
	   FOOTER
********************************************/  

.footer p {	line-height: 2em; color: #0E4D8B; text-transform:capitalize; }
.footer a {	color: #0E4D8B; background: #f0f0f0; text-decoration: none; padding:0 10px; } 
.footer a:hover {	color: #0066CC; text-decoration: underline;  } 
/********************************************
	  SEARCH BOX
********************************************/  
/*
form { margin: 0; }
input.search { width: 199px; border: none; background: #FFF url(input.gif); padding: 4px; color: #808080; }
input.submit { height: 24px; font-weight: bold; width: 53px; border: none; background: #D96855 url(button.gif); padding: 3px; color: #FFF; }
*/


/********************************************
   FORM elements
********************************************/ 

label {
	font-family: Tahoma;	
	font-size:16px;
	font-weight:bold;
	color: #115593;
	padding-left:22px;
	font-weight:none;

		} 

.input {
	width:16.5em;
	margin:5px 0 5px 20px;
	padding:0px;
	background-color:#efefef;
	border:1px solid  #115593;
	text-align:left;
}
.input:hover {
	background-color:#cccccc;
	border:1px solid  #003366;
}


textarea {
	border:1px solid  #003300;
	margin:5px 0 5px 20px;
	background-color:#efefef;
	border:1px solid  #115593;
	height:220px;
	width:360px;
	}

  .send {
	margin:0 auto;
	border-style: none;
	padding:0;

}