@charset "utf-8";
/* CSS Document */ 

/* =reset.css (by Andy Clarke) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

/* =clear */
.clear { clear: both; font-size: 1px; line-height: 0; }
/* =clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */


* { margin:0; padding:0;}
body { font-family: Arial, Helvetica, sans-serif; font-size:12px; background: url(../img/bg_body.gif) repeat-x top left; }
a { text-decoration: none; }
.img-left { float: left; /*border: 3px solid #dfdfdf;*/ margin: 0 10px 0 5px; }
.img-right { float: right; border: 3px solid #dfdfdf; margin: 0 0 10px 5px; }
.left { float: left!important; }
.right { float: right!important; }
.last { background: none!important; border: none!important; padding: 0!important; margin: 0!important; }
.no { background: none!important; border: none!important; padding: 0!important; }
body .inline { display: inline!important; }
* html em { font-style: normal; }
*:first-child+html em { font-style: normal; }
h1, h2, h3, h4 { font-family:Arial, Helvetica, sans-serif; }
.ui-tabs-nav .ui-tabs-hide { display: none; }
/* ----------------------------------------------------------------------------------------------------*/

#wrapper { margin: 0 auto; width: 960px; position: relative; }

#header { display: block; float: left; width: 960px; padding-top: 50px; }
#header a.logo { display: block; float: left; padding-left: 45px; }


#nav { float: right; background: url(../img/bg_nav_list.gif) repeat-x left top; width: 738px; }
#nav-bg-left { float: right; background: url(../img/bg_nav_left.gif) no-repeat left top; }
#nav-bg-right { float: right; background: url(../img/bg_nav_right.gif) no-repeat right top; }

#nav-list { display: block; float: right; }
#nav-list li { display: block; float: left; background: url(../img/bg_nav_list_li.gif) no-repeat right center; }
#nav-list li.hover a { background: none!important; }
#nav-list li a { color: #333333; display: block; font-weight: bold; padding: 12px 0 13px 0; text-align: center; width: 123px; }
/*#nav-list li.last { background: none!important; }*/
#nav-list li#last { background: none!important; }
#nav-list li a:hover { color: #737eb6; }
#nav-list li.selectedtop a { color: #737eb6; /*background: url(../img/bg_nav_list_li_a_hover.gif) no-repeat center bottom; color: #737EB6; */}
#nav-list li.selectedtop a:hover { background: none!important; }
#nav-list li.selectedtop ul li a { color: #333333; }

/* Suckerfish Drop Down */
#nav-list li ul { position: absolute; width: 123px; left: -999em; top: 86px; background: url(../img/bg_nav_list_li_ul.gif) no-repeat left bottom; padding-bottom: 5px; z-index: 999; }
#nav-list li ul li { background: none!important; width: 123px; }
#nav-list li ul li a { font-weight: normal; padding: 5px; width: 113px; background: none!important; }
#nav-list li ul li a:hover { background: none!important; text-decoration: underline; }
#nav-list li:hover ul { left: auto; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }

/* Active top */
#nav-list li a:hover, #nav-list li ul a:hover { color: #737eb6; background: none!important; }
#nav-list :hover > a { color: #737eb6; background: none!important; }
#nav-list ul ul :hover > a { color: #737eb6; background: none!important; }

#nav-list-2 { background: url(../img/bg_nav_list_2.gif) no-repeat left bottom; display:block; width:710px; /*height: 18px;*/ float: right; padding: 6px 7px 7px 10px; }
#nav-list-2 li { display: block; float: left; margin-right: 10px; } 
#nav-list-2 li a { display: block; color: #FFF; padding: 2px 5px; }
#nav-list-2 li a:hover { background-color: #666; }
#nav-list-2 li.selected2 a { background-color: #666; }

#content { float: left; width: 960px; /*border: 1px solid red;*/ margin-top: 16px; }

#primary-content { float: left; width: 738px; /*border: 1px solid green;*/ }
#primary-content #info-boxes { float: left; width: 738px; margin-top: 13px; }
#primary-content #info-boxes .box { background: url(../img/bg_info_boxes_box.gif) no-repeat left top!important; float: left; width: 241px; margin-right: 7px; } 
#primary-content #info-boxes .box .bottom { display: block; height: 5px; clear: both; background: url(../img/bg_info_boxes_box_bottom.gif) no-repeat left top; }
#primary-content #info-boxes .box img { margin:5px 5px 5px 4px; border-bottom: 1px dotted #CCC; }
#primary-content #info-boxes .box p { padding: 15px; color: #333; line-height: 16px; height: 118px; font-size: 13px; }
#primary-content #info-boxes .box a { float: right; font-size: 11px; font-weight: bold; background: url(../img/bg_info_boxes_box_a_left.gif) no-repeat left top; color: #3A5B9D; padding: 5px 0 6px 2px; margin-right: 9px; margin-bottom: 4px; }
#primary-content #info-boxes .box a span { background: url(../img/bg_info_boxes_box_a_right.gif) no-repeat right top; padding: 5px 6px 8px 4px; }
#primary-content #info-boxes .box a:hover { color: #333; }


#primary-content .txt { display: block; float: left; width: 738px; padding: 10px 0 10px 0px; color: #868686; }
#primary-content .txt h2 { display: block; font-size: 18px; font-weight: normal; color: #555; }
#primary-content .txt h3 { display: block; font-size: 14px; font-weight: bold; color: #555; margin-bottom: 8px; }
#primary-content .txt h4 { font-size: 13px; margin-bottom: 5px; display: block; color: #3D6F92; font-weight: bold; }
#primary-content .txt .portal-list { width: 485px; float: left; padding-bottom: 20px; }
#primary-content .txt .together { float: right; width: 242px; margin-left: 10px; }
#primary-content .txt p { line-height: 18px; font-size: 13px; color: #333; }
#primary-content .txt b { color: #3D6F92; }
#primary-content .txt a { color: #3D6F92; }
#primary-content .txt a.details { float: left; color: #555; padding-right: 8px; background: url(../img/bg_details.gif) no-repeat right 6px; margin-right: 10px; margin-top: 7px; font-weight: bold; font-size: 12px; }
#primary-content .txt a.details:hover { color: #3D6F92; }
#primary-content .txt ul { padding-left: 10px; padding-top: 5px; padding-bottom: 0px; }
#primary-content .txt ul li { background: url(../img/bg_details.gif) no-repeat left center; list-style: none; padding-left: 10px; line-height: 17px; font-size: 13px; color: #333; }
#primary-content .txt .qas { background-color: #f1f1f1; padding: 10px; margin-bottom: 10px; }

#primary-content .txt .side-box { float: right; width: 241px; background: url(../img/bg_info_boxes_box.gif) no-repeat left top; margin-left: 10px; margin-bottom: 10px; }
#primary-content .txt .side-box h2 { font-size: 15px; font-weight: bold; margin-bottom: 5px; padding: 10px 10px 10px 10px;}
#primary-content .txt .side-box h3 { font-size: 13px; font-weight: bold; margin-bottom: 5px; padding: 10px 10px 10px 10px;}
#primary-content .txt .side-box img { border: 5px solid #CCC; display: block; float: left; margin: 10px 0 10px 0px; position: relative; left: 10px; }
#primary-content .txt .side-box a { color: #3d6f92; }
#primary-content .txt .side-box a.details { background: url(../img/bg_details.gif) no-repeat right 6px; color: #777; }
#primary-content .txt .side-box a.details:hover { color: #3d6f92; }
#primary-content .txt .side-box p { line-height: normal; padding-left: 10px; padding-right: 10px; clear: both; }
#primary-content .txt .side-box p b { line-height: 18px; }
#primary-content .txt .side-box div { height: 145px; }
#primary-content .txt .side-box ul { padding-left: 18px; padding-bottom: 7px; }
#primary-content .txt .side-box .bottom { float: left; width: 241px; height: 5px; background: url(../img/bg_info_boxes_box_bottom.gif) no-repeat left bottom; margin-top: 8px; }
#primary-content .side-box a.details-side { float: right; font-size: 11px; font-weight: bold; background: url(../img/bg_info_boxes_box_a_left.gif) no-repeat left top; color: #3A5B9D; padding: 5px 0 6px 2px; margin-right: 9px; margin-bottom: 4px; }
#primary-content .side-box a.details-side span { background: url(../img/bg_info_boxes_box_a_right.gif) no-repeat right top; padding: 5px 6px 8px 4px; }
#primary-content .side-box a.details-side:hover { color: #333; }

#primary-content .txt .side-box-long { float: left; width: 485px; background: url(../img/bg_info_boxes_box_long.gif) no-repeat left top; }
#primary-content .txt .side-box-long h2 { font-size: 15px; font-weight: bold; margin-bottom: 5px; padding: 10px 10px 10px 10px;}
#primary-content .txt .side-box-long img { border: 5px solid #CCC; display: block; float: left; margin: 10px 0 10px 0px; position: relative; left: 10px; }
#primary-content .txt .side-box-long a { color: #3d6f92; }
#primary-content .txt .side-box-long p { line-height: normal; padding-left: 10px; padding-right: 10px; clear: both; }
#primary-content .txt .side-box-long p b { line-height: 18px; }
#primary-content .txt .side-box-long div { height: 145px; }
#primary-content .txt .side-box-long .bottom { float: left; width: 485px; height: 5px; background: url(../img/bg_info_boxes_box_long_bottom.gif) no-repeat left bottom; margin-top: 8px; }
#primary-content .side-box-long a.details-side { float: right; font-size: 11px; font-weight: bold; background: url(../img/bg_info_boxes_box_a_left.gif) no-repeat left top; color: #3A5B9D; padding: 5px 0 6px 2px; margin-right: 9px; margin-bottom: 4px; }
#primary-content .side-box-long a.details-side span { background: url(../img/bg_info_boxes_box_a_right.gif) no-repeat right top; padding: 5px 6px 8px 4px; }
#primary-content .side-box-long a.details-side:hover { color: #333; }

/*#primary-content .txt table { float: right; margin-left: 10px; }*/
#primary-content .txt table {width:100%;}
#primary-content .txt table tbody { border: 1px solid red; }
#primary-content .txt table thead tr th { background-color: #637CB4; color: #FFF; padding: 5px; }
#primary-content .txt table tbody tr td { padding: 5px; background-color: #f1f1f1; vertical-align: middle; color: #666; }
td.center { text-align: center;width:80px; }
#primary-content .txt table tbody tr.colored td { background-color: #eaeaea; }

#secondary-content { float: left; width: 209px; padding-left: 13px; /*border: 1px solid blue;*/ }
#secondary-content .quick-links { background: url(../img/bg_quick_links.gif) no-repeat left top; float: left; width: 208px; padding: 10px 0px 0 0px; margin-bottom: 13px; }
#secondary-content .quick-links h2 { display: block; font-size: 14px; font-weight: bold; border-bottom: 1px solid #9f9e9e; color: #9f9e9e; padding-bottom: 6px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; }
#secondary-content .quick-links ul { display: block; float: left; padding-left: 10px; width: 187px; }
#secondary-content .quick-links ul li { list-style: none; display: block; padding-bottom: 10px; }
#secondary-content .quick-links ul li a { display: block; font-size: 13px; font-weight: bold; color: #3d6f92; margin-bottom: 2px; }
#secondary-content .quick-links ul li a:hover { text-decoration: underline; }
#secondary-content .quick-links ul li span { font-size: 12px; font-weight: bold; color: #666; }
#secondary-content .quick-links .bottom { display: block; clear: both; height: 5px; background: url(../img/bg_quick_links_bottom.gif) no-repeat left bottom; }

#secondary-content .latest-news { background: url(../img/bg_latest_news.gif) no-repeat left top; float: left; width: 208px; padding: 10px 0px 0 0px; margin-bottom: 13px; }
#secondary-content .latest-news h2 { display: block; font-size: 14px; font-weight: bold; border-bottom: 1px solid #9f9e9e; color: #9f9e9e; padding-bottom: 6px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; }
#secondary-content .latest-news ul { display: block; float: left; padding-left: 10px; width: 187px; }
#secondary-content .latest-news ul li { list-style: none; display: block; padding-bottom: 10px; }
#secondary-content .latest-news ul li em { font-size: 12px; font-weight: bold; color: #5e5e5e; padding-bottom: 5px; display: block; }
#secondary-content .latest-news ul li a { display: block; font-size: 13px; font-weight: bold; color: #3d6f92; margin-bottom: 2px; }
#secondary-content .latest-news ul li a:hover { text-decoration: underline; }
#secondary-content .latest-news ul li span { font-size: 12px; font-weight: bold; color: #666; }
#secondary-content .latest-news .bottom { display: block; clear: both; height: 5px; background: url(../img/bg_latest_news_bottom.gif) no-repeat left bottom; }

#footer-outer { background: url(../img/bg_outer_footer.gif) repeat-x left top; }
#footer { width: 960px; margin: 0 auto; padding: 25px 0; }
#footer p { color: #868686; }
#footer p a { color: #333; }
#footer p a:hover { text-decoration: underline; }

#accordion { float: left; padding-left: 20px; }
#accordion span.header { display: block; float: left; width: 700px; background: url("../img/bg_details.gif") no-repeat left center;
line-height:17px; list-style:none outside none; padding-left:10px; color: #3D6F92; cursor: pointer; font-size: 13px; font-weight: bold; margin-bottom: 5px; }
#accordion span.ui-state-active { background: url("../img/bg_details_down.gif") no-repeat left center!important; }
#accordion div { float: left; width: 692px; padding: 10px 10px 10px 15px; background-color: #f7f7f7; margin-top: 10px; margin-bottom: 10px; color: #666; }