/* CSS Document */
body{ background: url(images/bg.gif) repeat-x top #efefef; margin:0px; font-family:Arial, verdana, Helvetica, sans-serif; font-size:12px; color:#333333; }

#container{ width:788px; margin:auto;}
#header{ background: url(images/head_bg_01.gif) no-repeat top center; height:127px; padding:0px 30px;}
#logo{ margin-top: 25px; float:left;}
#slogan{margin-top: 35px; float:right; }
#slogan h1{ color:#1e2171; font-weight:bold; font-size:20px; margin:0px; font-style:italic;}

#head{ background:url(images/head_bg_02.gif) no-repeat top center; height:292px; padding:6px 14px; margin:auto;}
#head .pic{ background:url(images/head_img2.jpg) top center #35bbc1; height:288px; width:760px; margin:auto;}
#head #tabs{ float:right;}
#content{ background:url(images/content_bg.gif) repeat-y center; padding:5px 0px;}
#left{ width:530px; float:left; margin:10px 12px 0px 20px; }
#left h2{ font-size:16px;}
#left h1{ font-size:20px;}
#right{ float:right; margin:10px 15px 0px 15px; text-align:center; width:170px;}
#right h3{ font-size:16px;}
#right a{ color:#70b03d; font-size:14px;  }
#footer{ background:url(images/footer_bg.gif) no-repeat top center; text-align:center; height:30px; padding:16px; color:#979797; }
.clear{ clear:both;}
#oc{
	position: absolute;
	z-index:99999;
	width:219px;
	height:246px;
	margin-left:541px;
}
.nav{
	width:189px;
	float:right;
	clear:both;

}
.account
{
	display: none;
}
.StatusMsg
{
	font-size: 14px;
	color: Red;
}
/*  CSS Classes   */	

.image_left, .image_center, .image_right, .swf_center, .swf_impacted, .module_left, .module_center, .module_right, #mapContainer {
	background-color: #EFEDE7;
	border: solid #000000 1px;
	margin-bottom: 5px;
	padding: 4px;
	}
	
.image_right {
	float: right;
	margin-left:10px
	}
	
.image_left {
	float: left;
	margin-right:10px
	}

.image_center {
	margin: 0px auto 5px auto;
	}

.swf_center {
	margin: 0px auto 5px auto;
	width: 460px;
	height: 160px;
	}

.swf_impacted {
	margin: 0px auto 5px auto;
	width: 480px;
	height: 350px;
	}

.module_right {
	float: right;
	width: 300px;
	height: auto;
	padding-bottom: 5px;
	margin-left:10px
	}	

.module_right h2, .module_left h2, .module_center h2 {
	background-color: #1E2171;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	padding: 5px 10px 5px 10px;
	margin: 0px;
	}
	
.module_left {
	float: left;
	width: 300px;
	height: auto;
	padding-bottom: 5px;
	margin-right:10px
	}	

.module_center {
	margin: 0px auto 10px auto;
	width: 80%;
	height: auto;
	padding-bottom: 5px;
	}	

	
/*  TEXT ALIGNMENT */	
.text_center {
	text-align: center;
	}

.text_left {
	text-align: left;
	}

.text_right {
	text-align: right;
	}

/*  DESIGN ELEMENTS */
	
.dashed_line{
	background-image: url(../_media/common_assets/dashed_line_grey.gif);
	background-repeat: repeat-x;
	height: 4px;
	margin-bottom: 8px;
	clear: both;
	}

.caption{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	line-height: 10px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #333333;
}
.float_left{
	float: left;
}

.float_right{
	float: right;
}

.highlight {
	border: solid #C68974 1px;
	background-color: #EFE6CD;
	width: 97%;
	margin: 0px auto 0px auto;
	padding: 10px 10px 5px 10px;
	}

#mapContainer {
	height: 400px;
	width: 98%;
	margin: 0px auto 0px auto;
}