
@import "basic.css";
@import "widgits.css";

/* General Styles
----------------------------------------------- */
body {margin:0 auto; text-align:center; background:#B8CEE3 url(../images/bg_gns1.gif) repeat-x fixed; 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; }
p.script {text-align:center; font-size:0.7em; color:red;}
.l {float: left;}
.r {float: right;}
hr { margin:15px 0 15px 0; width:100%; height:1px; border-top: 1px solid #DADAD9; display:block; clear:both;}
.clear{ height:1px; width:100%; clear:both;}


/* Accessibility Links 
----------------------------------------------- */
ul#access {visibility: visible; position:absolute; top:-10px; left:0; color:#fff; font-size:1px; line-height:1px; background-color:#fff; }
ul#access a, #access a:hover { color: #fff; }
ul#access li { float:left;}
/*------------------------------------------------------------------*/

/*dl.mediaList tr { border-top:1px solid #d5d5d5;}
dl.mediaList tr td  {  border-top:1px solid #d5d5d5;}
dl.mediaList ul {list-style:none;}
dl.mediaList ul li {margin:5px 0 0px 0px;padding-top:1px; padding-left:10px; background:url(../images/lns_arrow.gif) no-repeat 2px 6px; color:#303653;  line-height:150%; }
dl.mediaList ul li a { color:#303653; text-decoration:none; }
dl.mediaList ul li p.title { margin:9px 0 0 15px!important; }*/


/*----------------------------------------------- */
/* 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 { width:776px; margin:0 auto; background:#fff;}
#wrapper {margin:5px 0 0 0px; padding:0px 6px; width:765px; float:left; text-align:center; background:url(../images/bg_wrapper.gif) repeat-y; display:table-cell;}
*html #wrapper {padding:0px 5px 0 6px;}
#wrapper.nobg {background:none;}
#firstCol {/*width:181px;*/ padding-bottom:20px; float:left; text-align:left;}
#secondCol {margin:0; padding:0; width:570px; border-top:1px solid #D5D5D5; float:left; text-align:left;}
#secondCol-single{ position:relative }
#bodyhomeWrap { width: 776px; margin:0 auto; background:#fff;}
#bodyhomeWrap #content {margin:10px 0 0 0; padding:10px; text-align:left;}
.half {margin:0 0 10px 0; padding:0 10px; width:350px; height:250px; border:1px solid #ddd;}

#secondCol #content .article #colone {float:left; background:red; width:50%;}
#coltwo {float:left;}

/*-----------------------------------------------------------------------------------------------------------------------*/

/* HomeWrap - Homepage 
----------------------------------------------- */
#mainBox {margin:0px 6px -3px 6px; padding:0; height:159px; width:764px; clear:both;}
#mainBox .intro {margin:5px 0 5px 0px; padding:0; height:146px; width:398px; float:left; text-align:left; background:#D9E2EB;}
#mainBox .banner {margin:5px 0px 5px 0; padding:0; height:146px; width:365px; float:left; }
#mainBox .banner img {margin:0; padding:0;}

#mainBox h2 {margin:20px 0px 20px 20px; font-size:0.95em; color:#0B2E80;}
#mainBox p {margin:10px 10px 5px 20px; width:290px; line-height:1.4em; font-size:0.7em; color:#006466; font-weight:bold;}
#mainBox a {margin:0 0 0 -12px; padding:10px 6px 5px 25px;color:#0B2E80; text-decoration:none; font-weight:normal; background:url(../images/lns_arrow.gif) no-repeat top left;}
#mainBox a:hover {text-decoration:underline;}

#homeWrap {}
#homeWrap div.first {/*height: 252px; min-height: 252px;*/ float:left;} 
html>body #homeWrap div.first { height: auto; }
#homeWrap div.second { background:#fff; float:left;} 
.sp1 {padding:0 0 0 6px; width:564px; text-align:left } 
.sp2 {margin:0 0 0 5px; width:217px; background:red; text-align:left }
.sp2 a {padding:0px 6px 5px 10px; background:url(../images/arrow.gif) no-repeat 0 5px;}
.sp3 {margin:0 0 0 5px; width:195px; text-align:left}


#homeWrap a {color:#016567; text-decoration:none;}
#homeWrap a:hover {color:#005399; text-decoration:underline;}
#homeWrap h2 {padding:9px 0 9px 15px; background:#E0ECEC url(../images/h2border.gif) no-repeat right; font-size: 0.8em; color:#0D2D84; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;}
#homeWrap .second h2 {color:#fff; background:#7FBBBC url(../images/h2borders3.gif) no-repeat right;}
#homeWrap .newsletter h2 { color:#0D2D84; background:#E0ECEC url(../images/h2border.gif) no-repeat right}
#homeWrap p {margin:10px 10px 15px 15px; font-size:0.7em; line-height:1.4em;}

#homeWrap table {margin:0; padding:0;}
#homeWrap table td {margin:0; padding:0;}
#homeWrap dl {font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;}
#homeWrap dt {padding:10px 0 2px 28px; font-size:0.7em; font-weight:bold; background:url(../images/lns_arrow.gif) no-repeat 5px 1px;}
#homeWrap dd {padding:0 0 14px 28px; font-size:0.7em; border-bottom:1px solid #d5d5d5;}
#homeWrap dd p {margin:0; padding:0; font-size:1.0em;}
#homeWrap p.more {padding-left:20px; background:url(../images/lns_arrow.gif) no-repeat top left; font-weight:bold;}

ul#featuredLinks {margin:0; padding:0; border:1px solid #d5d5d5; border-width:1px 1px 0 1px; list-style:none; clear:both;  font-family: Tahoma, Arial, Helvetica, sans-serif;}
ul#featuredLinks li {margin:0; font-weight:bold; font-size:0.7em; border-bottom:1px solid #d5d5d5;}
ul#featuredLinks li a {padding: 10px 6px 10px 25px; line-height:1.4em; color:#015A60; display:block; border-right:6px solid #eee; background:url(../images/lns_arrow.gif) no-repeat top left;}

.newsletter {margin:15px 0 0 0;}

.box {margin:0 0 5px 0; padding:5px 0 0 0; min-height:90px; border:1px solid #d5d5d5; background:#f5f5f5;}
#homeWrap .box p {margin:5px 5px 0 15px; }
#homeWrap .box p a {margin-left:-1px; padding:0px 6px 5px 10px; display:block; font-weight: bold; background:url(../images/arrow.gif) no-repeat 0 5px;}
.featureImage {margin:25px 0px 0 0; padding:0; float:right;}
.hr_img {margin:10px 0 10px 0}



/* Header 
----------------------------------------------- */
#header {margin: 0 auto; padding:0px; width: 776px;}
#logo {margin:0; padding:0px; width:200px; float:left; text-align:left;}
#logo img {margin:10px 0 0 5px; padding:10px 0 10px 10px;}

#topright {float:left; width:576px; text-align:right;}

/* top links TNS */
#tns {margin:20px 0 10px 0; padding:0px; width:400px; float:right; font-size:0.7em;}
#tns a {color:#00529A; text-decoration:none;}
#tns a:hover {text-decoration:underline;}
#tns ul {list-style:none; float:right }
#tns ul li {margin:0; padding:0 22px 0 14px; float:left; background:url(../images/bullet_grey.gif) 0 3px no-repeat; }
#tns ul li.last {padding:0 0 0 14px;}
#tns ul li.on {font-weight:bold;}

/* ---------- top search ---------- */

#topSearch {margin:20px 0 0 0; width:340px; font-size:0.7em; float:right; text-align:right;}
#bodyhomeWrap #topSearch{ margin-top:30px }
#topSearch fieldset {margin:0; padding:0; border:0;}
#topSearch legend {display:none;}
#topSearch  input {margin:0; padding:2px 0 2px 4px; width:184px; border:1px solid #7F9DB9; color:#005B5D; font-size:100%; float:left;}
#topSearch  input.go {margin:0 0 0 5px; padding:2px 8px 4px 4px; width:31px; font-weight:bold; color:#fff; border:none; background:url(../images/go_button.gif) no-repeat;}
#topSearch a {margin:0 0 0 4px; padding:0; float:left; text-decoration:none;}
#topSearch a:hover {text-decoration:underline;}
#topSearch a.adv {padding:0 0px 0 14px; color:#005B5D; background:url(../images/bullet_grey.gif) 0 3px no-repeat;}

/*#topSearch {margin:20px 0 0 0; width:340px; font-size:0.7em; float:right; text-align:right;}
#topSearch fieldset {margin:0; padding:0; border:0;}
#topSearch legend {display:none;}
#topSearch  input {margin:0; padding:2px 0 2px 4px; width:184px; border:1px solid #7F9DB9; color:#005B5D; font-size:100%; float:left;}
#topSearch  input.go {margin:0 0 0 5px; padding:2px 8px 4px 4px; width:31px; font-weight:bold; color:#fff; border:none; background:url(../images/go_button.gif) no-repeat;}
#topSearch a {margin:0 0 0 4px; padding:0; float:left; text-decoration:none;}
#topSearch a:hover {text-decoration:underline;}
#topSearch a.adv {padding:0 0px 0 14px; color:#005B5D; background:url(../images/bullet_grey.gif) 0 3px no-repeat;}
#topSearch {margin: 0 0 0; width:550px; font-size:0.7em; float:right; text-align:right;}
*/
#topSearch p {margin:3px 0 0 0; padding:0; text-align:right; width:360px;}
#topSearch ul li {}

/* ---------- Search Results ---------- */
#searchResults {font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif; text-align:left;}
#resultsSearch {margin:50px 15px 30px 15px; clear:both; height:20px; width:100%;}
#resultsSearch label {margin:0px 10px 0 0; font-weight: bold; font-size: 0.8em; float:left;} 
#resultsSearch input {margin:2px 0 0 0; padding:2px 0 2px 4px; border:1px solid #7F9DB9; color:#6F7072; font-size:0.7em; float:left; }
#resultsSearch a {margin:0 0 0 4px; padding:0 8px 0px 7px; font-size:0.8em; font-weight:bold; color:#fff; float:left; background:url(../images/go_button.gif) no-repeat 0 3px; text-decoration:none;}
#resultsSearch input.go {margin:0 0 0 5px; padding:2px 8px 4px 4px; width:31px; font-weight:bold; color:#fff; border:none; background:url(../images/go_button.gif) no-repeat;}
#searchResults p {margin:20px 15px; padding:0;}

dl#resultsList {margin:0 0 10px 0;font-size:0.7em; text-align:left;}
dl#resultsList dt {padding:0 15px; font-weight:bold;}
dl#resultsList dd {padding:0 15px; line-height:1.4em; }
dl#resultsList dd hr {margin:10px 0; padding:0; height:1px; }


/*-----------------------------------------------------------------------------------------------------------------------*/
/* Main Menu  */
/*-----------------------------------------------------------------------------------------------------------------------*/
ul#gns {margin:0 0 0 6px; width:766px; padding:2px 0; float:left; list-style:none; clear:both;  font-family: Tahoma, Arial, Helvetica, sans-serif;}
ul#gns li {margin:0 0px 0 0px; padding:12px 0 0 0; float:left; display:inline; font-weight:bold; font-size:0.7em;}
ul#gns li a {margin:0 1px 0 0; padding:12px 18px 12px 17px; display:block; width:100%; /*height:37px;*/  background:#00529A; color:#fff; text-decoration:none;}
ul#gns li a:hover {background:#007577; text-decoration:none;}
ul#gns li a.on {background:#007577; text-decoration:none;}
ul#gns li#gns0{ display:none }
ul#gns li#gns1 a {padding:12px 19px 12px 18px; background:#00529A url(../images/gns_first.gif) no-repeat left;}
ul#gns li#gns7 a {padding:12px 18px 12px 18px; background:#00529A url(../images/gns_last.gif) no-repeat right;}
ul#gns li#gns1 a:hover {background:#007577 url(../images/gns_first01.gif) no-repeat left;}
ul#gns li#gns7 a:hover {background:#007577 url(../images/gns_last01.gif) no-repeat right;}

ul#gns li#gns1 a {width:54px;}
ul#gns li#gns2 a {width:60px;}
ul#gns li#gns3 a {width:25px;}
ul#gns li#gns4 a {width:75px;}
ul#gns li#gns5 a {width:40px;}
ul#gns li#gns6 a {width:112px;}
ul#gns li#gns7 a {width:145px;}

/*-----------------------------------------------------------------------------------------------------------------------*/
/* Status Bar and Breadcrumbs 
----------------------------------------------- */
#statusBar {margin:7px 0 0 0; padding:0px 0 0px 0; width:569px; height:25px; position:absolute; top:78px; font-size:0.6em; color:#646464; border-bottom:1px solid #D0D0D0; text-align:left; clear:both; }
#statusBar a {color:#015B5C; text-decoration: none;}
#statusBar a:hover {text-decoration:underline;}
#statusBar ul {padding:0px 0 0 0; list-style-type:none;}
#statusBar .clear {height:1px;}

ul#bcrumbs {margin:0px 0 0 0; padding:0px 0 0px 25px; float:left; list-style-type: none;}
ul#bcrumbs a:hover {color:#0E3293; text-decoration:underline;}
ul#bcrumbs li {margin:0px 5px 0px 0; padding:0;  float:left;}
ul#bcrumbs li a {padding:10px 0 0 7px; background: url(../images/arrow_bcrumb.gif) 0 4px no-repeat;}
ul#bcrumbs li.on a {color:#0E3293;}

/* Status bar for Single Col pages */
#statusBar2 {margin:0 0 50px 0; padding:0px 0 0 0; font-size:0.6em; border-bottom:1px solid #D0D0D0; height:35px; }
#statusBar2 a {color:#006466; text-decoration: none;}
#statusBar2 a:hover {text-decoration:underline;}
#statusBar2 ul#bcrumbs {padding:11px 0 0 15px;}

.printpage {padding:0 15px 0 0; float:right;}
.printpage a {margin:0; padding:0 0 0 20px; color:#747474; background:url(../images/printicon.gif) no-repeat 0 1px;}
#statusBar .printpage a {color:#747474;}
#statusBar2 .printpage a {color:#747474;}
#statusBar2 .printpage {margin:11px 0 0 0;}

/* First Col 
----------------------------------------------- */
#firstCol {font-size:0.7em; width:158px; border-top:1px solid #D5D5D5; font-family:Tahoma, Arial, Helvetica, sans-serif;}
html>body #firstCol {width:194px;}
#firstCol a {color:#007577; text-decoration:none;}
#firstCol a:hover {text-decoration:none;}
#firstCol p#title { display:none }
#firstCol ul {margin:0px;}
#firstCol ul li {padding:0px 0; list-style:none; border-bottom: 1px solid #D0D0D0;}
#firstCol ul li a {margin:0 0px 0 0px; padding: 10px 6px 10px 25px; line-height:1.4em; color:#007577; display:block; background:url(../images/lns_arrow.gif) no-repeat top left;}
*html #firstCol ul li a {padding: 10px 5px 10px 25px; width:100%;}
#firstCol ul li.on a {color:#fff; font-weight:bold; border-right:6px solid #006466; background:#007577 url(../images/lns_arrow_on.gif) no-repeat top left; cursor:hand;}
#firstCol ul li a:hover {color:#fff; background:#007577 url(../images/lns_arrow_on.gif) no-repeat top left; cursor:hand; border-right:6px solid #006466;}
/*--- SECOND LEVEL NAV ---*/
#firstCol ul li.open {padding-bottom:0; }
#firstCol ul li.open ul {}
#firstCol ul li.open ul li {padding:0; border-bottom: 1px solid #D0D0D0;}
#firstCol ul li.open ul li a {margin:0 1px 0 0px; padding: 8px 6px 8px 25px; background:#E0ECEC; color:#007577; font-weight:normal;}
#firstCol ul li.open ul li.on a {color:#007577; font-weight:bold; background:#A0CCCC;}
#firstCol ul li.open ul li a:hover {color:#007577; background:#A0CCCC;}
*html #firstCol ul li.open ul li a {width:99%;}
/*-----------------------------------------------------------------------------------------------------------------------*/



/* Footer
----------------------------------------------- */
#footer { width:776px; margin:0 auto; color:#007577; border-top:3px solid #00529A; clear:both;}
#footer a {color:#007577; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .top {margin:0 5px; padding:10px 10px 0 10px;}
#footer .bottom {margin:0; padding:0px 15px; clear:both;}
#footer .bottom a {font-weight:bold;}
#footer .sep {padding:0 8px; color:#ccc;}
#footer p {margin:0 0 10px 0; text-align:left; font-size:0.7em;}
#footer ul {margin:0px 0 0px 0;list-style:none;}
#footer ul li {padding:0 22px 0 14px; float:left; font-size:0.7em; background:url(../images/bullet_grey.gif) 0 3px no-repeat;}
.design {padding:25px 21px 10px 0; font-size:0.6em; font-weight:bold; color:#007879; text-align:right;  clear:both; background:#B8CEE3 url(../images/bg_footer.gif) no-repeat;}
.design a {margin:0; padding:0; color:#016567 !important; text-decoration:underline;}
.design a:hover {text-decoration:none;}


/* Forms Styles
----------------------------------------------- */
.s50 {width:50px;}
.s185 {width:185px;}

#content div.formStyle input.s50{ width:50px }
.formStyle {}
.formStyle label {padding:0 0 0 0px; font-size:0.7em; font-weight: bold;}
.formStyle input {padding:0 3px;  font-size:0.7em; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;}
.formStyle textarea {padding:0 3px;  font-size:0.7em; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;}
.formStyle select {padding:0 0px 0 3px;  font-size:0.7em; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;}
.formStyle option {padding:0 3px;}
#content .formStyle table {margin:20px 10px 0 25px; width:90%; border:0;}
#content .formStyle td {padding: 12px 0px 12px 18px;; border:1px solid #d5d5d5; border-width:1px 0; vertical-align:top;}
#content .formStyle tr.buttons td {text-align:center;}
#content .formStyle tr:hover {background:#f8f8f8;}
#content input.buttonSubmit {margin:0 5px; padding:1px 14px 0px 15px; width:71px; height:19px; color:#fff; font-weight:bold; border:0; background:url(../images/btn_submit.gif) no-repeat;}
*html #content input.buttonSubmit {padding:0px 14px 0px 8px;}
#content input.buttonReset {margin:0 5px; padding:1px 17px 0px 18px; width:71px; height:19px; color:#fff; font-weight:bold; border:0; background:url(../images/btn_reset.gif) no-repeat;}
*html #content input.buttonReset {padding:0px 17px 0px 10px;}
#content input.buttonLong {margin:0 5px; padding:1px 14px 0px 15px; /*width:97px;*/ height:19px; color:#fff; font-weight:bold; border:0; background:#00529B;}
*html #content input.buttonLong {padding:0px 14px 0px 8px;}
#content .formStyle a.submit {margin:0 0 0 5px; padding:2px 18px 4px 17px; font-size:0.7em; text-decoration:none; font-weight:bold; color:#fff; background:url(../images/submit.gif) no-repeat;}

#content table.cb {margin:5px 0 0 0px; padding:0; width:100%;}
#content table.cb td {padding:0px 0 0 0; border:0;}
#content .formStyle table.cb tr:hover td {background:#f8f8f8;}
#content table.cb label {padding:0px 10px 0 5px;  font-weight: normal;}
#content table.cb input {padding:0px 0 0px 0;}

#content #rightColumn{ float:right }
#content #rightColumn .picGroup{ clear:both }


tr.errorTr {background:#FFEBEC; }
#content .formStyle tr.errorTr:hover {background:#FEDFE1;}
span.errorSpan {color:#D60000; display:block; font-size:0.7em; }
.error {color:#D60000;}

#content table.inner {margin:0; padding:0; width:100%;}
#content table.inner td {padding:0; border:0; width:50%;}
#content table.inner tr {background:none;}
#content table.inner tr td {background:none;}




.i1{ width:100px }
.sp3 iframe{ width:230px }





