/* Childgroup CSS */
html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; margin: 0; padding: 0; background: #8CDA82 url(images/body-bg.gif) top repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
div#wrapper {height: 100%; margin: 0 auto; width: 760px;}
div#container {float: left; width: 760px; background: #FFF url(images/content-bg.gif); display:inline;}
form.nomarg {padding: 0; margin: 0;}

/* Header */
div#header {float: left; width: 760px; height: 108px; background: #FFF; font-size: 13px;}
div#header img.logo {float: left; margin: 40px 0 0 25px;}
div#header img.advert {float: right; margin: 22px 25px 0 0;}
div.banner1 {float: right; margin: 18px 30px 0 0; border: 1px solid #FFF;}
div#topnav {float: left; clear: both; padding: 10px 25px 0 25px; width: 710px; \width: 760px; w\idth: 710px; height: 25px; \height: 35px; he\ight: 25px; background: #A2CDFE url(images/topnav-bg.gif) top repeat-x; color: #FFF; text-align: right;}
div#topnav a {color: #FFF; text-decoration: none;}

/* Suckerfish Nav
---------------------------------------------------------- */
div#nav-wrap {float: left; height: 28px; background: #7A2340; width: 760px; display: inline;}
#nav, #nav ul { /* all lists */padding: 6px 0 0 20px; margin: 0; list-style: none; color: #C66283;}
#nav a {/*display: block;*/ width: auto; color: #D6AFBB; text-decoration: none;}
/*img.endcap {background: #000; padding-right: 32px;}*/
#nav li { /* all list items */position: relative; float: left; width: auto; /* width needed or else Opera goes nuts */}
#nav li ul { /* second-level lists */position: absolute; display: block; top: 14px; padding: 5px; background: #7A2340; width: auto; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li ul li {clear: both; display: block; width: 9em; color: #FFF;}
#nav li ul li a {display: block;}
#nav li ul li a:link {color: #D6AFBB; text-decoration: none; margin: 0; padding: 2px;}
#nav li ul li a:visited {color: #D6AFBB; text-decoration: none; margin: 0; padding: 2px;}
#nav li ul li a:hover {color: #FFF; text-decoration: none; margin: 0; padding: 2px; background: #9A4360;}
#nav li ul li a:active {color: #D6AFBB; text-decoration: none; margin: 0; padding: 2px;}
#nav li:hover ul, #nav li.sfhover ul {/* lists nested under hovered list items */left: 0;}
/*--------------------------------------------------------- */

/* Columns */
div#content-wrap {float: left; width: 760px; background: #E9E0D4 url(images/stretch-bg.gif); border: 10px solid #FFF; border-width: 4px 10px 0 10px;}
div.column-1 {float: left; padding: 0; width: 182px;}
div.column-2 {float: left; padding: 0; width: 283px;}
div.column-3 {float: left; padding: 0; width: 188px;}
div.column-left {float: left; padding: 0; width: 568px; border: 4px solid #FFF; border-width: 0 4px 4px 0; display: inline;}
div.column-right {float: left; padding: 0; width: 578px; display: inline;}
div.column-lsmall {float: left; padding: 0; width: 188px; border: 4px solid #FFF; border-width: 0 0 4px 0; display: inline;}
div.column-rlarge {float: left; padding: 0; width: 568px; border: 4px solid #FFF; border-width: 0 0 4px 4px; display: inline;}

p.phrdk {background: url(images/h-dot.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}
p.phrwhite {background: url(images/quickfind-hdot.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}
p.phr2dk {background: url(images/hotpro-hdot-even.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}
p.phr2lt {background: url(images/hotpro-hdot-odd.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}
p.green {color: #B4DCC2}

div.introduction {float: left; padding: 17px 18px; width: 245px; \width: 281px; w\idth: 245px; background: #E3E1C1; color: #4C6052;}
div.introduction h1 {font-size: 170%; padding: 0; margin: 0; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; font-weight: normal;}
div.introduction p {margin: 5px 0 0 0;}

/* Column 1 */
div.column-1 ul {margin: 25px 23px 10px 12px; list-style-position: outside; list-style-type: none; padding: 0;}
div.column-1 ul li {margin: 8px 0; padding: 0;}
div.column-1 ul a {color: #002F7C; padding-left: 15px;}
div.column-1 ul a:link {text-decoration: none; background: url(images/menudisc.gif) left no-repeat;}
div.column-1 ul a:visited {text-decoration: none; background: url(images/menudisc.gif) left no-repeat;}
div.column-1 ul a:hover {text-decoration: none; background: url(images/menuarrow.gif) left no-repeat;}
div.column-1 ul a:active {text-decoration: none; background: url(images/menudisc.gif) left no-repeat;}

div.column-2 img.advert {float: left; display: inline;}
div.latestnews {float: left; padding: 16px 14px; width: 160px; \width: 188px; w\idth: 160px; background: #E3E1C1; font-size: 11px; color: #4C6052;}
div.latestnews h1 {font-size: 150%; padding: 0; margin: 0; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; font-weight: normal;}
div.latestnews p {margin: 2px 0 0 0;}
div.latestnews a {color: #4C6052;}

/* Content Pages */
div.content {float: left; display: inline; padding: 15px 25px 23px 15px; width: 536px; \width: 576px; w\idth: 536px; color: #002F7C;}
div.content h1 {font-size: 250%; padding: 0; margin: 0; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; font-weight: normal; color: #002F7C; text-transform: lowercase;}
div.content h2 {font-size: 160%; padding: 0; margin: 0; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; font-weight: normal;}
div.content h3 {font-size: 120%; padding: 0; margin: 0; font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, sans-serif; font-weight: normal;}
div.content p {margin: 10px 0 0 0;}
div.content .lightGreen {color: #669933;}
div.content p.timestamp {color: #7692EE;}
div.content div.headerwrapper {display: block;}
div.content div.imgwrap {float: left; margin: 15px 1px; border: 1px #999 solid; border-width: 1px 0; padding: 4px 0;}
div.content ul {list-style-position: inside; padding: 0; margin: 0;}
div.content ul li {padding: 0; margin: 5px 0 0 0;}
div.content img.left {float: left; clear: left; margin: 0 15px 7px 0; border: 4px solid #FFF;}
div.content div.limitwidth {float: left; width: 346px;}
div.content div.service {float: left; clear: both; width: 532px;}
div.content div.pageindex {width: 532px; height: 3em; background: #596D5F; color: #FFF; font-size: 90%;}
div.content div.pageindex div.text {float: left; display: inline; margin: 9px 10px 0 15px;}
div.content div.pageindex div.awrap {float: left; height: 1.4em; margin: 6px 6px 0 0; text-align: center; vertical-align: middle;}
div.content div.pageindex a {height: 1.4em; padding: 3px 5px 0 5px; text-decoration: none; display: inline; display: block;}
div.content div.pageindex a:link {background: #718477; color: #FFF; border: 1px solid #B8C2BB;}
div.content div.pageindex a:visited {background: #718477; color: #FFF; border: 1px solid #B8C2BB;}
div.content div.pageindex a:hover {background: #718477; color: #FFF; border: 1px solid #FFF;}
div.content div.pageindex a:active {background: #718477; color: #FFF; border: 1px solid #B8C2BB;}
div.content div.project-lt {float: left; background: #E0EFFF; margin: 0; padding: 10px; width: 515px; \width: 535px; w\idth: 515px; border: 1px #70ABEC solid;}
div.content div.project-dk {float: left; background: #C5E9D6; margin: 0; padding: 10px; width: 515px; \width: 535px; w\idth: 515px; border: 1px #81CFA6 solid;}
div.content img.propimg {float: left; margin-right: 10px; border: 4px solid #FFF;}
div.content img.status {float: right; margin: 0 0 0 5px;}
div.content div.project-lt div.details,div.content div.project-dk div.details {float: left; width: 368px; color: #4C6F54;}
div.content div.project-lt p,div.content div.project-dk p {margin: 0 0 10px 0;}
div.content div.project-lt a,div.content div.project-dk a {color: #4C6F54;}
div.content div.imageselector {float: left; width: 512px; color: #4C6F54;}
div.content img.fullsizeimg {float: left; border: 4px #FFF solid; display: inline; margin: 0 2px 0 0;}
div.content img.thumbnail {float: left; padding: 3px; border: 1px #7692EE solid; display: inline; margin: 10px 10px 10px 0;}
div.content a {color: #038000;}
div.content input.textbox {background: #FFF; border: 1px #70ABEC solid; width: 450px; margin-top: 3px;}
div.content textarea.textbox {background: #FFF; border: 1px #70ABEC solid; width: 450px; height: 100px; margin-top: 3px;}
div.content input.formsubmit {background: #E0EFFF; border: 1px #70ABEC solid; padding: 3px 2px;}
div.content img.articleimg1 {float: left; display: inline; border: 1px #BBF solid; padding: 5px; margin: 0 15px 10px 0;}
div.content img.articleimg2 {float: right; display: inline; border: 1px #BBF solid; padding: 5px;  margin: 0 0 10px 15px;}

/* Form Table */
table.formtable {border-collapse: collapse;}
table.formtable td,table.formtable th {padding: 4px;}
input.fixwidth, textarea.fixwidth {width: 200px; border: 1px solid #A5ACB2;}

/* Footer */
div.clear15 {float: left; clear: both; height: 15px; width: 100%;}
div.clear25 {float: left; clear: both; height: 25px; width: 100%;}
div#footer {float: left; clear: both; width: 710px; \width: 760px; w\idth: 710px; height: 25px; \height: 35px; he\ight: 25px; background: #8FD28D url(images/footer-bg.gif) top repeat-x; color: #FFF; padding: 10px 25px 0 25px; font-size: 13px;}
div#footer .pink {color: #C66283;}
div#footer a {color: #FFF;}
div#footer div.footleft {float: left; display: inline;}
div#footer div.footright {float: right; display: inline;}