@import "widgits.css";

/* General Styles
----------------------------------------------- */
body {margin:0 auto;  font-family: Tahoma, Arial, Verdana, 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%; }
.clear{ width: 100%; height: 1px; line-height: 1px; font-size:0; display:block; clear: both; }
 

.hpFeat {padding: 8px 0 0 0; float: left;}

/*----------------------------------------------- */
/* 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)
----------------------------------------------- */

#bodyWrap { margin:0 auto; padding:0px; width: 902px; background:#fff;}
#wrapper {width: 902px; margin:0px; padding:0px;  float:left; text-align:left; background:#fff url(../images/bgd_wrapper.gif) repeat-y;  }

/* Home Page ------------------------------------- */
#wrapperHome {margin:0px; padding:0px;  float:left; text-align:left; background:#fff; display: block; width: 100%;}
#firstCol {float:left; text-align:left; width: 390px;}
#secondCol {padding:0 0 0 0px; float:right; text-align:left; width: 510px; }
#whatsNew .HomeAction{padding: 15px 10px; border: solid 1px #8CAFC5; background: #EEF3F7; width: 204px; float: right;}
#whatsNew .HomeAction{margin: 8px 0px 0px 0px;}

#firstColInner {float:left; text-align:left; width: 196px; margin-right: 6px; display: inline }
#secondColInner {padding:0 0 0 20px; float:left; text-align:left; width: 430px; margin-right: 26px; display: inline;  clear: none; }
#secondColInnerWide {padding:0 0 0 20px; float:left; text-align:left; width: 680px;  display: inline; }
#thirdColInner #InsideBanner{ border-top: 7px solid #215983; width: 194px; border-bottom: 10px solid #fff; float: right; }
#thirdColInner #InsideBanner .PageImage {margin: 0px 0px 10px 0px; width: 194px; height: 207px; }
#thirdColInner {  float:right; width: 194px;  }

#bodyhomeWrap {margin:0 auto;   background:#fff;}
#bodyhomeWrap #content {margin:10px 0 0 0; padding:10px; text-align:left;}
#homewrapper {  float:left; text-align:left;}

/*-----------------------------------------------------------------------------------------------------------http://localhost/WF/imgcache/------------*/

/* Header 
----------------------------------------------- */
#header {margin: 0; padding:0px; width:900px; height: 139px;float:left; background:#fff url(../images/bgd_header.jpg) no-repeat right top; }
#header_right {margin:0; padding:0px 10px 0px 0px;text-align:right;}
#logo {margin:0; padding:10px 0px 10px 10px; float:left; clear:none; text-align:left; float: left;}
#logo img { float: left; padding: 10px 0px 0px 0px;}

/* top links TNS */
#tns {margin:0px; padding:20px 0px 0px 0px; width:520px; float:right; text-align:right; font-size: 0.75em;}
#tns ul {list-style:none;text-align:right;float:right; }
#tns ul li {margin:0; padding:0 8px 0 0; float:left;}
#tns ul li a {color:#474747;}

/*-----------------------------------------------------------------------------------------------------------------------*/
/* Main Menu  */
/*-----------------------------------------------------------------------------------------------------------------------*/
#gns {width:900px; float:left; clear:both; }
ul#gns {margin:0px;padding:0; float:left;list-style:none; clear:both; background:#215983; border-bottom: 1px solid #fff}
ul#gns li {margin:0; padding:0px; float:left; font-weight:bold; font-size: 0.75em; border-top: 1px solid #fff}
ul#gns li a { padding: 12px 15px 12px 14px; border-right:1px solid #fff;display:block; color:#fff; background:#215983; text-decoration:none;}
ul#gns li#last a {padding-right:59px; background:url(../images/bgd_li_gns6.gif) no-repeat right top; border: 0}
ul#gns li#last a.on {text-decoration:none; background:url(../images/bgd_li_gns6.gif) no-repeat right top #839C06;}
ul#gns li a:hover {text-decoration:none; background:#839c06}
ul#gns li#last a:hover {text-decoration:none; background:url(../images/bgd_li_gns6.gif) no-repeat right top #839c06}
ul#gns li a.on {text-decoration:none; background:#839C06;}

