html, body { height: 100%; padding: 0; } body { margin-top:0; background-image:url(background.jpg) } #marginRedDot { width: 100%; background-color:#555555; /* #fff;*/ padding-bottom: 10px; /* margin-left: 230px;*/ /* height: 20px;*/ } #close, #open, #delete, #preview, #metar, #filename, #keywords { float: left; padding-top: 7px; } #close a, #open a { height: 39px; width: 122px; display: block; } #close a span{ background-image: url(/cms/plugins/areeba/common/images/buttons/but_closepage.gif); background-position: 0 0; } #open a span{ background-image: url(/cms/plugins/areeba/common/images/buttons/but_openpage.gif); background-position: 0 0; } #close a:hover span, #open a:hover span { background-position: 0 -39px; } #delete a, #preview a, #metar a, #filename a, #keywords a { height: 37px; width: 121px; display: block; } #delete a span{ background-image: url(/cms/plugins/areeba/common/images/buttons/but_deletepage.gif); background-position: 0 0; } #preview a span{ background-image: url(/cms/plugins/areeba/common/images/buttons/but_pagepreview.gif); background-position: 0 0; } #metar a span{ background-image: url(/cms/plugins/areeba/common/images/buttons/but_metadata.gif); background-position: 0 60; } #filename a span{ background-image: url(/cms/plugins/areeba/common/images/buttons/but_filename.gif); background-position: 0 0; } #keywords a span{ background-image: url(/cms/plugins/areeba/common/images/buttons/but_keywords.gif); background-position: 0 0; } #delete a:hover span, #preview a:hover span, #metar a:hover span, #filename a:hover span, #keywords a:hover span { background-position: 0 -37px; } .image-replaced { position: relative; overflow: hidden; } .image-replaced span{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: transparent; background-position: left top; background-repeat: no-repeat; } #status1 { margin-left: 5px; min-height: 48px; text-align: right; font-size: 10px; /** margin-left: 750px;**/ font-family: Arial, Helvetica, sans-serif; color: #ff3366; /** #fff;**/ padding-top: 10px; } #status1 p { margin: 0px; padding: 0px; } #status1 p strong { font-size: 11px; } #status1 p.info { font-size: 10px; } p, ul, table { font-family: Arial, Helvetica, sans-serif; } #fullcontent { background-color:#fff; width: 100%; float: left; padding-bottom:20px; } a { text-decoration: underline;} a:hover { text-decoration: none; } #margin { width: 1012px; background-color:#fff; margin:auto; } /*** Start Header elements for different banners ***/ #header { height:135px; background-position:right top; background-repeat:no-repeat; margin: 0; } /*** End Header elements for different banners ***/ #breadcrumb { background-color:#fff; } #breadcrumb ul{ text-align:right; font-size: 0.7em; margin:0; padding: 0 .3em 15px 0; } #breadcrumb li { display: inline; list-style-type: none; } #outer_wrapper {} #wrapper { margin-left: 230px; } #main { padding: 0 .5em 30px 0; } #main.withRHS { margin-right: 210px; } #main p{ margin:0 0 .9em 0; font-size: 0.9em; line-height:1.2em; } #main li { font-size: 0.9em; } #main table{ font-size: 0.9em; border-collapse:collapse; margin:0 0 1em; padding:0; width:90%; } #main td { vertical-align:top; padding: 2px; } #righttools { float:right; width:186px; hight: 20px; margin-right: 5px; padding-bottom: 50px; background-repeat:no-repeat; } #righttools .fsize { margin-right: 5px; padding-bottom: 0px; border-bottom:1px dashed #6D6D6F; width:186px; margin-bottom: 25px; } /*** Right Content Area ***/ #right { padding-top:0px; float:right; width:186px; margin-right: 5px; padding-bottom: 0px; background-repeat:no-repeat; /** background-color:blue; */ /* has been removed ! */ /* border:0px solid #B0B9C3; */ } #right .rightimg { float:right; /* width:186px; padding-top:50px; */ } #rigntimg p { font-size:.6em; font-family:Arial, Helvetica, sans-serif; color:white; } #right img { margin:0; } #right p { font-size: 0.8em; color: #000; margin: 2pt 0 .5em 0; } #right ul { font-size: 0.8em; } ul.downloads{ margin: 0; padding:0 0 6px 0; list-style: none; } li.downloads { padding-bottom: 3px; } .filesize { font-size: 85%; color:#999999; } #rightContent { padding: 4px; background-color:#E6E6E6; border-right: 1px solid #6D6D6F; border-bottom: 1px solid #6D6D6F; border-top: 1px solid #ccc; border-left: 1px solid #ccc; } .utility { margin-top: 10px; padding:2px 0 0 5px; border-top:1px solid #6D6D6F; } /*** End Right Content Area ***/ .topLevel { padding: 0 0 1em 0 ; margin:0; list-style-image:none; list-style-type:none;} #footer { clear: both; padding: .5em ; border-top: 1px #ccc solid; font-size:.7em; } #Address { font-family:Geneva, Arial, Helvetica, sans-serif; float:left; width:65%; } #footerLinks { text-align:right; width: 30%; float:right; } #footer ul{ text-align:right; margin:0 } #footer li { display: inline; list-style-type: none; padding-left: 8px; } #footer a { padding:0 2px;} img { border: 0; } #main img { padding:7px; } H1{ font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif; font-size: 1.9em; } H2{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1em; } H3{ font-weight: bold; font-family: Arial, Tahoma, Verdana; font-size: 85%; margin:0; } H4{ font-weight: bold; font-family: Arial, Tahoma, Verdana; font-size: 80%; margin:0; } .last { margin-bottom: 0; } .clearing { height: 0; clear: both; } .structurelabel { position: absolute; left: -5000px; width: 4000px; overflow: hidden; } /* -------------Left Navigation style----------------*/ #leftnav { float:left; width:190px; padding: 0 0 0 25px; margin-bottom: 1em; font-size: 75%; } #leftnav ul { list-style: none; margin: 0px; padding: 0px; border: none; } #leftnav li a { display: block; padding: 5px; background-color: #6D6D6F; color: #fff; text-decoration: none; } #leftnav li li { border-top: 1px solid #fff; border-bottom: 0; margin: 0; } #leftnav li { border-bottom: 1px solid #fff; margin: 0; } /* new area ******************************************************************/ /* end new area ****************************************************************/ #leftnav li li .active { font-weight: bold; } /* START Coloured mouseover for specific sections */ #home a:hover { background-color: #8C67AB; } #default a:hover { background-color: #FFAC06; color: #333; } #default a:hover { background-color: #ABBC3A; } #default a:hover { background-color:#D40139; } #default a:hover { background-color: #2D6BB6; } /* END Coloured mouseover for specific sections */ #leftnav ul.menuOff { display: none; } /************************************ Event Summary Styles */ .Events { background-color:#FFFFFF; border-bottom:1px dotted #E2EBD8; float:left; margin-bottom:10px; overflow:hidden; width:100%; padding-top: 10px; } .EventsImage { float:left; } .EventSummary { margin-left: 170px; } .eventAddress { font-size:80%; } .blurb { font-weight: bold; padding-bottom: 20px; font-size:.9em; } .eventImage { padding: 0 0 0 10px; } .eventDateDetails { color: #666; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:0.9em; } /* Clearfix, a class to clear floated elements */ /*ClearFix for good browsers*/ html > body .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clearfix for IE/mac */ .clearfix {display: inline-block;} /* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /************************************ End Event Summary Styles */ /*-------------IE Fix Styles-----------------*/ * html #mainSection #left{ width:240px; } * html #mainSection #center { width:435px; height:400px; } * html #topNavigation{ width:677px; }