/*---------------------------------------------------------------------------- This is the main stylesheet for the BPL-Global website version 1.1 author: Adrian Griffith, Oval Systems Ltd email: adrian.griffith@ovalsystems.co.uk web: www.ovalsystems.co.uk ----------------------------------------------------------------------------*/ * { padding: 0; margin: 0; } body { text-decoration: none; font-family: Arial,Tahoma, sans-serif; font-size: 0.75em; text-align: center; color: #00478F; } img { border: 0px solid black; } h1 { font-size: 1.2em; } h2 { font-size: 1.0em; padding-bottom: 10px; } h3 { font-size: 1.0em; color: #393939; padding-bottom: 10px; } a { color: #00478F; } hr { border: 0; width: 95%; color: #FDAC3A; background-color: #FDAC3A; height: 1px; } p { margin-bottom: 10px; margin-top: 10px; text-align: justify; } table { font-size: 1.0em; } ul { list-style-type: none; padding-left: 0px; line-height: 1.6em; } .normalplusbold { font-weight: bold; } .plainlink a { font-size: 0.9em; text-decoration: none; } .plainlink a:hover { text-decoration: underline; } /*---------------------------------------------------------------------------- These are the main div containers that determine page layout ----------------------------------------------------------------------------*/ #sitecontainer { width: 961px; border: 0px solid #efefef; text-align: left; margin:0 auto; } #logocontainer { text-align: left; width: 195px; border: 0px solid orange; padding-top: 19px; padding-bottom: 9px; float: left; } #mainbannercontainer { width: 764px; border: 0px solid orange; margin-bottom: 0px; float: left; } #menustackcontainer { width: 200px; height: 420px; border: 0px dashed blue; padding-top: 0px; float: left; } #horizontalmenucontainer { border: 1px solid #ccc; width: 760px; float: left; } #mainmenucontainer { width: 190px; height: 385px; border: 0px solid orange; float: right; } #mainmenucontainer a { font-size: 90%; } #pagecontainer1 { width: 35%; height: 430px; border: 0px solid #efefef; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 2px; padding-top: 5px; padding-left: 15px; padding-right: 5px; padding-bottom: 5px; overflow: auto; float: left; } #pagecontainer2 { width: 40%; border: 0px solid #efefef; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 2px; padding-top: 28px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; overflow: auto; float: right; } #pagecontainerfullspan { width: 77%; border: 0px solid #efefef; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 5px; padding-top: 5px; padding-left: 0px; padding-right: 5px; padding-bottom: 5px; float: right; } #blurbcontainer { border: 0px solid orange; font-size: 80%; } #bottomcontainer { width: 958px; height: 100px; border: 0px solid purple; clear: both; } #crgcontainer { width:205px; height: 100px; border: 0px solid orange; float: left; clear: left; } #basebarcontainer { width: 753px; height: 20px; border: 0px solid red; background-color: #FDAC3A; position: relative; top: 66px; float: left; } #footercontainer { border: 0px dashed #aaaaaa; padding-right: 4px; font-size: 85%; width: 753px; margin: 0px; float: right; } /*---------------------------------------------------------------------------- These are the styles specific to the splash page ----------------------------------------------------------------------------*/ #welcomecontainer { height: 60px; width: 500px; border: 0px solid #efefef; margin-top: 30px; margin-left: 200px; float: left; } #languagecontainer { height: 60px; width: 150px; border: 0px solid blue; margin-top: 30px; float: right; } #maincontainer { height: 485px; width: 765px; border: 0px solid orange; padding-left: 25px; margin-left: 80px; background-image: url("base_bar.gif"); background-position: bottom right; background-repeat: no-repeat; float: right; } /*---------------------------------------------------------------------------- These are the styles for the main menu ----------------------------------------------------------------------------*/ .menu1 { padding-top:2px; padding-right: 0px; padding-bottom: 2px; padding-left:8px; display:block; cursor: hand; color: #00478F; text-decoration: none; background-image: url(arrow.gif); background-repeat: no-repeat; background-position: right; } .menucell { background-color: #FFEFD1; border: 0px solid #ccc; margin-bottom: 2px; margin-top: 0px; width: 183px; } #selected a.menu1 { background-color: #FDAC3A; color: #FFFFFF; font-weight: bold; border: 0px solid #00478F; text-decoration: none; } a.menu1:hover { color: #00478F; background-color: #FCD8AB; font-weight: bold; } .submenucell { border: 0px solid NAVY; width: 183px; } .submenu { display: block; height: 20px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 20px; background-color: #FFEFD1; border: 0px solid red; text-decoration: none; } a.submenu:link { text-decoration: none; } a.submenu:hover { color: #00478F; background-color: #FCD8AB; font-weight: normal; } .hide { display: none; } .show { display: block; padding-top: 0px; } #crgmenucell { width: 183px; height: 20px; padding-top:2px; padding-right: 0px; padding-bottom: 2px; padding-left:8px; display:block; color: #00478F; text-decoration: none; background-image: url(arrow.gif); background-repeat: no-repeat; background-position: right; background-color: #FCD8AB; } /*---------------------------------------------------------------------------- News ticker style ----------------------------------------------------------------------------*/ #newsTicker { position:relative; z-index:2; left: 20px; top: 7px; }