/* POSITIONING BLOCKS */
#container {
	margin:0 auto;
	width:856px;
	position:relative;
	background:#FAFAFA;
	border:10px solid #fff;
}
#header{
	position:relative;
	width:856px;
	height:105px;
}
#navigation{
	position:relative;
	width:856px;
	height:26px;
	background:#000 url("../images/navbar.png") no-repeat;
}
#pic{
	position:relative;
	width:856px;
	height:258px;
}
#top{
	position:relative;
	width:856px;
	height:10px;
}
#main_home{
	position:relative;
	width:856px;
	height:153px;
}
#main{
	position:relative;
	width:856px;
	background:#FEC112 url("../images/bg_main.png") repeat-y;
}
#left{
	position:absolute;
	top:0px;
	left:0px;
	width:19px;
}
#col1{
	position:absolute;
	top:0px;
	left:18px;
	width:273px;
	height:153px;
	background:#000 url("../images/col1.png") no-repeat;
}
#col2{
	position:absolute;
	top:0px;
	left:292px;	
	width:273px;
	height:153px;
	background:#000 url("../images/col2.png") no-repeat;
}
#col3{
	position:absolute;
	top:0px;
	left:565px;	
	width:273px;
	height:153px;
	background:#000 url("../images/col3.png") no-repeat;
}
#main_content{
	position:relative;
	margin-left:306px;
	width:430px;
}
#right{
	position:absolute;
	top:0px;
	left:838px;
	width:18px;
}
#footer{
	position:relative;
	width:856px;
	height:30px;
	background:#000 url("../images/copyright.png") no-repeat;
}
#footernav{
	margin:0 auto;
}


/* STYLING */

/* general */
body {
	background:#FFF url("../images/bg.png") repeat-x;
	font: 12px/18px arial,helvetica,sans-serif;
	margin:20px 0 30px 0;
}

/* for the navigation */
#navigation_pos{
	padding:6px 0 0 17px;
}
#navigation span.navitem {
	font: 10px arial,helvetica,sans-serif;
	margin:0px 5px 0 0;
	color:#FEC112;
}
#navigation a {
	font: 10px arial,helvetica,sans-serif;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
#navigation a:hover,#navigation a.on {
	color:#FEC112;
}

/* for main */
#col1 p,#col2 p,#col3 p{
	margin:83px 15px 0 15px;
	font: 12px/16px arial,helvetica,sans-serif;
	color:#fff;
}
#col1 p a,#col2 p a,#col3 p a {
	color:#FEC112; 
}
#main_content p,#main_content h3,#main_content ul,#main_content ul li{
	margin-top:10px;
}
#main_content p a{color:#333333}
#main_content p a:hover{color:#000000;text-decoration: none}
#main_content p a:visited{color:#333333}

#main_content #highlightBox{margin:5px 0 5px 0;padding:5px 15px 15px 15px; background:#000000; color:#ffffff; border:#000000 1px solid}
#main_content #highlightBox a{color:#ffffff}
#main_content  #highlightBox a:visited{color:#ffffff}

#main_nav {
	position:absolute;
	top:0px;
	left:20px;
	width: 221px;
}
#main_content {
	padding:10px 0 10px 0;
}
#main_content ul {
	list-style:none;
}
#main_content ul li {
	background:url("../images/arrow.png") no-repeat;
	background-position:0 1px;
	padding-left:14px;
}
#main_nav div.button {
	display:block;
	width:267px;
	background:#000 url("../images/bg_button.png") no-repeat;
	border:2px solid #000;
	color:#fff;
	margin-top:2px;
	min-height:22px;
}
#main_nav div.button span.arrow{
	float:left;
	margin:4px 0 0 4px;
	height:18px;
}
#main_nav div.button span.link{
	margin:5px 0 2px 14px;
	font: 10px arial,helvetica,sans-serif;
	color:#FEC112;
	display:block;
	width:240px;
}
#main_nav div.button span.link a{
	font: 10px arial,helvetica,sans-serif;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
#main_nav div.button span.link a:hover,#main_nav div.button span.link a.on {
	color:#FEC112;
}
#main_nav #ad{
	margin-top:2px;
}

/* footer */
#footer p{
	font: 10px arial,helvetica,sans-serif;
	padding:7px 9px 7px 9px;
	color:#929292;
}
#footernav {
	color:#797979;
	text-align:center;
}
#footernav a {
	font: 10px arial,helvetica,sans-serif;
	font-weight:bold;
	color:#A9A9A9;
	text-decoration:none;
	text-transform:uppercase;
}
#footernav a:hover,#footernav a.on {
	color:#797979;
}

h3{text-transform:uppercase};
strong{font-weight:bolder}


/* image replacement */
h2#getfloodready{
	display:block;
	width:190px;
	height:22px;
	background:url("../images/h2_getfloodready.png") no-repeat;
	text-indent:-9999px;
}