/* CSS Document */ /* --------------------------------------------- 01. MAIN/DEFAULT ELEMENTS --------------------------------------------- */ body { margin:0px auto; padding:0; background-color:#E6E6E6; font-family:Arial, Helvetica, sans-serif} p { font-size:12px; margin:0; padding:0; color:#3D4043} p a:link, p a:visited { color:#006CFF; text-decoration: underline} p a:hover { color:#006CFF; text-decoration: underline} h1 { margin:0; padding:0; font-size:23px; font-weight:bold; color:#FF0022; padding-bottom:10px} h2 { margin:0; padding:0; font-size:12px; font-weight:bold; color:#002A99; padding-bottom:10px; text-transform:uppercase} /* --------------------------------------------- 02. WRAPPER --------------------------------------------- */ #wrapper { width:998px; margin:0px auto;} /* --------------------------------------------- 03. TOP BAR --------------------------------------------- */ #topbar { width:968px; height:150px; padding-left:30px;} /* --------------------------------------------- 03.1 TOP BAR- LOGO AND ADDRESS --------------------------------------------- */ .bglogo { width:225px; height:150px; float:left; background-color:#FFFFFF; padding-left:30px} .logo { margin:0; padding:0; padding-left:40px} .address { font-size:10px; color:#A6A6A6; padding-top:5px; line-height:1.5em} /* --------------------------------------------- 03.2 TOP BAR- LANGUAGES --------------------------------------------- */ #languages { width:680px; height:20px; float:right; padding-top:10px} #languages .flag { width:19px; height:12px; float:right; border:1px solid #FFFFFF; margin-right:5px} /* --------------------------------------------- 03.3 TOP BAR- LINKS --------------------------------------------- */ .toplinks {width: 135px; font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #878787; float:left; padding-left:50px; margin-top:-5px; border-right:1px dashed #B0B0B0 } .toplinks ul { list-style:none; margin:0; padding:0; } .toplinks li {margin: 0; width:105px;} .toplinks li a {display: block;padding: 4px 5px 3px 20px;color: #313131;text-decoration: none; width:100%; position:relative; background:url(../images/bgnav.gif) no-repeat top left} .toplinks li a:hover {color: #313131; background:url(../images/bgnav.gif) no-repeat top left; font-weight: normal; text-decoration:underline } .toplinks .selected {color: #002E9E;background:url(../images/bgnav_hover.gif) no-repeat top left ;font-weight:bold } .toplinks .selected:hover {color: #002E9E;background:url(../images/bgnav_hover.gif) no-repeat top left ;font-weight:bold; text-decoration:none } /* --------------------------------------------- 03.4 TOP BAR- CAPTION --------------------------------------------- */ #caption { width:640px; height:18px; float: right; border:1px solid #A9A9A9; background-color:#FFFFFF; margin-top:6px; padding-right:10px; padding-left:10px; padding-top:2px} #caption p { font-size:11px; color:#3D4043} #caption p a:link, #caption p a:visited { text-decoration:none; color:#3D4043; padding-left:10px; padding-right:10px} /* --------------------------------------------- 04. CONTENT --------------------------------------------- */ #content { width:998px; float:left} /* --------------------------------------------- 05. LEFT PANEL --------------------------------------------- */ #leftpanel { width:688px; float:left;} /* --------------------------------------------- 05.1 LEFT PANEL- HEADER IMAGE --------------------------------------------- */ #header { width:688px; height:377px;} /* --------------------------------------------- 05.4 HEADER CAPTION --------------------------------------------- */ #headercaption { width:658px; float:left; background:url(../images/bg_latestnews.gif) no-repeat top left; padding-left:30px} /* --------------------------------------------- 05.5 NEWS STYLES --------------------------------------------- */ #news { width:225px; float:left; background-color:#D7E1EF; margin:0; padding:15px; padding-top:20px} #news p { color:#3D4043; font-size:11px} #news .allnews { width:70px; height:21px; padding-left:10px; background:url(../images/bg_allnews.gif) no-repeat; margin-top:10px; font-size:12px; color:#002A99; padding-top:4px} #news .allnews a:link, #news .allnews a:visited { text-decoration:none; color:#002A99;} #news .allnews a:hover { text-decoration:none; color:#002A99;} /* --------------------------------------------- 06. RIGHTPANEL AND WHITE BORDER --------------------------------------------- */ #rightpanel { width:306px; float:right; margin-top:1px; background-color:#FFFFFF; padding:1px} #rightpanel #border { width:304px; border:1px dotted #5D5D5D} /* --------------------------------------------- 06.1 RIGHTPANEL- WELCOME --------------------------------------------- */ #welcome { width:274px; background-color:#DBE7F6; padding:15px; padding-top:20px} /* --------------------------------------------- 06.2 RIGHTPANEL- SERVICES --------------------------------------------- */ #services { width:274px; background-color:#fff; padding:15px; padding-top:20px} .services {width: 274px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color: #878787; } .services ul { list-style:none; margin:0; padding:0; } .services li {margin: 0; width:260px;} .services li a {display: block;padding: 4px 0px 3px 15px;color: #313131;text-decoration: none; width:100%; position:relative; background:url(../images/arrow.gif) no-repeat top left} .services li a:hover {color: #006CFF; background:url(../images/arrow.gif) no-repeat top left; font-weight: normal; text-decoration:underline } .services .selected {color: #006CFF;background:url(../images/arrow.gif) no-repeat top left ;font-weight: normal; text-decoration:underline } #services .readmore { width:86px; height:21px; padding-left:10px; background:url(../images/bg_readmore.gif) no-repeat; margin-top:10px; font-size:12px; color:#002A99; padding-top:4px} #services .readmore a:link, #services .readmore a:visited { text-decoration:none; color:#002A99;} #services .readmore a:hover { text-decoration:none; color:#002A99;} /* --------------------------------------------- 07. FOOTER STYLES --------------------------------------------- */ #bgfooter { width:100%; background-color:#fff; float:left; padding-bottom:20px; position:relative} #footer { width:998px; float:left; height:100px; margin-top:-20px; position:relative} #footer p { font-size:10px; text-transform:uppercase; text-align:right; } /* --------------------------------------------- 08. MISCELLANEOUS STYLES --------------------------------------------- */ img { border:none; } .submitbutton { background-color:#0035b3; border:2px solid #FFFFFF; font:12px Arial, Helvetica, sans-serif; font-weight:normal; color:#FFFFFF; } td.smalltext, span.smalltext { font:10px Arial, Helvetica, sans-serif; color:#FFFFFF; } /* --------------------------------------------- 09. LISCROLL style declarations --------------------------------------------- */ .tickercontainer { /* the outer div with the black border */ } .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; width: 650px; overflow: hidden; } ul.newsticker { /* that's your list */ position: relative; left: 790px; font: bold 10px Verdana; list-style-type: none; margin: 0px; padding: 0px; } ul.newsticker li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0px; padding: 0px; background: #fff; } ul.newsticker a { white-space: nowrap; padding: 0px; color: #2b4da6; font: bold 10px Verdana; margin: 0px 50px 0px 0px; text-decoration: none; } ul.newsticker span { margin: 0px 10px 0px 0px; }