/* MAIN HTML */
* {margin:0;padding:0}
body {background:#00b6dc url(../_images/layout/bg.gif) repeat-x;font-family:arial,verdana,sans-serif;font-size:11px;color:#333;}

/* LINKS */
a, a:hover {background:transparent;text-decoration:none;cursor:pointer;color:#00b8e0;font-weight:bold;} 
a:hover {color:#003c6c;} 
.golink, .golink:hover {padding-left:13px;background:url(../_images/layout/readmore-up.gif) no-repeat 1px 2px;}

/* GENERAL */
img {border:none} 
.clear:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}
* html .clear {height:1%;}
.clear {clear:both;display:block;}
.pclear {clear:both;content:".";margin-bottom:-5px;}

/* TYPOGRAPHY */
p {line-height:15px;margin:0 0 10px 0;}
h1 {font-size:18px;margin:0 0 18px 0;color:#004272;padding:0 0 10px 15px;}
h2 {font-size:14px;margin:0 0 8px 0;color:#003c6c;}
h3 {font-size:12px;margin:0 0 5px 0;color:#003c6c;}
h4 {font-size:11px;margin:0 0 3px 0;color:#003c6c;}
.highlight {color:#faad51;font-weight:bold;}
.subdued {color:#999}
.caption {color:#999;font-size:11px}
.date {font-weight:bold;color:#326e9c;display:block;letter-spacing:1px}

/* WRAPPER */
.wrap {width:772px;margin:15px auto;position:relative;}

/* HEADER */
.header {width:772px;height:148px;}

/* COLUMNS */
.colwrap {vertical-align:top;width:772px;background:#003c6c url(../_images/layout/contentbg.gif);}
.leftcol {float:left;width:181px;padding:0 0 0 19px;background:url(../_images/layout/leftbg.gif) no-repeat;min-height:520px;height:auto!important;height:520px;}
.rightcol {float:left;width:536px;padding:65px 19px 0 17px;background:url(../_images/layout/rightbg.gif) no-repeat;min-height:520px;height:auto!important;height:520px;}
.rightcol ul {margin:0 0 8px 40px;}

/* NAV */
.nav {background:url(../_images/layout/navbg.gif) no-repeat;margin:0 0 18px 0;width:181px;height:255px;}
.nav ul {list-style:none;margin:0 2px;padding:0;}
.nav li {margin:0;padding:0;}
.nav li a {display:block;background:url(../_images/layout/nav-bullet.gif) no-repeat 5px 7px;height:12px;padding:9px 8px 9px 20px;color:#414040;text-decoration:none;}
.nav li a:hover{color:#999;background:url(../_images/layout/nav-bullet-hover.gif) no-repeat 5px 7px;}

/* LAYOUT - FOOTER */
.footer {width:772px;height:40px;padding:23px 0 0 0;color:#333;background:url(../_images/layout/footerbg.gif) no-repeat;text-align:center;font-size:10px;}
.footer a {text-decoration:none;color:#333;}
.footer a:hover {color:#87BDE7;}
.footercopy {margin-top:5px;}

/* FORMS */
fieldset {border:none;padding:10px;margin-bottom:10px;display:block;}
.fieldset:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}
* html fieldset {height:1%;}
fieldset br {clear:left;}
fieldset h2 {border-bottom:1px dashed #fff;margin:10px 0;}
fieldset label {display:block;width:160px;float:left;margin:1px 0 10px 0;text-align: right;padding-right:15px;color:#326e9c;}
textarea {width:200px;margin-bottom:3px;}
input {color:#333;font-size:10px;border:1px solid #79889B;padding:2px 4px;background:#fff;}
select {color:#344356;font-size:10px;padding:1px 0;}
fieldset .tip {font-size:11px;color:#333;padding:0 5px;}
.checkbox {text-align:center;padding-right:10px;text-align:left;}
.checkbox input {border:none;}
.button {margin:5px 0 0 170px;}
.valsummary {border:1px solid #c00;color:#c00;padding:5px 10px;margin-bottom:3px;}
.button input {color:#333;font-weight:bold;width:auto;background:#ddd;border:1px solid #666;padding:3px 6px}

/* RESPONSES */
.error, .info, .success {padding:5px 10px 5px 35px;width:470px;font-weight:bold;margin:15px 0;}
.error {color:#c00;border:1px solid #c00;background:#fff url(images/icon/error.gif) no-repeat 10px 4px;}
.info {color:#1a4d80;border:1px solid #1a4d80;background:#fff url(images/icon/info.gif) no-repeat 10px 4px;}
.success {color:#390;border:1px solid #390;background:#fff url(images/icon/success.gif) no-repeat 10px 4px;}

/* IMAGES */	
.imgl, .imglb{float:left;margin:5px 21px 15px 0;}
.imgr, .imgrb{float:right;margin:0 0 10px 20px;}
.imglb {background:#fff;padding:1px;border:1px solid #333;}
.imgrb {background:#fff;padding:1px;border:1px solid #333;}

/* CONTENT */	
.section {margin:0 0 10px 0;clear:both;padding-top:2px;}
.sitemap {list-style-image:url(_images/icon/sitemap.gif)}
.pdf {background:url(../_images/icon/pdf.gif) no-repeat;padding:0 0 0 17px;}
.pdfdownload, .pdfdownload:hover {margin:12px 0;padding:10px 10px 10px 50px;background:#eee url(../_images/icon/pdf-big.gif) no-repeat 10px 6px;border:1px solid #ddd;font-size:16px;display:block;}
.displaybox {padding:15px;}
.top {background:url(../_images/layout/topbg.gif) no-repeat 0 2px;padding-left:15px;}
table img {display:block;}
a.back {background:url(../_images/layout/readmore-left.gif) no-repeat 0 2px;padding:0 0 0 17px;}
a.forward {background:url(../_images/layout/readmore-right.gif) no-repeat 0 2px;padding:0 0 0 17px;}

/* PROJECTS */	
.project {margin:5px 0 8px 0;clear:both;padding:5px 0 0 0;min-height:100px}
.project h3 {padding-top:5px;}
.project img {opacity:0.999;}
.project a:hover img {opacity:0.6;filter:progid:DXImageTransform.Microsoft.Alpha(Style=0,Opacity=60);}

/* PANELS */
.paneltopwhite, .paneltopltblue, .panelbottomwhite, .panelbottomltblue {height:12px;width:536px;}
.paneltopwhite {background:url(../_images/layout/paneltop-white.gif) no-repeat;}
.paneltopltblue {background:url(../_images/layout/paneltop-ltblue.gif) no-repeat;}
.panelbottomwhite {background:url(../_images/layout/panelbottom-white.gif) no-repeat;}
.panelbottomltblue {background:url(../_images/layout/panelbottom-ltblue.gif) no-repeat;}
.panelltblue, .panelwhite {padding:8px 28px 1px 28px;min-height:272px;height:auto!important;height:272px;}
.panelltblue {background-color:#caebf6;}
.panelwhite {background-color:#fff;}
.smpanelbottom {height:11px;width:181px;background:url(../_images/layout/smpanelbottom.gif) no-repeat;margin-bottom:18px}
.clearpanel {color:#fff;padding:15px;margin:20px 0 0 0}
.clearpanel h2 {color:#6adef6;margin:0 0 8px 0}

/* INNER PANEL */
.innerpaneltop, .innerpanelbottom {height:7px;width:480px;}
.innerpaneltop {background:url(../_images/layout/innerpaneltop.gif) no-repeat;}
.innerpanelbottom {background:url(../_images/layout/innerpanelbottom.gif) no-repeat;margin-bottom:20px;}
.innerpanel {color:#fff;background-color:#003c6c;padding:8px 20px 1px 20px;}
.innerpanel p {margin-bottom:9px;}
.projecttypes li {float:left;padding:0 0 0 14px;width:180px;background:url(../_images/layout/nav-bullet.gif) no-repeat 0 0;}
.projecttypes a:hover {color:#ccc;}

/* SMALL PANEL */
.smpaneltop {height:11px;width:181px;background:url(../_images/layout/smpaneltop.gif) no-repeat;}
.smpanelbottom {height:11px;width:181px;background:url(../_images/layout/smpanelbottom.gif) no-repeat;}
.smpanel {background:#fff;}

/* NEWS */
.newstop {height:11px;width:181px;background:url(../_images/layout/newstop.gif) no-repeat;}
.news {background:#fff url(../_images/layout/newsbg.gif) no-repeat;padding:45px 12px 0 12px;min-height:272px;height:auto!important;height:272px;margin-bottom:-12px;}
.news h3 {font-size:11px;text-decoration:none;margin:0 0 3px 0}
.news a {color:#003c6c;font-weight:normal;background:url(../_images/layout/readmore-up.gif) no-repeat 0 2px;padding:0 0 0 14px;margin-bottom:12px;display:block;}
.news a:hover {color:#00b8e0;}

/* NEWSLETTERS */
a.newsletter {color:#003c6c;font-weight:normal;background:url(../_images/icon/pdf.gif) no-repeat 0 2px;padding:3px 0 0 18px;margin-bottom:12px;display:block;}
a.newsletter:hover {color:#00b8e0;}

/*CONTACT */
.contactleft {width:200px;float:left;margin-bottom:10px;}
.contactleft h3 {color:#333}

/* RECENT-HOME */	
.recent-home {float:left;width:275px;margin:5px 15px 0 0;border-right:1px solid #97bed2;padding:0 15px 0 0}
.recent-home h2 {font-weight:normal;font-size:16px;margin-bottom:15px;}
.recent h3 {padding-top:5px}
.recent {margin-bottom:5px;height:85px;line-height:16px;}
.recent img {background:#fff;float:left;padding:1px;border:1px solid #333;margin:0 10px 1px 0;}
.recent a.viewproject, .feature a.viewproject {background:url(../_images/layout/readmore-right.gif) no-repeat 0 2px;padding:0 0 0 15px;}

/* FEATURE-HOME */	
.feature-home {float:left;width:170px;margin:5px 0 0 0;}
.feature-home h2 {font-weight:normal;font-size:16px;color:#00b8e0;margin-bottom:20px;}
.feature img {background:#fff;padding:1px;border:1px solid #333;margin:0 10px 8px 0;}

/* IE6 HACKS */
*html .header, .smpaneltop, .paneltopwhite, .paneltopltblue, .newstop {margin-bottom:-3px}
*html .nav li a {margin-bottom:-2px}
*html .innerpaneltop {margin-bottom:-7px;}
*html .feature-home {margin:5px 0 0 0;}
*html .imglb {margin:5px 18px 15px 0;}

.loginpanel {width:218px;float:left;margin-right:20px;}