@charset "utf-8";
body { font: 12px Arial, Helvetica, Verdana, sans-serif; background: #58837c; margin: 0; padding: 40px 0 20px 0; text-align: center; color: #444; }
h1 { font-size: 11px; color: #fff; margin:0 0 0.5em 0; padding:0; }
h2 { font-size: 11px; margin:0 0 1em 0; padding:0; color: #006666;}
h3 { font-size: 11px; }
p { margin: 0 0 1em 0; padding:0; text-align:left; }
label { display:block; font-size: 11px; margin:0; padding: 5px 0 2px 0; }
#outer input { width: 180px; font-size:11px; }
form { margin:0; padding:0 0 10px 0; }
a, a:visited { color: #4c8268; text-decoration:none; }
a:hover { color: #000; text-decoration:none; }
a.maplink, a.maplink:visited  { display:block; position:absolute; top:0; right: 0; height: 16px; font-size: 11px; margin:0; padding: 0 22px 0 5px; color: #fff; background: #89ae9c url(/images/iconnext.gif) no-repeat right; }
a.maplink:hover { display:block; position:absolute; top:0; right: 0; height: 16px; font-size: 11px; margin:0; padding: 0 22px 0 5px; color: #fff; background: #4c8268 url(/images/iconnexthover.gif) no-repeat right; }
a.previouslink, a.previouslink:visited { display:block; position:absolute; top:0; left: 0; height: 38px; width: 85px; font-size: 11px; margin:0; padding: 62px 0 0 15px; text-align:center; color: #fff; background: #89ae9c url(/images/iconprevious.gif) no-repeat 20px 60px; }
a.previouslink:hover { display:block; position:absolute; top:0; left: 0; color: #fff; background: #4c8268 url(/images/iconprevioushover.gif) no-repeat 20px 60px; }
a.nextlink, a.nextlink:visited { display:block; position:absolute; top:0; left: 0; height: 38px; width: 85px; font-size: 11px; margin:0; padding: 62px 15px 0 0; text-align:center; color: #fff; background: #89ae9c url(/images/iconnext.gif) no-repeat 60px 60px; }
a.nextlink:hover { display:block; position:absolute; top:0; left: 0; color: #fff; background: #4c8268 url(/images/iconnexthover.gif) no-repeat 60px 60px; }
a.link, a.link:visited { display:block; font-weight:bold; margin:0; padding: 0 0 0 20px; background: url(/images/iconlink.gif) no-repeat left center; }
a.nlink:hover { display:block; position:absolute; top:0; left: 0; color: #fff; background: #4c8268 url(/images/iconnexthover.gif) no-repeat 60px 60px; }
a.cmslink, a.cmslink:visited { color:#fff; }
a.cmslink:hover { color: #000; text-decoration:none; }
a.pdf { display: block; padding: 2px 0 0 25px; background: url(/images/icon_pdf.png) no-repeat left top; font-size: 14px; }
ul { margin: 0 0 1em 0; padding-left: 20px; list-style-image: url(/images/squaregreenbullet.gif); }
.linklist ul { margin: 0 0 1em 0; padding-left: 0; list-style-type:none; list-style-image:none;}
.linklist a, .linklist a:visited { margin:0; padding: 0 0 0 15px; background: url(/images/iconarrowbullet.gif) no-repeat left center; font-size:11px; }
li { margin: 3px 0 0 0; }
.serviceslist li { margin: 10px 0 0 0; }
.grey { color: #666; }
.small { font-size: 11px; }
#outer { position:relative; width: 956px; height: 650px; background: #fff url(/images/grid.gif) no-repeat 0 33px; margin: 0 auto; text-align: left; }
#outerhp { position:relative; width: 956px; height: 650px; background: #fff url(/images/grid.gif) no-repeat 0 33px; margin: 0 auto; text-align: left; }
#outerhp2 { position:relative; width: 956px; height: 650px; background: #fff; margin: 0 auto; text-align: left; }
#outercms { position:relative; width: 956px; background: #fff; margin: 0 auto; text-align: left; }
#outercms h1 { color: #333; font-size: 18px; font-weight: normal; padding: 0; margin:0; }
#outercms h2 { color: #333; font-size: 12px; font-weight: bold; padding: 0 0 20px 0; margin:0; }
#content { padding: 0 10px; background: #fff; overflow:auto; }
#outerhp p { color: #fff; font-size: 12px; padding: 0 15px 20px 100px; margin:0;}
#outerhp h1 { color: #336666; font-size: 18px; font-weight: normal; padding: 10px 15px 40px 30px; margin:0; }
#outerhp2 p { color: #fff; font-size: 12px; padding: 0 15px 20px 100px; margin:0;}
#outerhp2 h1 { color: #336666; font-size: 18px; font-weight: normal; padding: 10px 15px 40px 30px; margin:0; }
#footer { width: 946px; margin:0 auto; text-align:left; padding: 10px 0 0 10px; }
#footer p { font-size: 11px; color: #81a19c; }
img { margin:0; padding:0; border:none; }
.partnerimages p { margin:0; padding: 3px 0 0 2px; font-size: 10px; color: #fff;}
.partnerimages img { margin:0; padding:0; border:none; }
#partnerdetail p { font-size: 11px; margin: 0 0 7px 0;}
#partnerdetail h1 { color: #006666; font-size: 12px; }
#partnerdetail h2 { color: #666; font-size: 11px; font-style:italic;}
#projectdetail p { font-size: 11px; margin: 0 0 7px 0;}
#projectdetail img { border: 1px solid #97dcf3; }
.showit { display: block; visibility: visible; }
.hideit { display: none; visibility: hidden; }
#pagetitlex1y2 { position:absolute; top: 220px; left: 0; width:85px; height: 50px; background: #4c8268; padding: 50px 10px 0 5px; text-align:right;}
#pagetitlex2y2 { position:absolute; top: 220px; left: 107px; width:85px; height: 50px; background: #4c8268; padding: 50px 10px 0 5px; text-align:right;}
#pagetitlex2y3 { position:absolute; top: 327px; left: 107px; width:85px; height: 50px; background: #4c8268; padding: 50px 10px 0 5px; text-align:right;}
#pagetitlex3y2 { position:absolute; top: 220px; left: 214px; width:85px; height: 50px; background: #4c8268; padding: 50px 10px 0 5px; text-align:right;}
#pagetitlex4y2 { position:absolute; top: 220px; left: 321px; width:85px; height: 50px; background: #4c8268; padding: 50px 10px 0 5px; text-align:right;}
#pagetitlex4y3 { position:absolute; top: 327px; left: 321px; width:85px; height: 50px; background: #4c8268; padding: 50px 10px 0 5px; text-align:right;}
#pagetitlex3y3 { position:absolute; top: 327px; left: 214px; width:85px; height: 50px; background: #4c8268; padding: 50px 10px 0 5px; text-align:right;}
#pagetitlex5y2 { position:absolute; top: 220px; left: 428px; width:85px; height: 50px; background: #4c8268; padding: 50px 10px 0 5px; text-align:right;}
#pagetitlex5y2left { position:absolute; top: 220px; left: 428px; width:85px; height: 50px; background: #4c8268; padding: 50px 5px 0 10px; text-align:left;}
.clearer { clear: both; height:1px; overflow:hidden; margin-bottom:-1px; }
hr { border-top: 1px solid #ccc; color: #fff; background-color: #fff; height: 1px; }

#cmsformxx { padding: 0; margin: 0; color: #000; width:100%;}
#cmsform tr { padding: 5px 0; }
#cmsform .editor tr { padding: 0; }
#cmsform div { margin-bottom: 0.5em; }
#cmsform input { width: 340px; }
#cmsform .cmsinput { padding: 2px; border: 1px solid #ccc; }
#cmsform select { width: 240px; font-size: 11px; color: #666; border: 1px solid; border-color: #666 #666 #666 #666; padding: 2px;}
#cmsform input.formbutton { border: none; width:auto; margin: 0; cursor: pointer; }
#cmsform input.checkbox { width: 2em; margin: -1px 5px 0 0; padding: 0; border: none;}
#cmsform label { font-family: Arial, Helvetica, Verdana, sans-serif; width: 120px; padding: 0 10px 0 0; font-size:12px;}
#cmsform textarea { font-family: Arial, Helvetica, Verdana, sans-serif; width: 340px; }
#cmsform .textareawide { width: 400px; }
#cmsform .selectwide { width: 260px; }
#cmsform .inputwide { width: 253px; }
#cmsform p { font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0; padding: 0 0 0 20px; color: #666; font-size: 11px; }
#cmsform p.nopadding { padding: 0; }
#cmstable { margin: 0; padding: 0; background: #f5f5f5; }
.cmstable { border-collapse: collapse; width:100%; }
.cmstabletitle { border-collapse: collapse; width:100%; margin: 0 0 20px 0; }
#cmslisttable { font-size: 12px; margin: 20px 0 0 0; padding: 0; background: #fff; border-collapse: collapse; border-spacing: 0; border-width: 0px; border-style: none;}
#cmslisttable th { vertical-align: top; padding: 3px 5px; margin: 0; border-bottom: 10px solid #f5f5f5; background: #cccccc;}
#cmslisttable td { vertical-align: top; padding: 2px 5px; margin: 0; border-bottom: 1px solid #fff; background: #f5f5f5;}
.cmstablenospace td { vertical-align: top; margin: 0; padding: 0 0.2em 0 0.5em;}
#cmsform td.address { padding: 0; margin: 0;}
#cmslisttable h3 { margin: 0; padding: 0; }
.cmslisttable p { margin: 0; padding: 0 0 0 0; }
.cmslisttable th { margin: 0; padding: 0 0 0 0; }
#cmsformheader td { vertical-align: top; }

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {height:34px; font-size:12px; position:absolute; top: 0; right: 30px; z-index:100; padding:0;}
#nav ul {padding:5px 0 8px 0; margin:0; list-style:none; list-style-image:none; background: #fff; border:1px solid #000; border-color:#f0f0f0 #999 #666 #f0f0f0; border-width:0 1px 1px 1px; position:relative; z-index:300;}
#nav ul ul { border-color:#f0f0f0 #999 #666 #f0f0f0; border-width:1px 1px 1px 1px; } 

#nav li {float:left; margin:0; padding:0; list-style:none; list-style-image:none;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}
* html #nav li {float:left;}

#nav li a {display:block; float:left; font-size:12px; color:#fff; padding:10px 7px 0 7px; height:24px; text-decoration:none; white-space:nowrap;}
#nav .fixedwidth li { width: 160px; }
#nav .navprojects li { width: 160px; }
#nav .navprojects2 li { width: 80px; }
#nav .navprojects3 li { width: 160px; }
#nav .navprojects4 li { width: 190px; }
#nav .navservices li { width: 180px; }

#nav li li a { display:block; font-size:11px; color:#444; padding:6px 15px 2px 10px; text-decoration:none; white-space:nowrap; height:12px; line-height:12px; float:none;}

#nav li:hover {position:relative; z-index:400;}
#nav li:hover ul {left:0; top:34px;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:0;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-6px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#003333;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-6px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a
{text-decoration:none; color: #003333; background: #fff; padding:10px 7px 0 7px;}

#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color: #003333; background: #f0f0f0; padding:3px 15px 3px 10px;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#444; background: #fff; padding:3px 15px 3px 10px;}

#frmsubject34 { visibility:hidden; display:none; }