@charset "utf-8";
/* CSS Document */

body { background: url(../images/body_bg.jpg) top no-repeat #003B66; margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif}
a:link, a:active, a:visited { color: #006699}
a:hover { color: #FF954C}

#wrapper { width: 977px; background: url(../images/bg_wrapper.gif) #FFFFFF; margin: 274px auto 0 auto;}
#menu { height: 44px; background: url(../images/bg_menu.jpg) repeat-x}
#menu ul { list-style: none; margin: 13px 25px 0 25px; padding: 0;}
#menu li { display: inline; padding: 0 50px 0 0}
#menu img { border: 0px}

#col1 { width: 325px; float: left; height: 633px}
#video { height: 256px; background: url(../images/bg_col2.jpg) repeat-x}
#map { height: 264px; background: url(../images/bg_col2.jpg) repeat-x}
#map h1 {  margin: 15px 0 10px 0 ; padding: 0}
#map img { margin-left: 25px}
#districts { height: 108px; background: url(../images/bg_col2.jpg) repeat-x; border-top: 3px solid #FFFFFF}
#districts table { margin: 15px 25px 0 25px; width: 275px}
#districts td { width: 91px}
#districts h1 { font-size: 12px; margin: 0px; color: #006699}
#districts p { font-size: 12px; margin: 0px;  color: #006699}

#col2 { width: 322px; float: left; height: 633px; background: #F9FDFF url(../images/bg_col2.jpg) repeat-x; border-left: 3px solid #FFFFFF}
#colinside { width: 650px; float: left; background: #F9FDFF url(../images/bg_col2.jpg) repeat-x;}
#intro { height: 470px; padding: 25px;}
#intro h1 { font-size: 12px; color: #006699; margin: 0 0 10px 0 }
#intro h2 { font-size: 11px; color: color: #323232; margin: 0}
#intro p { font-size: 12px; line-height: 15px; color: #323232; margin-bottom: 25px}
#wording {  padding: 25px; min-height: 470px; _min-height: 470px;}
#wording h1 { font-size: 12px; color: #006699; margin: 0 0 10px 0 }
#wording h2 { font-size: 11px; color: color: #323232; margin: 0}
#wording p { font-size: 12px; line-height: 15px; color: #323232; margin-bottom: 25px}
#wording li { font-size: 12px; line-height: 15px; color: #323232; margin-bottom: 25px}
#wording table { font-size: 12px; line-height: 15px; color: #323232; margin-bottom: 25px}
#wording .img { margin: 0 0 15px 15px}


#links { height: 108px; background: url(../images/bg_col2.jpg) repeat-x; border-top: 3px solid #FFFFFF;}
#links h1 {  margin: 15px 0 10px 25px ; padding: 0; }
#links ul { font-size: 10px; margin: 0 0 0 25px; padding: 0}
#links li { width: 100px; display: block; float: left; margin: 0; padding: 5px 0 5px 25px; }
#links a:link, #links a:active, #links a:visited { color: #006699}
#links a:hover { color: #FF954C}

#col3 { width: 323px; float: left; height: 633px; background-color: #E7F6FC; border-left: 3px solid #FFFFFF}
#recentnews h1 {  margin: 15px 0 10px 25px ; padding: 0}
#recentnews h2 {  margin: 15px 0 0px 0px ; padding: 0; font-size: 11px; font-weight: normal; color: #323232}
#recentnews h3 {  margin: 0px 0 0px 0px ; padding: 0; font-size: 12px; font-weight: normal; color: #006699}
#recentnews ul {  margin: 15px 0 10px 25px ; padding: 0; list-style: none}
#recentnews li {  margin: 0 ; padding: 0 10px 25px 80px; }
#recentnews a:link, #recentnews a:active, #recentnews a:visited { color: #006699}
#recentnews a:hover { color: #FF954C}

#othernews { border-top: 3px solid #FFFFFF;}
#othernews h1 {  margin: 15px 0 10px 25px ; padding: 0}
#othernews h2 {  margin: 15px 0 0px 25px ; padding: 0; font-size: 11px; font-weight: normal; color: #323232}
#othernews  h3 {  margin: 0px 0 0px 25px ; padding: 0; font-size: 12px; font-weight: normal; color: #006699}

#footer { width: 977px; background: url(../images/bg_footer.jpg) no-repeat ; margin: 0px auto 0 auto; height: 75px; text-align: center; padding: 25px 0 0 0; font-size: 12px}
.blue { color: #00A0E3}
.blue a:link, .blue a:active, .blue a:visited { color: #00A0E3; text-decoration: none}
.white a:link, .white a:active, .white a:visited { color: #FFFFFF; text-decoration: none}
.white a:hover { color: #FF954C}

#loader{
	position:absolute;
	width:100%px;
	height:100%px;
	z-index:1;
	background-color:#000000
}