/*-----------------------------------------------------------------------------------------------------------------------*/
/* Status Bar and Breadcrumbs 
----------------------------------------------- 
#statusBar {padding:0 1px; height:24px; font-size:0.7em;background:#FAFAFA; border-bottom:1px solid #D0D0D0; display: block; text-align:left; clear:both; }
#statusBar a {color:#646464; text-decoration: none;}
#statusBar ul {padding:0; list-style-type:none;}

ul#bcrumbs {margin:0 0 0px 7px;  float:left; list-style-type: none;}
ul#bcrumbs a:hover {color:#474747; text-decoration:underline;}
ul#bcrumbs li {margin:0 10px 0 0; padding:5px 0 0 7px; float:left; background: url(../images/blue_arrow.gif) no-repeat 0px 10px; }
ul#bcrumbs li.on a {color:#0E92E5;text-decoration:underline;}*/


/* ---------- top search ---------- */
#topSearch {margin:0; padding:25px 0px 0px 0px;width:300px; float:right;font-size:0.8em;}
#topSearch input {margin:0 5px 0 0px; padding:2px;width:120px; border:1px solid #7F9DB9; color:#474747; font-size:0.85em; }
#topSearch input#btnSearch {margin:0px; padding:1px; border:none; color:#536D7E; font-weight:bold;width:70px; background:#fff url(../images/but_g.jpg) repeat-x; }
#topSearch fieldset {border:none; padding:0px; margin:0px;}
#topSearch label {margin:0px;padding:0 3px 0 0;font-weight:bold; color:#880000;}

#resultsSearch  {padding-left: 10px; margin-left:auto; margin-right: auto; clear:both; height:20px; width:600px;}
#resultsSearch label {margin:0px; padding:0px; font-weight: bold; font-size: 1.1em; float:left;} 
#resultsSearch input {margin:0;padding-left:4px; border:1px solid #7F9DB9; color:#6F7072; font-size:0.8em; float:left; }
#resultsSearch a {margin:0 0 0 4px; padding:0; float:left;}
#serBot {margin-left: auto; margin-right: auto; width: 590px;}

#searchCol { padding: 0px 0px 0px 0px; text-align:left; background:none; font-size: 0.8em;}

/* First Col 
----------------------------------------------- */
#firstColInner #title {padding:10px 0px 10px 20px; background:#C60000; color:#fff; display: none; }


#firstColInner ul {border-top: 7px solid #839c06; font-size:0.8em }
#firstColInner ul li {list-style:none; background: url(../images/underline.gif) repeat-x;   }
#firstColInner ul li a {padding:10px 11px 10px 20px; color:#215983; background: url(../images/underline.gif) repeat-x bottom #fff; font-weight:normal;display:block; text-decoration:none;}
#firstColInner ul li a:hover {padding:10px 11px 10px 20px; color:#376080; font-weight:normal; text-decoration:none; background:#edf3f7 url(../images/underline.gif) repeat-x bottom;}
#firstColInner ul li.on {background: url(../images/underline.gif) repeat-x bottom #edf3f7;}
#firstColInner ul li.on a {color:#215983; font-weight:normal; background:url(../images/bullet_arrow.gif) no-repeat 6px 16px;}

/* LHS Logos
----------------------------------------------- */
.LHSlogos {margin: 35px 0px 0px 5px; padding: 0px; text-align: center;}
.LHSlogos img {float: left; margin: 1px;}
.LHSlogos img.stamp {float: none; }



/*-----------------------------------------------------------------------------------------------------------------------*/
/*Content Article --------*/

