* { margin: 0; padding: 0; font-family:Verdana, serif; font-size:12px;}
html, center {height: 100%;}
body{background:#fff; height: 100%;}
p{padding: 0 10px 10px 0; line-height:1.5em; text-align: left; }
li{list-style-type:none;}
h1,h2,h3,h4,h5,h6, .SubMenuHeadingSpanWide {margin-bottom:10px;}

#news {margin:0; padding:0;}
#news tr td {border:none !important;}
#news tr td a {font-size:14px; font-weight:bold; color:#003875; text-decoration:none; padding-bottom:8px;}

#news tr td a:hover {color:#62C29A;}


/* Links */
a:link {color:#62C29A;}
a:visited {color:#62C29A;}
a:hover {color:#003875;}
a:active {color:#62C29A;}

/* Hidden */
#DateDiv {display:none;}
#printpage {display:none;}

/* Skin */
h1 {background:#62c29a url(h1_bkg2.gif) no-repeat right; width:100%;  height:21px; display:block;  text-align:left; text-indent:10px; color:#fff; font-weight:bold; padding-top:4px;}
h1 a {color:#fff !important; text-decoration:none;}
h2 {color:#003875; font-weight:bold;}
.colcouncil {width:265px; text-align:left; font-weight:bold;}
.counciler {width:265px; text-align:left;}
#tenders li {list-style-type:disc !important; text-align:left; line-height:1.5em;}
#tenders {width:270px; display:block; margin-left:20px; padding-left:25px;}
.contact {border:none !important; padding:0 !important;}
#MainHTML .contact td {border:none !important; margin:0; padding:0 !important;}
#filestore {width:100%;}

.clear {clear:both;}
.tendersimg {padding-left:10px;}

.sea_intro {float:left; width:140px;}
.rightimg {float:right; margin-left:10px; width:506px;}
.rightimg2 {float:right; margin-left:10px; margin-bottom:10px;}
.rightimg3 {float:right; margin-left:10px; margin-bottom:10px; margin-top:10px;}

/*Bones*/

#maincontainer {width:900px; margin:0 auto;}
#topbanner {width:900px; height:165px; margin-top:10px; margin-bottom:10px; background: url(topbanner.jpg) no-repeat;}
/* .projectinfo {float:right; width:680px; margin-left:10px; _width:680px !important; _margin-left:0 !important;} */
.projectinfo {width:100%;}
.projectinfo img{margin-right:10px; /* margin-left:-10px;  */}
.projectinfo p {line-height:2em;}
.fpleftcol{float:left; width:200px;}
/* .fprightcol{float:right; width:680px; margin-left:10px; _margin-left:0 !important; _width:680px !important;} */
.fprightcol {width:100%;}
.fprightcol li {text-align:left; margin: 10px 0 10px 0;}
.fprightcol li a {text-align:left;  font-size:14px; color:#003875; font-weight:bold; text-decoration:none; display:block;}
.fprightcol img {margin-right:10px;}
#MainHTML {text-align:left;}
#maincontent .mid {float:left; width:690px; margin-left:0;  _margin-left:0 !important;}
#MainHTML .mid td {padding:5px;  border:1px solid #62c29a; background:#fff;}
#maincontentwide .mid {width:900px;}
#maincontentwide .mid h1 {background:#62c29a url(h1_bkg2.gif) no-repeat right; width:900px; height:21px; display:block;  text-align:left; text-indent:10px; color:#fff; font-weight:bold; padding-top:4px;}
#footer {clear:both;}
#easilogo {width:900px;}
#easilogo img {float:right;}
.clearboth {clear:both;}
#filestore tr td {height:30px; margin-bottom:5px; color:#003875; background:#62c29a; padding:10px;}
#filestore tr td a.active, #filestore tr td a:hover {color:#62C29A;}
#filestore a {color:#003875; }
#staff tr td {padding:10px; text-align:center;}
#staff tr td .alt {padding:10px; text-align:center; color:#003875;}
#council .floatleft {float:left; height:20px;  display:block;margin-left:10px;}
#council .floatright {float:right;margin-right:10px;}
#council {width:500px; margin:0 auto; border-top:5px solid #003875;}
#council li {background: url(borderbottom.gif) bottom repeat-x; margin:5px; padding-top:10px;}
#gov .floatleft {float:left; height:20px;  display:block;margin-left:10px;}
#gov .floatright {float:right;margin-right:10px;}
#gov {width:500px; margin:0 auto; border-top:5px solid #003875;}
#gov li {background: url(borderbottom.gif) bottom repeat-x; margin:5px; padding-top:10px;}
#others .floatleft {float:left; height:20px;  display:block;margin-left:10px;}
#others .floatright {float:right;margin-right:10px;}
#others {width:500px; margin:0 auto; border-top:5px solid #003875;}
#others li {background: url(borderbottom.gif) bottom repeat-x;  margin:5px; padding-top:10px;}
/*Navigation */
#vtopnav {height:30px; width:240px; float:right; margin-right:50px;}
#vtopnav li {margin:0; padding:0; display:inline;}
#vtopnav a {float:left; line-height:14px; padding:6px 12px 6px 12px; text-decoration:none; color:#fff;}
#vtopnav a.active, #vtopnav a:hover {font-weight:bold;}

#TopMenuSpan {height:24px; background:#003875; width:900px; margin-bottom:10px; padding-top:6px;}
#TopMenuSpan li {margin:0; padding:0; display:inline;}
#TopMenuSpan a {line-height:14px; padding:6px 12px 6px 12px; text-decoration:none; color:#fff;}
#TopMenuSpan a.active, #TopMenuSpan a:hover {font-weight:bold; text-decoration:underline; color:#fff;}

#submenu {width:200px; float:left; margin-right:10px;}
#submenu li {margin:5px 0 5px 0; background:#62c29a; padding-top:5px; padding-bottom:5px; text-align:left; padding-left:10px;}
#submenu li a {color:#fff; text-decoration:none;}
#submenu li a.active, #submenu li a:hover {color:#fff; text-decoration:underline;}
#submenu .SubMenuHeadingSpan {background:#62c29a url(h1_bkg2.gif) no-repeat right; width:100%;  height:21px; display:block;  text-align:left; text-indent:10px; color:#fff; font-weight:bold; padding-top:4px; text-decoration:none;}
.SubMenuHeadingSpanWide {text-decoration:none; text-align:left; text-indent:10px; font-size:14px; font-weight:bold;  color:#fff; display:block;}
.SubMenuHeadingSpanWide {background:#62c29a url(h1_bkg2.gif) no-repeat right; width:900px; height:21px; display:block;  text-align:left; text-indent:10px; color:#fff; font-weight:bold; padding-top:4px;}

#footer {height:30px; background:#003875; display:block; margin-bottom:10px; padding-left:250px; _padding-left:228px !important;}
#footer li {margin:0; padding:0; display:inline;}
#footer li.magazine a, li.corporate a {float:left; width:250px; line-height:14px; padding:0px 12px 6px 12px; text-decoration:none; color:#fff; font-size:9px; text-align:left;}
#footer li.magazine a.active, #footer li.magazine a:hover {font-weight:bold; text-decoration:underline; color:#fff;font-size:9px;}
#footer li.corporate a.active, #footer li.corporate a:hover {font-weight:bold; text-decoration:underline; color:#fff;font-size:9px;}
#footer li.magazine a strong, #footer li.corporate a strong {font-size:9px;}

.newsimg {padding-right:10px;}
.map  {float:right; padding-left:20px; padding-bottom:20px;}

/*Joint Com Table*/
.tbl { background:#ffffff; border:1px solid #C1DAD7; }
.tbl tr { background:#e8e8e8;  padding:5px; }
.tbl td { color:#000; text-align:left; padding:5px; }