/*------------------------------------------------------------------ Site: GuideStar Data Services Version: 1.0 - 16/05/08 Copyright: ©2008 Guidestar Data Services Template design: Jason Rainbird Studio www.jasonrainbird.com ------------------------------------------------------------------ */ /* ------------LAYOUT PROPERTIES------------ */ * { padding:0; margin:0; } html { height: 101%; } html, body { word-wrap:break-word; margin: 0px; padding:0px; font: normal 13px/16px Arial, Verdana, sans-serif; color: #777; text-align:center; background: #fff; } table#layout { width:100%; } .wrap { margin: 0 auto; width: 920px; text-align: left; } #header{ margin: 0 auto; background-color:#192546; } #logo { margin: 0 auto; width: 920px; text-align: left; background: transparent url("../images/head_back.gif") no-repeat bottom right;} #leftcol{ overflow:hidden; width:210px; float:left; position:relative; background-color:#fff; padding: 0px 15px 0px 15px; margin: 0px; } #maincol{ overflow:hidden; background-color: #FFFFFF; float: right; display:inline; position: relative; width:650px; padding: 0px 15px 0px 15px; margin: 0px; } #footer { background: transparent url("../images/dots.gif") repeat-x top left; clear:both; padding: 15px 0px 25px 0px; margin: 100px 0px 0px 0px; } #headSpace { width:100%; height:45px; background:#fff;} /*#headPic { width:100%; background: #fff url("../images/main_pic_bg.gif") no-repeat top center;}*/ #headPic { width:100%; background: #A5DCF4;} #headNoPic { width:100%; height:3px; background: #fff url("../images/main_pic_bg.gif") no-repeat 0px center;} #headPicWrap { height:378px;margin: 0 auto; width: 920px; text-align: left; background: #fff url("../images/GDS-HomePage_2.jpg") no-repeat top left;} .columnLeft { overflow:hidden;width:210px; float:left; position:relative; padding: 0px 15px 0px 0px; margin: 0px; } .columnRight { overflow:hidden;width:210px; float:left; position:relative; padding: 0px 0px 0px 15px; margin: 0px; } .column { overflow:hidden;width:210px; float:left; position:relative; padding: 0px 15px 0px 15px; margin: 0px; } .clear { clear: both; } /* ------------TYPOGRAPHY------------ */ h1 { font-size: 22px; line-height: 28px; font-weight:normal; padding: 0px 0px 20px 0px; margin: 0px; color:#777; } h1 strong { font-weight:normal; color:#009bc8; } h2 { font-size: 14px; line-height: 20px; font-weight:bold; padding: 0px 0px 20px 0px; margin: 0px; color:#009bc8; } h3 { font-size: 13px; line-height: 16px; font-weight:bold; padding: 0px 0px 0px 0px; margin: 0px; color:#009bc8; } h4 { font-size: 13px; line-height: 16px; font-weight:bold; padding: 0px 0px 13px 0px; margin: 0px; color:#009bc8; } p { font-size: 13px; line-height: 16px; font-weight:normal; padding: 0px 0px 13px 0px; margin: 0px; color:#777; } p strong { font-weight:bold; color:#777; } br { padding: 0px 0px 0px 0px; } .subhead p { font-size: 14px; line-height: 20px; padding: 0px 0px 20px 0px;} #footer p { position:relative; font-size: 9px; line-height: 14px; padding: 0px 0px 14px 0px; font-family:Verdana, Helvetica, Arial, sans-serif; } #leftcol a:link, #maincol a:link { color:#009bc8; font-weight: normal; text-decoration:none; } #leftcol a:visited, #maincol a:visited { color:#009bc8; font-weight: normal; text-decoration:none; } #leftcol a:hover, #maincol a:hover { color:#009bc8; font-weight: normal; text-decoration:underline; } /*div.wrap div#maincol {height : 480px; overflow: visible; border:0px solid #099;}*/ #ctl00_footer a:link { color:#777; font-weight: bold; text-decoration:none; } #ctl00_footer a:visited { color:#777; font-weight: bold; text-decoration:none; } #ctl00_footer a:hover { color:#009bc8; font-weight: bold; text-decoration:underline; } .bulletList ul, .wrap ul { padding: 0px 0px 13px 0px; margin: 0px; list-style-type: none; } .bulletList li, .wrap ul li { padding: 0px 0px 6px 20px; margin: 0px; background: transparent url("../images/icon_bullet.gif") no-repeat 0px top; position: relative} .table { background: #fff url("../images/bg_table.jpg") repeat-x top left; padding: 0px 0px 13px 0px; } .table { margin: 0px; padding: 0px; background: #fff url("../images/bg_table.jpg") repeat-x top left; } .table th { background-color:#3fc6ec; color:#fff; padding: 7px 7px 6px 7px; margin: 0px; border-bottom: 1px solid #fff; border-left: 1px solid #c9ecf6;} /*table th { padding: 7px 7px 6px 7px; margin: 0px; font-weight:bold; border-bottom: 1px solid #3fc6ec; }*/ .table td { padding: 7px 7px 6px 7px; margin: 0px; border-bottom: 1px solid #3fc6ec; border-left: 1px solid #c9ecf6;} blockquote p, blockquote div { margin:0px; padding:0px; position:relative; top:-30px;} blockquote { font-size: 16px; line-height: 22px; font-weight:normal; padding: 0px 0px 20px 0px; margin: 0px; color:#777; } blockquote em, blockquote em p, blockquote em div { font-style:normal; font-weight:normal; color:#009bc8; } #headPic blockquote, #headPic blockquote p, #headPic blockquote div { font-size: 16px; line-height: 22px; font-weight:normal; padding: 30px 0px 20px 0px; margin: 0px; color:#fff; } #headPic em { font-style:normal; font-weight:normal; color:#5dd7f2; } .documentList { } .documentList h5 { font-size: 14px; line-height: 16px; font-weight:bold; padding: 7px 0px 7px 0px; margin: 0px; color:#009bc8; border-top: 1px solid #bfc6c0; position: relative; background: transparent url("../images/dots.gif") repeat-x bottom left;} .documentList ul { list-style-type: none; padding: 0px 0px 20px 0px; margin: 0px; position: relative} .documentList li{ display: block; padding: 7px 0px 7px 20px; margin: 0px; position: relative } .documentList .dots { background: transparent url("../images/dots.gif") repeat-x bottom left; position: relative} .documentList .pdf { background: transparent url("../images/icon_pdf.gif") no-repeat 0px top; position: relative} .documentList .document { background: transparent url("../images/icon_document.gif") no-repeat 0px top; position: relative} .documentList .spreadsheet { background: transparent url("../images/icon_spreadsheet.gif") no-repeat 0px top; position: relative} ul { margin:0px 0px 0px 17px; } .spaced, .spaced p { line-height: 16pt; font-size: 11pt; } #popupImage { background-color: #FFFFFF; } #popupImage a, popupImage a:visited, popupImage a:hover { color:#009bc8; font-weight: normal; text-decoration:none; } /* ------------SITE MAP STYLE DG------------ */ #SitemapList { padding-top:20px;} #SitemapList h3 { margin:15px 0px 10px 0px; font-size:12pt; padding:0px; text-decoration:underline } /* ------------MEMUS------------ */ #mainMenu { overflow:hidden; text-align: left; background: #192546 url("../images/mainmenubase.gif") repeat-x bottom left; width:100%; } #mainMenu ul {overflow:hidden; margin: 0 auto; width: 920px; padding: 0px; list-style-type: none; } #mainMenuList li { float: left; margin: 0; padding: 0; width: auto; display: block; } #mainMenuList li a, #mainMenuList li a:link {background: #192546; color: #fff; text-decoration: none; padding: 5px 10px 5px 10px; display: block; border-bottom: 3px solid #00b1ff; border-top: 3px solid #192546; } #mainMenuList li a:hover { color: #777; cursor: pointer; background: #fff; border-bottom: 3px solid #fff; border-top: 3px solid #999; } #mainMenuList li a#active, #mainMenuList li a#active:link {background: #fff; color: #00b1ff; cursor: default; font-weight: bold; border-bottom: 3px solid #fff; border-top: 3px solid #00b1ff; border-left: 1px solid #8db7d3; border-right: 1px solid #8db7d3;} #subMenu { list-style-type: none; width:100%; background-color:#FFFFFF; width:100%;} /*#subMenu ul { margin: 0 auto; width: 720px; padding: 0px; list-style-type: none; } #subMenu li { display: block; float: left; padding: 8px 16px 5px 0px; margin: 0px; background-color:#FFFFFF; }*/ #subMenu ul { text-align:left; margin: 0 auto; width: 920px; padding: 0px; list-style-type: none; } #subMenu li { display: inline; padding: 0px 16px 0px 0px; margin: 0px; background-color:#FFFFFF; line-height:30px; } #subMenu a:link { color:#777; padding: 0px 0px 0px 13px; margin: 0px; font-weight: normal; text-decoration:none; background:url("../images/icon_down.gif") no-repeat 0px center; } #subMenu a:visited { color:#777; padding: 0px 0px 0px 13px; margin: 0px; font-weight: normal; text-decoration:none; background:url("../images/icon_down.gif") no-repeat 0px center; } #subMenu a:hover { color:#009bc8; padding: 0px 0px 0px 13px; margin: 0px; font-weight: normal; text-decoration:none; background:url("../images/icon_down_active.gif") no-repeat 0px center; } #subMenu a#active, #subMenu li a#active:link { color:#009bc8; padding: 0px 0px 0px 13px; margin: 0px; font-weight: normal; text-decoration:none; background:url("../images/icon_down_active.gif") no-repeat 0px center; cursor: default; } /* ------------IMAGES------------ */ #leftcol img, #maincol img { border: 0px solid #999; margin: 0px 16px 13px 0px; padding: 0px; } /*#leftcol a:hover img, #maincol a:hover img { border: 1px solid #00b1ff; }*/ /* ------------IE BROWSER HACKS------------ */ /* position: relative; added to dingbats to avoid flickering issues */ /* FOUC - added to html file */ /* overflow:hidden; added to columns to stop them "breaking out" */ /* Empty Div used on "headNoPic" - DIV tags behave oddly and add extra height an HTML comment is put bettween the Div tags to solve this */ /* ------------PRINTER STYLES------------ */ @media print{ #leftcol, #header, #headPic {display:none;} #maincol, .columnLeft, .columnRight, .column {width:100%; float:none; padding-left:0px; padding-right:0px;} } body {z-index:1;} #modal_bg {display:none; visibility:hidden; position:absolute; top:0px; left:0px; height:100%; width:100%; background:#192546; z-index:2; } #modal_form {display:none; visibility:hidden; top:0px; position:absolute; left:0px; height:100%; width:100%; z-index:3; } /*#modal_container {width : 612px; height:376px; margin:100px 0px 0px 0px;}*/ /* This is the style for the modal shadows */ /* EDITED BY DG 14/11/2008 */ #modal_container #modal_shadow {width : 660px; height:0px; margin:100px 0px 0px 0px; border:0px solid #000; overflow:hidden} #modal_container #modal_shadow #topshadow { background:url('../images/modal_top.gif') repeat-x 0 0; } #modal_container #modal_shadow #topshadow .left { background:url('../images/modal_tl.gif') no-repeat 0px 0px;} #modal_container #modal_shadow #topshadow .right { background:url('../images/modal_tr.gif') no-repeat 100% 0px;height:88px;} #modal_container #modal_shadow #midshadow { background:url('../images/modal_mid.gif') repeat 0 0;} #modal_container #modal_shadow #midshadow .left { background:url('../images/modal_ml.gif') repeat-y 0px 0px;} #modal_container #modal_shadow #midshadow .right { background:url('../images/modal_mr.gif') repeat-y 100% 0px;height:265px;} #modal_container #modal_shadow #bottomshadow { background:url('../images/modal_bottom.gif') repeat-x 0 100%;} #modal_container #modal_shadow #bottomshadow .left { background:url('../images/modal_bl.gif') no-repeat 0px 100%;} #modal_container #modal_shadow #bottomshadow .right { background:url('../images/modal_br.gif') no-repeat 100% 100%;height:88px;} /* This is the Style for the Modal form */ #modal_panel {width : 612px; height:0px; margin:108px 0px 0px 0px; border:0px solid #000; /* extra addition of overflow for animation effect */ overflow:hidden; } /* #modal_panel #form_top .left { background:url('../images/intel_panel_tl.gif') no-repeat 0px 25px;} #modal_panel #form_top .right { background:url('../images/intel_panel_tr.gif') no-repeat 100% 25px;} #modal_panel #form_top .mid{ background:url('../images/intel_panel_top.gif') repeat-x 0px 25px; height:51px; margin:0px 69px 0px 69px} #modal_panel #form_mid { } #modal_panel #form_mid .left { background:url('../images/intel_panel_ml.gif') repeat-y 0px 0px;} #modal_panel #form_mid .right { background:url('../images/intel_panel_mr.gif') repeat-y 100% 0px;} #modal_panel #form_mid .mid{ background:url('../images/intel_panel_mid.gif') repeat 0px 0px; height:310px; margin:0px 30px 0px 30px} #modal_panel #form_bottom { } #modal_panel #form_bottom .left { background:url('../images/intel_panel_bl.gif') no-repeat 0px 100%;} #modal_panel #form_bottom .right { background:url('../images/intel_panel_br.gif') no-repeat 100% 100%;} #modal_panel #form_bottom .mid{ background:url('../images/intel_panel_bottom.gif') repeat-x 0px 100%; height:26px; margin:0px 69px 0px 69px} */ #modal_panel #form_top { } #modal_panel #form_mid { background:#fff; border-top:3px solid #fff; border-left:3px solid #fff; border-right:3px solid #fff; } #modal_panel #form_bottom { padding-bottom:0px; background:#fff} #modal_form a {color:#009bc8;} #AJAX_LOGIN_STATUS { padding:0px 30px 0px 0px;} #titlesection { padding:10px 15px 5px 20px; border:0px solid #000; background: #192546 url('../images/gsds_logo.gif') no-repeat 10px 100%; color:#fff; height:100px; /*font-size:30px; line-height:25px;*/ color:#fff; border-bottom:3px solid #00b1ff; } #titlesection a {color:#fff;} .box { background: #FFFFFF; color:#17256e;} .boxtop { background:#fff url(../images/ne.gif) no-repeat top right; } .boxtop div#div { height: 20px; background: url(../images/nw.gif) no-repeat top left; } .boxbottom { background:#fff url(../images/se.gif) no-repeat bottom right; } .boxbottom div#div { height: 20px; background: url(../images/sw.gif) no-repeat bottom left; } .boxcontent { padding: 0px 20px 0px 20px; color:#17256e;} .boxcontent strong {color:#17256e;} .blueOnWhite strong {color:#17256e;} .floatleft {float:left; width:150px;} .inputBox {width:270px;} .inputDDl { width:201px; } /* END EDIT BY DG 14/11/2008 */ /* Edited by Ram */ #search { background: #FFFFFF; vertical-align: top; text-align: right; padding:0px 20px 0px 0px; } div.hr { height: 9px; width: 100%; background: url("../images/hr-line.jpg") #ffffff no-repeat 0px 0px; } /* End edit by Ram */