#content {width:100%; font-family: Arial, Tahoma, Helvetica, Sans-Serif; }
.article .article_body {margin:0px; padding:0px 10px 0px 10px;width:550px; border-right:1px dotted #556C7E;float:left;}
.article .pic {float:right;}
#Overview { width: 100%;}


/* Footer
----------------------------------------------- */
#footer {margin:20px 0 0 0;float:left;  font-size:0.7em;  width: 900px}
#footer a {color:#0E3293;}

#footer .top {  float:left; padding: 0px; width:900px;   background:#2b6a9a url(../images/bgd_footer.gif) repeat-y top right;  }
#footer .top ul#FNS {margin:0px; padding:13px 10px 13px 0; float:right; width:400px; color: #fff;}
#footer .top ul#FNS li.pipe {padding: 0 7px}
#footer .top ul#FNS a {color: #fff}
#footer .top ul#FNS li {float:left; list-style: none}
#footer .top ul#FNS li span.sep {margin:0px; padding:0px 7px;}
#footer .top p {color:#fff;  float: left;  width: 150px; text-align: left; padding: 13px 0px 13px 10px }

#footer .bottom {background-color: #fff; float:left; }
#footer .bottom a {color: #2b6a9a; text-decoration: underline; padding:0 10px 10px 10px; display: block}



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

/* RHS article editor
----------------------------------------------- */
#RHSTitle {font-size: 10pt; font-weight: bold;}
#thirdCol iframe {width: 132px; height: 120px; padding: 1px;}
#RHSTitle input {width: 132px;}


/* Previous & Next links 
----------------------------------------------- */

/* Paginated Previous & Next links ****APPLIED TO A 1 COLUMN LAYOUT ONLY**** */

#content ul.nextbackPage { height:26px; margin: auto; width:100%; list-style-type:none; clear:both; }
#content ul.nextbackPage li {float:left; padding:0; list-style:none; color: #282828; background: none; font-size: 1.0em;}
#content ul.nextbackPage li a {margin: 0;padding: 2px 3px;color: #0E3293;text-decoration:none; }
#content ul.nextbackPage li a:HOVER {color: #282828; text-decoration:underline;}
#content ul.nextbackPage li span {text-decoration:none; margin: 0; padding: 3px 3px;}

#content ul.nextbackPage li.first { margin-right: 15px;  padding-left: 5px; } 
#content ul.nextbackPage li.second {/* border: 1px solid #eee; */ } 
#content ul.nextbackPage li.third { margin-right: 80px; /*border: 1px solid #eee;*/} 
#content ul.nextbackPage li.rest{ float:right; } 
#content ul.nextbackPage li.rest ul { padding:0; margin:0; } 
#content ul.nextbackPage li.rest ul li{ padding:0; margin:0 0px 0 0; /*border: 1px solid #eee;*/} 

#content ul.top {border-bottom: 1px solid #ccc; margin: 20px 0; font-weight: normal}
#content ul.bottom {border-top: 1px solid #ccc; padding-top: 10px; margin: 20px 0 50px 0; }

#content ul.nextback {margin:20px 0 10px 0;  height:18px; width:100%;  }
#content ul.nextback li {float:left; padding:2px 6px; background: none }
#content ul.nextback li.first {color:#9c9c9c;} 
#content ul.nextback li.second {} 
#content ul.nextback li.third {} 
#content ul.nextback li a {text-decoration:underline; }
#content ul.nextback li a:HOVER { text-decoration:none;}

 /*Sitemap*/
#content ul.sitemap {margin:0 0 10px 10px; clear: both; list-style:none; font-size:1em; display: block; width: 880px}
#content ul.sitemap li {margin:0; padding:0 0 0px 10px; background:none;line-height:1.6em;  }
#content ul.sitemap li.top a {list-style:none;  font-size: 0.8em; font-weight: bold}

#content ul.sitemap li ul.inner a {list-style:none; font-weight:normal; color:#215983;  font-size:1.1em;}
#content ul.sitemap li ul.inner a:hover {text-decoration: underline!important}
#content ul.sitemap li ul.inner a:visited {text-decoration: none!important}
#content ul.sitemap li ul.inner li {padding: 5px 0}

#content ul.sitemap hr {display:none; height: 1px}


.shadowBox {background: url(../images/bgd_shadow.gif) no-repeat top right; height: 28px; width: 900px; float:left}
.shadowBoxTall {background: url(../images/bgd_shadow.gif) no-repeat top right; height: 30px; width: 900px; float:left}

#flash {float:left; height: 221px}



/*Inline RSS
---------------------------------------------- */
div.RSSClamShellList{ border:1px solid #225580; padding:10px; background:#EDF1F4 }
div.RSSClamShellList h2{ margin:0 0 10px 0; background:url(../images/RSS.gif) no-repeat; padding:0 0 0 45px }
div.RSSClamShellList dl dt{ color:#ACACAC; margin:0 0 10px 0; font-weight:bold; text-decoration:underline }
div.RSSClamShellList dl dd{ margin:10px 0 10px 0; padding:10px; background:#fff }
div.RSSClamShellList dl dt:hover{ cursor:pointer }
div.RSSClamShellList dl dd.dd_open{ border:1px solid #225580 }
div.RSSClamShellList dl dt.dt_open{ color: #647C96 }