/*
CSS STYLESHEET
PROJECT - Counterweight
CSS DEVELOPER - Colin Summers
Main body and common containers 
*/

html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:left; background-image: url(../images/bg.jpg); background-repeat:repeat-x; color:#333;}
p{margin:0px 0px 15px 0px; color:#333;}
a{color: #00A1C6;}
a:link{ text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:underline;}
.linkOn a{ font-weight:bold; color:#90BA10;}

h1 {font-size:30px; font-weight:normal; color:#FFFFFF; margin:32px 0px 20px 10px; } /* Main White Headers*/
h2 {font-size:16px; color:#666666; margin:15px 0px 30px 20px; font-weight: 900;} /* Tabbed Headers*/
h2 a{color:#666666; text-decoration:none;}
h2 a:link{color:#666666; text-decoration:none;}
h2 a:visited{color:#666666; text-decoration:none;}
h2 a:hover{color:#666666; text-decoration:underline;}
h3 {font-size:19px; font-weight:normal; color:#90BA10; margin:0px 0px 10px 0px; background-image: url(../images/arrow_green.gif); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 20px;} /* Green Headers With Arrows*/
h3 a {color:#90BA10; text-decoration: none;}
h3 a:hover {color:#90BA10; text-decoration: underline;}
h4 {font-size:14px; font-weight:normal; color:#333333;} /* Publication Headers*/
h5 {font-size:19px; font-weight:normal; color:#00A1C7; margin:0px 0px 10px 0px; } /* Blue Headers*/
ul{ margin: 0px 0px 10px 0px; padding: 0px 0px 0px 10px; list-style-type: disc;}
li{ margin: 0px 0px 0px 10px; padding: 0px 0px 3px 0px; list-style-type: disc;}

.date{ color: #999; list-style-type:none;}
.floatleft { float:left;}
.floatright { float:right;}
div#container{text-align:left; width:970px; margin:0 auto;}
div#wrapper{background-image: url(../images/bg_content.jpg);  width:970px; background-repeat:no-repeat; float:left; }

/*----HEADER AND TABBED CONTENT----*/
div#header{height:154px; margin:0; background-image: url(../images/bg_header.jpg); background-repeat:no-repeat; padding:0px;}
div#header .header-left{ position: relative; left:49px; float:left; margin:0px; padding:0px; background-color:transparent; height:154px; }
div#header .header-right{ float:right; text-align: right; width: 350px; position: relative; right: 30px; top:20px; background-color:transparent;}
div#header #logoutSpace{ float:right; text-align: left; width: 280px; position: relative; top:5px; right: 30px; background-color:transparent; color:#666; font-size:10px;} 
.logText{ width:200px; float:left; background-color:transparent;}
.logButt{ width:80px; float:left; background-color:transparent; padding-top:6px;}


div#header .header-links{ float:right; text-align: right; margin-top: 10px; margin-bottom: 10px; font-size:18px;}
div#header .header-search{ float:right; text-align: right; margin-top:15px;}
div#header .header-phone { clear:both; top:20px; position:relative;}
div#header .formfield{ width: 165px; color:#666666;}
div#header .button { position:relative; top: 3px;}
div#header .callus{ font-size:15px; font-weight:bold; color:#333; background-image: url(../images/icon_phone.gif); background-repeat: no-repeat; background-position: 5px 2px; padding-left:30px;}
div#header .phone{ font-size:25px; font-weight:bold; color:#099EBF;}
div#tabs-container{height:50px; margin:0;background: #CCC; color: #79B30B; background-image: url(../images/bg_tabs.jpg); background-repeat:no-repeat;  }
div#tabs-container .tabs { width:625px; height:43px; float:right; position: relative; right: 26px; top: 9px; text-align: right; }

/*----HOME CONTENT----*/
div#home-flash{ width:933px; height:238px; margin-top: 4px; margin-left: 16px; margin-bottom:10px;}
div#home-left{ min-height:310px; height:auto !important; height:310px; left:8px; float:left; width: 585px; background-image: url(../images/bg_homeleft.jpg); background-repeat: no-repeat; border: 1px solid #FFF; position:relative;}

div#home-left .featured { float: left; width: 330px; position:relative; left:18px; }
div#home-left .publications{ float: right; width: 200px;}
div#home-left .publications p{ margin-left: 18px;}
div#home-right{float:right;width:326px; background-image: url(../images/bg_homeright.jpg); background-repeat: no-repeat; padding-right:10px;}
div#home-right p { margin-left:20px;}
div#home-right .button { position: relative; top:4px;}
div#home-right h3 { margin-left:20px;}
div#home-right ul{  margin-right: 15px; list-style-type:none;}
div#home-right ul li{ list-style-type:none;}
div#home-right .home-signup { margin-left:20px; color:#666; margin-bottom:15px;}
div#home-right .formfield { color: #666; width: 188px; margin-right:10px;}

/*----LIST PAGE CONTENT----*/
div#left-hand-column { min-height:550px; height:auto !important; height:auto; position: relative; left: 27px; top:52px; float:left;width: 197px; left: 27px;clear:both; bottom:20px; }
div#left-hand-column ul { margin:0px; list-style-type: none; width: 175px; font-size:13px;}
div#left-hand-column ul li{ padding: 6px 0px 6px 0px; width: 175px; border-bottom: 1px solid #CCC; list-style-type: none;}

div#left-hand-column ul li .sub{margin: 6px 0px 3px 20px; width: 175px; list-style-type: none; color:#90BA10; height:auto; display:block;}


div#left-hand-column .newsletter {background-image: url(../images/bg_newsletter.jpg); background-repeat:no-repeat; width: 204px; height: 250px; margin-top:30px; margin-bottom:30px; float:left; clear:both;}

div#left-hand-column .newsletter h2 {font-size:16px; font-weight:900; color:#666666; margin:0px 0px 10px 20px; padding-top:20px;}
div#left-hand-column .newsletter .button { width:92px; padding-left:108px;}

div#left-hand-column .formfield { margin-left: 20px; width:157px; margin-bottom:3px; }
div#left-hand-column p{  margin-left: 20px;}
div#left-hand-column .login{margin-left: 105px; margin-top: 5px;}

div#right-hand-column  {min-height:310px; height:auto !important; height:310px;float:right;width:700px; background-image: url('../images/bg_headers.gif'); background-repeat: no-repeat; background-position: 0px 50px; padding-right: 25px;top: 0px; }
div#right-hand-column p { line-height: 18px;}
div#right-hand-column h2 {font-size:16px; font-weight:900; color:#4C4C4C; line-height:21px; margin:15px 0px 20px 0px;} /* Sub Headers for right page*/
div#right-hand-column .image { float: right; margin-left: 15px; margin-bottom: 15px; margin-top:18px;}
div#right-hand-column .pagingtop{ width: 700px; text-align: right; border-bottom: 1px solid #DCDCDC; padding: 10px 0px 10px 0px; margin-bottom: 10px; clear:both; height:30px;}
div#right-hand-column .pagingbottom{ width: 700px; text-align: right; border-top: 1px solid #DCDCDC; padding: 10px 0px 10px 0px; clear: both;}

/*publications detail page*/

.authorLine{ width:700px; background-color:transparent; float:left; padding-bottom:10px;}
.author{ width:650px; background-color:transparent; float:left; }
.source{ width:650px; background-color:transparent; float:left; font-size:14px;color:#666;}
.typeIcon{ width:35px; background-color:transparent; float:left; margin:20px auto 0px auto;}
.docDate{ width:100px; background-color:transparent; float:left; padding-left:10px; color:#666; padding-right:10px;}
.docSize{width:100px; background-color:transparent; float:left; color:#666; } 
.downloadBx{ width:700px; float:left; margin-top:25px; background-color:transparent;}
.fileIcon{ width:20px; background-color:transparent; float:left; margin-bottom:2px;}

/*SIGNUP BOX*/
div#SignBx{ width:300px; background-color:transparent; height:200px; float:left;}

/*END SIGNUP BOX*/

/*SITEMAP INFO*/

#sitemap{
    background-color:transparent;
    width:320px;
    margin:10px 0px 0px 20px;
    padding:0px 0px 0px 0px;
    float:left;
    }

#sitemap .rootnode{
    background-color:transparent;
    background-image:url('sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:300px;
    height:15px;
    margin:0px 0px 0px 0px;
    padding:5px 0px 2px 20px;
    float:left;
    font-weight:bold;
    }   
    
#sitemap .subnode{
    background-color:transparent;
    background-image:url('sitemaplink.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:280px;
    margin:0px 0px 0px 12px;
    padding:2px 0px 2px 20px;
    float:left;
    } 
    
#sitemap .subnode2{
    background-color:transparent;
    background-image:url('sitemaplink2.png');
    background-repeat:no-repeat;
    background-position:bottom left;
    width:280px;
    margin:0px 0px 0px 24px;
    padding:2px 0px 2px 20px;
    float:left;
    }     
/*END SITEMAP INFO*/


/*USEFUL RESOURCES BOX*/
.resourceBx{ width:370px; background-color:transparent; float:left; margin:10px 0px 10px 10px;}

/*END*/


/*Accordians*/

.accordians{width: 100%; margin-top:20px; margin-bottom:20px;  }
.breakAccordians{width: 100%; height: 1px; padding: 0 0 4px 0; margin-bottom: 4px;}
.AccordionHeader {width:100%; border-bottom: solid 1px #CCC; color:#1C86AE; padding-bottom:5px; font-family: Gill Sans, arial,sans-serif;  font-size:14px; font-weight:normal;}
.AccordionHeader2 {width:100%; border-bottom: solid 1px #CCC; color:#1C86AE; padding-bottom:5px; font-family: Gill Sans, arial,sans-serif;  font-size:14px; font-weight:normal; }
.AccordionContent { font-family: Gill Sans, arial,sans-serif;  font-size:12px; font-weight:normal; width:100%;}
.intranetDocRow{width: 99%; padding-top: 4px; padding-bottom: 4px; float: left;}
.wholeLine{ width:690px; float:left; background-color:transparent; margin-bottom:4px; margin-top:4px; padding-top:5px; clear:both;}
.topLine{ width:400px; float:left; background-color:transparent; margin-bottom:4px; margin-top:4px;}
.docimage{ float:left; background-color:transparent; width:40px;}
.doctext { width:99%; background-color:transparent; float:left; margin-bottom:4px;}
.dateText{ width:160px; float:right; background-color:transparent;}
.docTitle{ float:left; width:490px; background-color:transparent; color:#D20000; font-family: Gill Sans, arial,sans-serif;  font-size:14px; font-weight:normal; }

.paging { width:700px; background-color:transparent; float:left; }
.paging .noItems{ width:200px; float:right; background-color:transparent;}
.paging .Count{ float:right; background-color:transparent; margin:0px 20px 0px 20px; width:auto;}

div#right-hand-column .row{ width: 700px; clear: both; margin-bottom:15px; float:left; background-color:transparent;}
div#right-hand-column .column-papers{ width:535px; float: left; background-color:transparent; }

div#right-hand-column .column-papers a{font-size:14px;}
div#right-hand-column .column-papers a:link{font-size:14px;}
div#right-hand-column .column-papers a:visited{font-size:14px;}
div#right-hand-column .column-papers a:hover{font-size:14px;}

div#right-hand-column .column-author{ width:170px; float: left; background-color:transparent;}
div#right-hand-column .column-date{ width:84px; float: left; background-color:transparent;}
div#right-hand-column .column-type{ width:80px; float: left; text-align:center; background-color:transparent;}

div#right-hand-column .column-name{ width:160px; float: left; background-color:transparent;}
div#right-hand-column .column-telephone{ width:123px; float: left; background-color:transparent;}
div#right-hand-column .column-email{ width:215px; float: left; background-color:transparent;}

div#right-hand-column .rowCon{ width: 700px; clear: both; margin-bottom:45px; float:left; background-color:transparent;}

div#right-hand-column .column-nameh{ width:230px; float: left; background-color:transparent;}
div#right-hand-column .column-telephoneh{ width:140px; float: left; background-color:transparent;}
div#right-hand-column .column-emailh{ width:215px; float: left; background-color:transparent;}

div#right-hand-column .column-address{ width:200px; float: left; text-align:left; background-color:transparent;}
div#right-hand-column .news-thumbimage{ width:150px; height: 104px; float: left; border:1px solid #CCC; margin-right: 10px;}
div#right-hand-column .news-bigimage{ width:130px; float: left; text-align:center;}
div#right-hand-column .name { font-size: 15px; font-weight:bold; color:#7CA500;}
div#right-hand-column .memberleft { width:340px; float: left; background-color:transparent;}
div#right-hand-column .memberleft .line{ width:340px; float:left; background-color:transparent; margin-top:2px;}
div#right-hand-column .memberleft .line .Text{ width:95px; float:left; background-color:transparent; color:#666; font-size:12px; margin-top:4px; font-weight:bold; }
div#right-hand-column .memberleft .line .Input{ width:240px; float:left; background-color:transparent; }

div#right-hand-column .memberleft .line .txtArea{ width:165px; float:left; background-color:transparent;}
div#right-hand-column .memberleft .line .subBtn{ width:10px; float:left; background-color:transparent;}


div#right-hand-column .line{ width:700px; float:left; background-color:transparent; margin-top:2px;}
div#right-hand-column .line .Text{ width:150px; float:left; background-color:transparent; color:#666; font-size:12px; margin-top:4px; font-weight:bold; }
div#right-hand-column .line .TextShort{ width:95px; float:left; background-color:transparent; color:#666; font-size:12px; margin-top:4px; font-weight:bold; }
div#right-hand-column .line .TextLng{ width:180px; float:left; background-color:transparent; color:#666; font-size:12px; margin-top:4px; font-weight:bold; }

div#right-hand-column .line .TextLng1{ width:180px; float:left; background-color:transparent; color:#666; font-size:12px; margin-top:4px; font-weight:bold; padding-top:3px; }

div#right-hand-column .line .Input{ width:550px; float:left; background-color:transparent; }
div#right-hand-column .line .InputLng{ width:170px; float:left; background-color:transparent; }
div#right-hand-column .line .InputLng1{ width:170px; float:left; background-color:transparent; padding-top:8px;  }
div#right-hand-column .line .txtArea{ width:165px; float:left; background-color:transparent;}
div#right-hand-column .line .txtAreaLng{ width:400px; float:left; background-color:transparent; text-align:right;}

div#right-hand-column .line .subBtn{ width:700px; float:left; background-color:transparent; text-align:right;}

.delMsg{ color:#FF0000; font-style:italic; float:left; text-align:center; width:700px;}

.formfield { width:240px; margin-right:10px; color:#666;}
.formfieldDDL { width:245px; margin-right:10px; color:#666;}

div#right-hand-column .memberright {border-left: 1px solid #CCC; width:330px; float: right; padding-left:10px; padding-right:10px;}
div#right-hand-column .memberleft .formfield { width:240px; margin-right:10px; color:#666;}
div#right-hand-column .blogtop{ width: 700px; text-align: left; border-bottom: 1px solid #DCDCDC; padding: 10px 0px 10px 0px; margin-bottom: 10px; font-size:19px; font-weight:normal; color:#00A1C7; clear:both; height:20px; }
div#right-hand-column .blogtopgrey{ width: 700px; text-align: left; border-bottom: 1px solid #DCDCDC; padding: 10px 0px 10px 0px; margin-bottom: 0px; font-size:19px; font-weight:normal; color:#00A1C7; background-color:#F8F8F8; height:20px; }
div#right-hand-column .blogrow{ width: 700px; clear: both; float:left;}
div#right-hand-column .blogrowgrey{ width: 700px; clear: both; float:left; background-color:#F8F8F8; padding-top:10px; }
div#right-hand-column .date{ font-size:12px; color:#333; text-align:right; float:right;}
div#right-hand-column .blogbottom{ width: 700px; margin-bottom:10px; text-align: center; border-top: 1px solid #DCDCDC; padding: 10px 0px 10px 0px; clear: both; background-color:#F8F8F8;}

div#right-hand-column .blogbottomwhite{ width: 700px; text-align: center;  padding: 0px 0px 0px 0px; clear: both; background-color:#FFF;}
div#right-hand-column .blogbottomgrey{ width: 700px;  text-align: center;  padding: 0px 0px 0px 0px; clear: both; background-color:#F8F8F8;}

div#right-hand-column .breadcrumbs { margin-top:14px; background-color:transparent; min-height:30px; clear:both;}
div#right-hand-column .service-right { float:right; clear:right; width:276px; background-image: url(../images/bg_services.jpg); background-repeat:no-repeat; min-height:158px; height:auto !important; height:158px; margin:20px 0px 0px 0px; padding: 20px 10px 10px 20px;}

.clearBoth{ clear:both;}
.paddBtm{ margin-bottom:10px; clear:both; height:10px; background-color:transparent; float:left;}
/* ROLL OVER STYLES */

.rollover
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
}


.rollover a.about:link, a.about:active, a.about:visited
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 149px;
    float:left;
    height: 41px;
    background-image: url(tab_aboutus_off.jpg);
}


.rollover a.what:link, a.what:active, a.what:visited
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 159px;
    float:left;
    height: 41px;
    background-image: url(tab_whatweoffer_off.jpg);   
}


.rollover a.pubs:link, a.pubs:active, a.pubs:visited
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 153px;
    float:left;
    height: 41px;
    background-image: url(tab_publications_off.jpg);
        
}

.rollover a.member:link, a.member:active, a.member:visited
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 159px;
    float:left;
    height: 41px;
    background-image: url(tab_members_off.jpg);
     
}


.rollover a.aboutOn:link, a.aboutOn:active, a.aboutOn:visited
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 1px 0px;
    width: 149px;
    float:left;
    height: 41px;
    background-image: url(tab_aboutus_on.jpg);
}


.rollover a.whatOn:link, a.whatOn:active, a.whatOn:visited
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 1px 0px;
    width: 159px;
    float:left;
    height: 41px;
    background-image: url(tab_whatweoffer_on.jpg);   
}


.rollover a.pubsOn:link, a.pubsOn:active, a.pubsOn:visited
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 1px 0px;
    width: 153px;
    float:left;
    height: 41px;
    background-image: url(tab_publications_on.jpg);
        
}

.rollover a.memberOn:link, a.memberOn:active, a.memberOn:visited
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 1px 0px;
    width: 159px;
    float:left;
    height: 41px;
    background-image: url(tab_members_on.jpg);
}


.rollover a:hover { 
background-position: 0 -41px;      

}


/* END ROLL OVER STYLES */

/*----FOOTER INFO----*/
div#footer{clear:both;width:100%; background-image: url(../images/bg_footer.jpg); background-repeat:no-repeat; background-position: 0px 130px; margin-top:10px; }
div#footer p{margin:0;padding:5px 25px}
div#footer .box-container{width:895px; height:191px;float: right; right: 29px; position: relative; clear:both;}
div#footer .box-container p{ font-weight: bold; color:White; font-size: 14px; margin-top: 90px;}
div#footer .box-container a{ font-weight: bold; color:White;}
div#footer .box-left{width:286px; height:191px; float:left; background-image: url(../images/box_left.jpg); background-repeat: no-repeat;}
div#footer .box-centre{width:286px; height:191px; float:left; margin-left:18px; background-image: url(../images/box_centre.jpg); background-repeat: no-repeat;}
div#footer .box-right{width:286px; height:191px; float:right; background-image: url(../images/box_right.jpg); background-repeat: no-repeat;}
div#footer .footer-left{ clear:both; position: relative; top: 25px;}
div#footer .footer-right{ float: right; text-align:right;}


.gvhead{
    height:15px;
    font-size:12px;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    color:black;
    font-weight:bold;    
    border:solid 1px #CCCCCC;
    text-align:left;
}

.gvitem{
    height:15px;
    font-size:12px;
    padding:5px 5px 5px 5px;
    margin:0px 0px 0px 0px;
    border:solid 1px #CCCCCC;
    text-align:left;
}

.unitTxtL{ width:40px;}
.bordBt{ border-bottom:solid 1px red; width:700px; float:left; clear:both;}
.noBorder{ border:none;}