@import "basic.css";
@import "widgits.css";

/* General Styles
----------------------------------------------- */
body {margin:0 auto; text-align:center; background:#fff; font-size:100%; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
*{ margin: 0; padding: 0; }
img, hr {border: 0; }
p.error{ color:#f00; padding:0; }
.l {float: left;}
.r {float: right;}
hr { border-top: 1px solid #DADAD9; display: block; clear: both;  margin: 15px 0 15px 0; width: 100%; }
.nodisplay{display:none}
#NoShow{display: none}
/*----------------------------------------------- */
/* Page Structure 
(only styles related to structure i.e. width, height, padding, float, etc. are listed here. All other styles are applied further in this file)
----------------------------------------------- */
#bodyhomeWrap { text-align: center; width: 100%; margin:0 auto; background:#fff;}
#wrapper {margin:0px; padding:0px; width:776px; float:left; text-align:center; background:#fff url(../images/bg_wrapper.gif) repeat-y; display:table-cell;}
#thirdCol {margin: 12px 3px 0px 0px; padding: 5px; background-color:#fbfbfb; width:135px; float:right; border: solid 1px #ddd; height: auto; text-align: justify;}
#bodyhomeWrap { text-align: center; width: 100%; margin:0 auto; background:#fff;}
#contentWrap {border: 0px solid #900; width: 750px; margin:0 auto; padding:0px 0px 0px 0px; text-align:left; border-left:3px solid #F6F6F6; border-right:3px solid #F6F6F6; border-bottom:3px solid #F6F6F6;}
#content {float: left; width: 751px; margin:0 auto; padding: 5px 0px 0px 9px}
#contentPages {background: url(../images/border.jpg) repeat-y left; float: left; width: 100%; margin:0 auto; padding: 0px 0px 0px 0px}

.half {margin:0 0 10px 0; padding:0 10px; width:350px; height:250px;}
/*-----------------------------------------------------------------------------------------------------------------------*/

/* Header 
----------------------------------------------- */
#headerWrap {text-align: center;  margin:0 auto; width:100%; background:#FAEFD1;}
#header { text-align: left; padding: 20px 0px 0px 0px; width:727px; margin:0 auto; background:#FAEFD1;}
#header .editBtns {width: 620px; margin: 0px 0px 0px 110px;}
#logo {float: left; margin:0px 15px 0px 0px;}
#PageImage {padding:2px 0px 0px 0px; background:#FAEFD1;}
#topLinks{padding: 5px 0px 0px 0px; text-align: right; float: right; width: 550px;}
/* top links TNS */
#tns {float: left; font-size: 0.8em; padding: 2px 0px 0px 0px; background:#FAEFD1;}
#tns ul {list-style: none;}
#tns ul li {margin:0; padding:0 8px 0 0; float:left;}
#tns ul li a{padding: 0px 0px 0px 10px; color: #0D7553; font-size: 0.9em; font-family: arial; text-decoration: none; background: url(../images/topLinksListImg.jpg) no-repeat left bottom;}
#tns ul li a:visited {}
#tns ul li a.on {font-weight: bold;}
/*-----------------------------------------------------------------------------------------------------------------------*/
/* Main Menu  */
/*-----------------------------------------------------------------------------------------------------------------------*/
#gnsWrap{float: left; text-align: center; width: 100%; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #055942 url(../images/gnsWrapBack.jpg) repeat-x;} 
ul#gns { border: 0px solid #900; padding: 0px 0px 0px 54px; margin:0 auto; width:808px; list-style:none; font-size:0.9em; font-weight:normal; font-family: Arial;}
ul#gns li {  border: 0px solid #00f; padding:0px 0px 0px 0px; float: left; }
ul#gns li a { padding:14px 12px 14px 13px; display:block; color:#fff; text-decoration:none; background: url(../images/gnsSeperator.jpg) no-repeat left bottom;}
ul#gns li#nodisplay a {background: none}
ul#gns li a:hover {}
ul#gns li a.on {background: url(../images/gnsOn.jpg) repeat-x bottom !important;}

/*-----------------------------------------------------------------------------------------------------------------------*/
/* Status Bar and Breadcrumbs 
----------------------------------------------- */
#statusBar {padding:5px 0px 5px 10px; width:740px; font-size:0.7em; color:#646464; border-bottom:1px solid #D0D0D0; display: block; text-align:left; clear:both; }
#statusBar a {padding: 0px 0px 0px 10px; color:#646464; text-decoration: none; background: url(../images/statusBarArr.jpg) no-repeat left 4px;}
#statusBar ul {margin:0px 0px 0px 5px; padding:0; list-style-type:none; }

ul#bcrumbs {margin:0 0 0px 0px;  float:left; list-style-type: none;}
ul#bcrumbs a:hover {color:#0E3293; text-decoration:underline;}
ul#bcrumbs li {margin:0 0 0 0; padding:0px 0 0 7px; float:left; background: url(../images/arrow_bcrumb.gif) no-repeat left top; }

ul#bcrumbs li.on a {font-weight: bold;}


/* First Col 
----------------------------------------------- */
#firstCol {width: 180px; float: left; font-size: 0.8em;}
#firstCol p#title { display:none }
#firstCol ul {padding: 0px; margin:0px;}
#firstCol ul li {width: 180px; padding:0px 0px 0px 0px; list-style:none; border-bottom: 1px solid #FFF; background:#FCF4E1; }
#firstCol ul li a { margin:0px 0px 0px 0px; padding:10px 0px 10px 25px; color:#6C6B67; display:block; text-decoration:none; background: url(../images/menuBack.jpg) no-repeat 10px;} 
#firstCol ul li.on a {color:#0E3293; font-weight:bold; color: #FFF; background: url(../images/menuBackOn.jpg) no-repeat 10px;}
#firstCol ul li.on {background: #04684E url(../images/menuOn.jpg) repeat-x bottom;}
#firstCol ul li.open {padding-bottom:0; }
#firstCol ul li.open ul {margin:0px 0 0 0px; border-top:1px solid #D0D0D0; background:#FAFAFA;}
#firstCol ul li.open ul li {width: 180px; padding:0px 0 0px 0px; background:#FCF4E1; border:0;}
#firstCol ul li.open ul li a {margin:0 0 0 0px; padding:5px 0 5px 35px; color:#515048; font-weight:normal; background: url(../images/menuBack.jpg) no-repeat 20px;}
#firstCol ul li.open ul li.on a {font-weight:bold; background: url(../images/menuBack.jpg) no-repeat 20px;}
#firstCol ul li.open ul li.on {}
#firstColFade {height: 40px; background: url(../images/firstColFade.jpg)}

/*-------------------------------------------------------------------------------------------------------Second Col */

#secondCol {width:548px; float: left;  padding: 0px 0px 0px 20px;}
#secondCol iframe {width: 500px;}
#secondCol .rteOptions {width: 500px;}
.noBorder{background: none !important; width: 650px !important;}
/*------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------- Home Page Styling --*/

#homeFirstCol {width: 460px; margin: 20px 10px 2px 10px; padding: 0px 0px 20px 0px; float: left;}
#homeArticle {padding: 0px 0px 10px 0px;}
#homeContentBottom {float: left; padding: 0px 0px 20px 0px;}
#homeContentBtmLeft {float: left; width: 459px; padding: 0px 0px 0px 0px;}
#homeContentBtmRight {width: 242px; float: left; margin: 0px 0px 0px 0px; padding: 15px 5px 10px 10px; background: url(../images/subHomeBack.jpg) repeat-x bottom; border: 2px solid #F7F8E8;}
#homeContentBtmRight p {font-size: 0.9em; padding: 0px 0px 5px 0px;margin: 0px;}
#homeContentBtmRight .homeSubTB {width: 220px; padding: 4px; margin: 5px 0px 0px 0px; border: 2px solid #BBB; color: #333333;}
#homeContentBtmRight .homeSubRB {padding: 4px; margin: 0px 0px 10px 0px;}
#homeContentBtmRight .homeSubbtn {padding: 4px 10px 4px 10px; margin: 10px 0px 0px 0px; width:auto; color: #FFF; font-weight: bold; background: #129873 url(../images/btnPic.jpg) repeat-x bottom; border: 1px solid #54AC94}
#homeContentBtmRight .homeSubLinks {padding: 10px 0px 0px 0px;}
#homeContentBtmRight .subscriptionConfirmation {font-weight: bold; display: block; padding: 20px 0px 20px 0px;}
#homeContentBtmRight .homeSubLinks a {padding: 10px 5px 10px 5px;}
#homeContentBtmRight label {padding: 0px 0px 0px 3px;}
#homeSecondCol {width: 240px; float: left; margin: 20px 0px 0px 0px; padding: 0px 0px 10px 10px; border-left: 1px solid #DDD;}


/*----------------------------------------------------------------------------------------- end Home Page Styling --*/

/*Site Specific padding necessary in some */

#searchCol { padding: 0px 0px 0px 0px; text-align:left; background:none; font-family: Tahoma; font-size: 0.8em;}
#resultsSearch  {padding: 20px 0px 20px 0px; clear:both;}

/* ---------- top search ---------- */
#topSearch {float: left; font-size: 0.8em; margin: 0px 0px 0px 0px; background:#FAEFD1;}
#topSearch  input {}
#topSearch a {}
#topSearch #btnSearch {color: #FFF; font-size: 0.8em; font-weight: normal; padding: 2px; margin: 0px 0px 0px 5px; background: url(../images/btnPic2.jpg) repeat-x; border: none; width: 35px} 
#topSearch #txtSearch {width: 110px; border: 1px solid #CCC;} 

#resultsSearch label {margin:0px 10px 0 0; font-weight: bold; font-size: 0.9em; float:left;} 
#resultsSearch input {margin: 1px 0px 0px 0px; padding-left:4px; border:1px solid #7F9DB9; color:#6F7072; font-size:1em; float:left; }
#resultsSearch a {margin:0 0 0 7px; padding:0; float:left; font-weight: bold; text-decoration: none;}
#serBot {margin-left: auto; margin-right: auto; width: 590px;}


/* Footer
----------------------------------------------- */
#footer {width: 740px; margin:0 auto; padding:10px; text-align: center; clear:both;}
#footer a {color:#0E3293;}
#footer .top {}
#footer .bottom {}
#footer p { margin:5px 0 5px 0; padding:0; text-align:center; color:#666; font-size:0.75em;}
#FNSWrap {text-align: center; margin:0px 0px 0px 110px;}
#footerWrap {margin:0px auto; clear: both; padding: 10px 0px 50px 0px;}
#footerWrap iframe {height: 60px; width: 700px;}
#footer ul {margin:0px auto; padding:0 0 5px 0; list-style:none; clear:both}
#footer ul li {padding:0 10px 0 0; float:left; font-size:0.75em;}
#footer ul li a {padding:0px 0px 0px 10px; background: url(../images/fnsBack.jpg) no-repeat left 2px; color: #008461; text-decoration: none; border-bottom:1px dotted #008461}
#footer ul li a:visited {}

/* Address
----------------------------------------------- */
#address a {color:#0E3293;}
#address ul {list-style:none; margin: 0px; float: left; font-size:0.7em; }
#address ul li {padding:0px; width: 450px; text-align: left;display:block;}

/* RHS article editor
----------------------------------------------- */

#RHSTitle {font-weight: bold;}
#thirdCol iframe {width: 132px; height: 120px; padding: 1px;}
#RHSTitle input {width: 132px;}


/* newsletter */
#contentPages #secondCol .buttonSubmit {width: 90px; text-align: center; background: #077254 url(../images/btnPic.jpg) repeat-x scroll 0%; color: #FFF;}
#contentPages #secondCol .subBtns a {display: block; border:1px solid #54AC94; font-weight: bold; text-decoration: none; color: #FFF; padding: 3px 3px 3px 3px;}
#contentPages #secondCol .subBtns ul li {padding: 20px 10px 0px 0px; display: block; float: left; background: none;}
#contentPages #secondCol .subBtns ul  {padding: 0px; margin: 0px; list-style: none;}

#footerWrap .designBy {width: 776px; text-align: left; padding: 0px 0px 0px 10px;}

#footerWrap .designBy a {font-size: 0.7em ; color: #117b69; text-decoration: underline;}


/* misc */
#homePageLogos {padding: 20px 0px 0px 0px;}
#homePageLogos img {padding: 10px 0px 0px 0px; border-top: 1px solid #DDDDDD;}

.logoutlink {float: right !important;}
.logoutlink a { background: #077254 url(../images/btnPic.jpg) repeat-x !important; color: #FFF !important; padding: 2px 5px 2px 7px !important; margin: 0px 20px 0px 0px}

#membersAreaLnk {background: url(../images/memarea.jpg) no-repeat left !important; width: 109px; height: 19px; display: block; border-bottom: 0 !important;}