/* Global Styles */


BODY { background:url(../images/z_bg.jpg) #f1f1f1 top left repeat-x; font-family: Arial, Helvetica, sans-serif; text-align:center; padding:0px auto; margin:0px auto; font-size:12px; color:#484848; behavior:url(../csshover.htc);}

a { color:#73a5cc; text-decoration:underline; font-size:12px;}
a:hover { text-decoration:underline; color:#73a5cc;}


.login { border:none; background:#f3f5f7; color:#484848; font-size:9px; height:19px; width:147px; padding:5px 0px 0px 5px;}
h1 { color:#444243; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}
.page_title { color:#444243; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold;}
.titles { width:200px; text-align:left}

table { font-size:12px;}
.maincontent { border-top:#e3e3e3 1px solid; border-bottom:#e3e3e3 1px solid; padding:7px 0px 13px 0px;}
.intro { line-height:21px;}
.home_steelfade_left { background:url(../images/home_steelfade_left.jpg) top left no-repeat; width:220px; padding:35px 20px 10px 10px; text-align:left;}
.small_sub_headline { color:#444243; font-family:Arial, Helvetica, sans-serif;}

.body_copy_normal2 { height: 75px; width:748px; padding-top:5px;}
.small_sub_headline2 { color:#444243; font-family:Arial, Helvetica, sans-serif; width:400px; float:left;  padding: 0px 0px 15px 0px; border-top:#cccccc 1px solid;}

#bodycopy li { color:#484848; list-style:outside disc;}
.body_li { color:#484848; list-style:outside disc;}
#media_contactbox { width:224px; text-align:left; border:1px solid #484848; float:left;}
#media_contactbox p { width:200px; margin:0px auto; padding:0px auto; text-align:left;}

#container { width:965px; text-align:center; padding:0px auto; margin:0px auto; background:#ffffff;}
#content { width:748px; text-align:center; padding:0px auto; margin:0px auto;}
#content #header { padding-top:61px;}
#content #header #logo { text-align:left; float:left;}
#content #header input { border:1px solid #98bad4; background:#f3f5f7; color:#484848; font-size:9px; height:19px; width:147px; padding:5px 0px 0px 5px;}
#content #header input.button { border:none; background:#ffffff;; height:16px; width:46px; padding:0px 0px 0px 0px;}
#content #header #search { width:600px; text-align:right; float:right;}
#content #header #search a { color:#484848; text-decoration:none; line-height:19px;}
#content #header #search a:hover { color:#73a5cc; text-decoration:underline; line-height:19px;}
#content #header #links { width:748px; text-align:center; float:left; padding:20px 0px;}
#content #header #links a { color:#484848; padding:0px 25px 0px 30px; background:url(../images/header_separate.gif) bottom left no-repeat; text-decoration:none;}
#content #header #links a:hover { color:#73a5cc; text-decoration:underline;}
#content #header #links a.leftlink { color:#484848; padding:0px 25px 0px 30px; background:none;}
#content #header #links a.leftlink:hover { color:#73a5cc; text-decoration:underline;}

#content #footer { }
#content #footer #links { width:748px; text-align:center; float:left; padding:20px 0px;}
#content #footer #links a { color:#484848; padding:0px 15px 0px 19px; background:url(../images/footer_separate.gif) bottom left no-repeat; text-decoration:none;}
#content #footer #links a:hover { color:#73a5cc; text-decoration:underline;}
#content #footer #links a.leftlink { color:#484848; padding:0px 15px 0px 19px; background:none;}
#content #footer #links a.leftlink:hover { color:#73a5cc; text-decoration:underline;}
#content #footer #copyright { text-align:left; width:500px; font-size:9px; color:#484848; line-height:35px;}
#content #footer #logo { text-align:right; float:right;}

#breadcrumb  { width:300px; font-size:9px; text-align:left; float:left;}
#breadcrumb a { font-size:9px;}



#about_council { width:210px; padding:0px auto; margin:14px 0px 0px 14px; text-align:center;}
#about_council #member { width:54px; float:left; padding:5px;}
#about_council #memberbottom { width:200px; float:left; padding:0px;}



/*------------- CONTENT FOR MAIN NAV DROPDOWNS -------------*/
/*------------- mainitems are for the top level links, subuls are for the items in each dropdown list -------------*/
ul { text-align: left;  }
ul li { list-style-type: none;}



#cssdropdown, #cssdropdown ul { padding: 0; margin: 0; list-style: none; text-align: center; }
#cssdropdown li { float: left; position: relative;/* border-top: 2px solid #cfc1ae;*/}

.mainitems{ text-align:center; height:30px; color:#484848; padding:0px 25px 0px 30px; background:url(../images/header_separate.gif) bottom left no-repeat; text-decoration:none; }
.mainitems table {border:0; padding:0; margin:0; height:30px;}
.mainitmes td {width:117px; height:30px; vertical-align:middle; margin:0px auto; padding:0px auto;}
.mainitems_left{ text-align:center; height:30px; color:#484848; padding:0px 25px 0px 35px; text-decoration:none; }
.mainitems_left table {border:0; padding:0; margin:0; height:30px;}
.mainitmes_left td {width:117px; height:30px; vertical-align:middle; margin:0px auto; padding:0px auto;}
.mainitems:hover, .mainitems_left:hover, .mainitems_oneline:hover{ color:#73a5cc; }
.mainitems a, .mainitems_left a, .mainitems_oneline a{ padding-left: 0em;/* padding-right: .4em;*/ text-decoration: none; font-size:12px; color:#484848;}
.mainitems a:hover, .mainitems_left a:hover, .mainitems_oneline a:hover{ padding-left: 0em;/* padding-right: .4em;*/ text-decoration: none; font-size:12px; color:#73a5cc; text-decoration:underline; }

.subuls{ display: none;   width:200px; position: absolute; top: 30px; left:0px;  background:#d7cfb7;  line-height:30px;}
.subuls li{ width: 100%; text-decoration: none; background:#f1f1f1; color:#000;  left:0px; text-align:left; border-top:#e3e3e3 1px dashed;}
.subuls li:hover{ text-decoration: none; width:200px;}
.subuls a, .subuls a:hover { padding:0px 0px 0px 1em;}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: 30px; left: 0px; }
#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */ display: block; }
#restofcontent { /*wrap rest of content of the page inside this div*/ clear: left; }