html, body {
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
   }

body {
	background: #00293E url(img/bg_body.jpg) repeat-x left top; 
	
}

a {text-decoration:none;}

h1, h2, h3, h4, h5, h6, p, dt, dd, li, span, div {
	font-family: arial, sans-serif;
	font-size: small;
	padding: 0px;
	margin: 0px;
}
   
#wrapper {
	position:relative;
	margin: 0 auto;
	text-align: center;
	vertical-align: top;
	width: 740px;
}

#shadow_left {
	position:absolute;
	left:0px;
	width: 20px;
	height: 489px;
	background: url(img/shadow_left.jpg) repeat-x left top;
}

#shadow_right {
	position:absolute;
	right:0px;
	width: 20px;
	height: 489px;
	background: url(img/shadow_right.jpg) repeat-x left top;
}

#main {
	position:absolute;
	left:20px;
	width: 700px;
	height: 489px;
	background:#333;
}

#main_top {
	position:relative;
	width: 700px;
	height:41px;
	background: url(img/bg_top.gif) repeat-x left top;
}

#main_search {
	position:absolute;
	top:8px;
	right:5px;
	width: 200px;
	height:25px;
	text-align:left;

}

#main_search input {
	position:absolute;
	top:2px;
	left:0px;
	width: 130px;
	text-align:left;
}

#main_search a {
	position:absolute;
	right:0px;
	display:block;
	width: 63px;
	height:25px;
	background: url(img/top_search.gif) no-repeat left top;
}

#main_search a span {
	display:none;
	margin: 0px;
	padding: 0px;
	}



#main_top p {
	position:absolute;
	left:5px;
	font-size: 90%;
	bottom:5px;
	color:#fff;
}

#main_top p a {color:#fff;}
#main_top p a:active {color:#FFAF0B}
#main_top p a:hover {color:#FFAF0B}


#main_nav {
	position:absolute;
	top:41px;
	left:0px;
	width:339px;
	height:346px;
	background: url(img/bg_nav.jpg) repeat-x left top;
}

#main_nav ul {
	position:absolute;
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	top:55px;
	left:0px;
	width:320px;
	/* background: url(img/bg_floodwatch.gif) no-repeat left top; */
}

#main_nav ul li {
	padding: 0px;
	margin: 0px;
}

#main_nav ul li a {
	display: block;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	height: 20px;
	width: 320px;
	overflow:hidden;
}

#main_nav ul li a#CFA { background-position: 0px -20px; }
#main_nav ul li a#WSC { background-position: 0px -20px; }

#main_nav ul li a:hover { background-position: 0px -20px; }

#main_nav ul li a#SCIS:hover	{ background-position: 0px -35px; }
#main_nav ul li a#CFA:hover		{ background-position: 0px 0px; }
#main_nav ul li a#WSC:hover		{ background-position: 0px 0px; }

#WUC	{ background: url(img/nav_WUC_02.jpg) no-repeat left top; }
#RM		{ background: url(img/nav_RM_02.jpg) no-repeat left top; }
#GI		{ background: url(img/nav_GI_02.jpg) no-repeat left top;}
#WCP	{ background: url(img/nav_WCP_02.jpg) no-repeat left top; }
#WSC	{ background: url(img/nav_WSC_02.jpg) no-repeat left top;}
#CFA	{ background: url(img/nav_CFA_02.jpg) no-repeat left top; }
#AW		{ background: url(img/nav_AW_02.jpg) no-repeat left top; }
#SCIS	{ background: url(img/nav_SCIS_02.jpg) no-repeat left top; }
#OKW	{ background: url(img/nav_OKW_02.jpg) no-repeat left top; }
#RFC	{ background: url(img/nav_RFC_02.jpg) no-repeat left top;}
#MoE	{ background: url(img/nav_MOE_02.jpg) no-repeat left top; }
#MoAL	{ background: url(img/nav_MOAL_02.jpg) no-repeat left top; }

#main_nav ul li a#SCIS	{ height: 35px; }
#main_nav ul li a#RFC	{ margin-top: 20px; }

#main_updates {
	position:absolute;
	top:41px;
	
	right:0px;
	width:361px;
	height:346px;
	background: url(img/bg_updates.jpg) repeat-x left top;
}

#main_updates h2 {
	width:360px;
	height:24px;
	background: #F0AC19 url(img/hdg_updates.gif) no-repeat left top;
}

#main_updates #suggest {
	width:360px;
	height:24px;
	background: #F0AC19 url(img/hdg_suggest.gif) no-repeat left top;
}

#main_updates h2 span {
	display:none;
	margin: 0px;
	padding: 0px;
	}
	
#main_updates #headlineContent {
	width:361px;
	height:322px;
	color:#fff;
	text-align:left;
	overflow:auto;
}

#main_updates #contactContent {
	padding: 10px;
	width:341px;
	height:302px;
	color:#fff;
	text-align:left;
	overflow:auto;
}

#main_updates #contactContent p{
	padding-bottom: 10px;
}

#main_updates #contactContent p a {
	color: #bbf; text-decoration:underline;
}

#main_updates #aboutContent {
	padding: 10px;
	width:341px;
	height:302px;
	color:#fff;
	text-align:left;
	overflow:auto;
}

#main_updates #aboutContent p{
	padding-bottom: 10px;
}

#main_updates #aboutContent p a {
	color: #bbf; text-decoration:underline;
}

#main_updates #aboutContent li a {
	color: #bbf; text-decoration:underline;
}

#main_updates #partnerContent {
	padding: 10px;
	width:341px;
	height:302px;
	color:#fff;
	text-align:left;
	overflow:auto;
}

#main_updates #searchContent {
	padding: 10px;
	width:341px;
	height:302px;
	color:#fff;
	text-align:left;
	overflow:auto;
}

#main_footer {
	position:absolute;
	text-align:left;
	bottom:0px;
	left:0px;
	width:700px;
	height:102px;
	background: url(img/bg_footer.jpg) repeat-x left top;
}

#main_footer p {
	display:none;
	position: absolute;
	margin:0px;
	padding:0px;	
	right: 0px;
	top: 35px;
	width: 340px;
	
	height: 101px;
	color:white;
	font-size: 80%;
}

.headline {padding: 4px 15px; font-size: 10px; }
.more {text-align: right; padding-bottom: 8px;  border-bottom: 1px solid #fc0}
.more a {font-size: 10px; text-decoration:none; color:#fff}
.more a:hover {text-decoration:underline}
.headline strong {font-size: 14px}
h3 {font-size: 14px; padding: 5px 0 0 0}
h3 a {color: #eee; }
.watch div {padding-top: 6px; font-size: 11px;}
.watch div a {color:#fff; text-decoration:none}
.watch div a:hover {color:#fff; text-decoration:underline}
.learn h3 {font-size: 11px}
.watch {font-size: 10px; font-style: normal; vertical-align:top}

.vidLinks {color: #FFCC00; font-size: 10px}
.vidLinks a {color: #FFCC00; font-size: 10px}
.vidLinks a:visited {color: #FFCC00;}

.center {text-align: center}

.partner { padding-bottom: 18px; border-bottom: 1px solid #fc0}
.partner a {font-size: 12px; text-decoration:none; color:#fff}
.partner a:hover {text-decoration:underline} 

.headline img {background-color: #fff; padding: 5px; border: 1px solid #888}
/* background visual elements */ 

#content li a {color: #fff }
#content p {padding: 5px}

#empty_nav {
	position:absolute;
	top:41px;
	left:0px;
	width:339px;
	height:346px;
	background: url(img/bg_nav_empty.jpg) repeat-x left top;
}