/* Cobra-cms stylesheet * * Also see IEFixes.css, the override styles, to fix IE (although many fixes make it * into this stylesheet such as the IEDFMB fix - Doubled Float Margin Bug - and a * variety of peekaboo fixes). * * Created Jan 2008 - Glenn Gilbert - Stylesheets@cobra-cms.com */ body { margin:20px 0 0 0; padding:0; font:normal small/1.5 verdana, arial, sans-serif; color:#400; } /* Reset browser's default styles */ h1, h2, h3, h4, p, ul, ol, li, td, a { margin:0; padding:0; font:normal small/1.5 Verdana, Arial, Helvetica, sans-serif; color:#400; text-decoration:none; } a:hover { text-decoration:underline; } /* Restore the content styling */ #Body h1 { margin:0.2em 0 0.5em; color:#036805; font:bold 2.2em/1.2 Georgia, "Times New Roman", Times, serif;} #Body h2 { margin:1.5em 0 0.5em; color:#70987A; font:bold 1.5em/1.2 Georgia, "Times New Roman", Times, serif; } #Body h3 { margin:1em 0 0.5em; color:#97001f; font:normal 1.5em/1.2 Georgia, "Times New Roman", Times, serif; } #Body h4 { margin:1em 0 0.5em; color:#97001f; font:italic normal 1.4em/1.2 Georgia, "Times New Roman", Times, serif; } #Body p { margin:0.66em 0.1em 0 0; color:#808080; font:normal 0.95em/1.5 Verdana, Arial, Helvetica, sans-serif; } #Body ul { margin:0; list-} #Body li { margin:0.36em 20px; color:#400; font:normal 0.9/1.5 Verdana, Arial, Helvetica, sans-serif; } #Body table { border-collapse:collapse; margin:1em 0; } #Body caption { margin:1em 0 0.5em; color:#97001f; font:bold small/1.5 Verdana, Arial, Helvetica, sans-serif; } #Body th { margin:1em 0; padding:0.2em 0.66em; color:#fff; background:#97001f; font:normal small/1.5 Verdana, Arial, Helvetica, sans-serif; } #Body td { margin:1em 0; padding:0.2em 0.66em; border:0px solid #ccc; color:#400; font:normal small/1.5 Verdana, Arial, Helvetica, sans-serif; } #Body a { color:#97001f; text-decoration:underline; font:normal 0.9em/1.5 Verdana, Arial, Helvetica, sans-serif; } #Body a:visited { color:#400; } #Body a:hover { text-decoration:none; } /* Main container */ #Main { position:relative; /* allow positioning of children */ width:962px; /* Maximum width for any content; */ margin:0 auto 0 auto; padding:0; border:1px solid #fff; /* fix for odd standards-compliant top margin collapsing problem */ } #Header { float: left; height:137px; width: 148px; border:1px solid #9E1013; background:#fff url(Images/logo.gif) 0px 0px no-repeat; } #Header img { display:none; } #Header h1 { display:none; } /* Search form had to be moved in the HTML to fix Microsoft's xxxxing Peekaboo bugs */ #Search { position:absolute; top:15px; right:10px; } #Search form, #Search ul, #Search li, #Search p { display:inline; } #Search ul { list-style:none; } #Search li { padding:0 1em; border-right:1px solid #97001f; } #Search #txtSearch { width:160px; margin:0 1em 0 1em; border:1px solid #f0d8c0; padding:3px; background:#fff2e6; color:#400; font-weight:bold; } #Search #btnSearch { position:absolute; bottom:1px; right:-0.5em; margin:0; border:none; padding:1px; font-size:1.75em; background:#fff; color:#480000; } #Search a { color:#600; font:bold small Arial, Helvetica, sans-serif; text-decoration:none; } #Search a:hover { text-decoration:underline; } #Search label { display:none; } /* Navigation styling */ #TopNav { width:800px; float:left /* clear children */; margin:0 0 10px; padding:0 0 5px /* corner space */; background:#97001f url(Images/topnav.gif) 0 bottom no-repeat; } .TopNav { width:960px; float:left /* clear children */; margin:0; padding:5px 0 0 0 /* corner space */; background:#97001f url(Images/topnav.gif) 0 top no-repeat; } #TopNav ul { list-style:none; text-align:center; margin:0; padding:0; } #TopNav li { display:inline; margin:0; padding:0 0.33em; border-right:1px solid #fff;} #TopNav li.First { border-left:1px solid #fff; } #TopNav a { padding:4px 0.33em 5px; color:#fff; font-weight:bold; text-decoration:none; } #TopNav a:hover { text-decoration:underline; } #TopNav a.CrumbTrail { background:#480000;} #LeftNavContainer{ float:left; display:inline /* MS DFM bug fix */; width:160px; margin:0px 20px 0px 0px; } #LeftNav { float:left; display:inline /* MS DFM bug fix */; width:150px; margin:30px 50px 0px 0px; } #LeftNav ul { margin:0; padding:0; list-style:none; } #LeftNav li { margin:0; padding:0; color:#97001f; } #LeftNav li.Title { font:bold 1.2em Verdana, Arial, Helvetica, sans-serif; margin:0 0 0.66em; } #LeftNav li a { display:block; width:150px; height:17px; padding:3px 0 0.33em 14px; color:#607578; font-weight:bold; font-size:0.9em; background:url(Images/rooster_menuBG.gif) no-repeat; } #LeftNav li a.visited { color:#330; } #LeftNav li a.Parent { background:url(Images/arrow_closed.gif) 0 0.75em no-repeat; } #LeftNav li a.ParentCrumb { background:url(Images/arrow_open.gif) 0 0.75em no-repeat; color:#97001f; } #LeftNav li a.CrumbTrail { color:#97001f; } #LeftNav li a:hover { text-decoration:none; color:#97001f;} #LeftNav li li a { width:140px; background:none; padding:0 0 0.3em 30px;} #LeftNav li li a:hover { } #Footer { clear:both; float:left /* clear children */; display:inline /* MS DFM bug fix */; background:; width:962px; margin:0 0 0 210px; padding:30px 0 1em; } #Footer p { margin:0.66em 0; color:#400; font:normal 0.8em/1.5 Verdana, Arial, Helvetica, sans-serif; } #Footer ul { text-align:center; list-style:none; } #Footer li { display:inline; padding:0 1em; border-left:1px solid #400; } #Footer li.First { border-left:none; } #Footer a { color:#400; font-weight:normal; text-decoration:underline; font:normal 0.9em/1.5 Verdana, Arial, Helvetica, sans-serif;} #Footer a:hover { text-decoration:underline; } #Footer li b { font:bold 1.1em Georgia, "Times New Roman", Times, serif; } /* Column styling */ /* NoLeftNav_1Col styling (two columns; Body | RightCol) */ body#NoLeftNav_1Col #LeftNav { display:none; /* just in case */ } body#NoLeftNav_1Col #Body { float:left; display:inline /* MS DFM bug fix */; margin:0 100px; padding:0; width:700px; /* 962 - (2x100) = 700 */ } body#NoLeftNav_1Col #RightCol { display:none; /* just in case */ } /* NoLeftNav_2Col styling (two columns; Body | RightCol) */ body#NoLeftNav_2Col #LeftNav { display:none; /* just in case */ } body#NoLeftNav_2Col #Body { float:left; display:inline /* MS DFM bug fix */; margin:0 0 0 10px; padding:0; width:700px; /* 962 - (234+11+5) = 700 */ } /* LeftNav_1Col styling (two columns; LeftNav | Body) */ body#LeftNav_1Col #Body { float:left; display:inline /* MS DFM bug fix */; margin:0 0 0 10px; padding:0; width:700px; /* 962 - (234+11+5) = 700 */ } body#LeftNav_1Col #RightCol { display:none; /* just in case */ } /* LeftNav_2Col styling (three columns; LeftNav | Body | RightCol) */ body#LeftNav_2Col #Body { float:left; margin:0; width:500px; /* 962 - (234+20+20) - 20x2 - (160+20+20)*/ } #Middle2, #Middle { /* Need two containers to build the rounded border */ clear:both; float:left /* clear children */; display:inline /* MS DFM bug fix */; } #Middle2 { width:962px; margin:0; padding:0; background:url(Images/roundbg_sides.gif) -2px top repeat-y; } #Middle { width:962px; margin:0; padding:0; background:url(Images/roundbg_top.gif) -2px top no-repeat; } #RightCol { float:right; display:inline /* MS DFM bug fix */; width:234px; margin:0 5px 0; padding:0; } #RightCol .Box { margin:10px 0 0; padding:0 0 10px 0; background:#fff4e8 url(Images/rightbox.gif) 0 bottom no-repeat; } #RightCol .Box h1, #RightCol .Box h2, #RightCol .Box h3 { margin:0; padding:10px 10px 1em; color:#97001f; font:bold large Georgia, "Times New Roman", Times, serif; background:#fff4e8 url(Images/rightbox.gif) 0 top no-repeat; } #RightCol .Box p { margin:0 10px 0.66em; } #RightCol .Box li { margin:0 10px 0.66em 30px; } #RightCol .Box a { text-decoration:underline; } #RightCol .Box a:hover { text-decoration:none; } /* Buttons * [p class="Button_130"][em][a href="#" title=""]Button text[/a][/em][/p] * Note:- the buttons are positioned in each 'application' */ #Body .Button_130 em { display:block; position:relative; bottom:0.5em; /* nudge up */ margin:0 auto; padding:3px 0 0; width:75px; text-align:center; font-style:normal; background:#480000 url(Images/btn_more.gif) left top no-repeat; } #Body .Button_130 a { display:block; width:61px; padding:0 7px 3px; background:#480000 url(Images/btn_more.gif) left bottom no-repeat; text-decoration:none; color:#fff; font-weight:bold; } #Body .Button_130 a:hover { /* color:#ffc; padding:1px 9px 4px 11px; rollover offset effect */ text-decoration:underline; } /* 'puff boxes' used on the homepage and section heading pages */ .BoxContainer { float:left /* clear contained elements */; clear:left; position:relative /* for positioning of buttons */; width:700px /* for exploder */; margin:0; padding:0; } .PicBox { float:left; display:inline /* MS DFMB */; /* position:relative; for positioning of buttons */ width:335px /* 335+10 */; margin:0.5em 14px 1px 0; padding:0 0 2em /* alow space for buttons */; } #Body .PicBox h1, #Body .PicBox h2, #Body .PicBox h3 { /* need more specficity to override content styling */ clear:both; width:320px /* for IE */; font:bold 1.75em Georgia, "Times New Roman", Times, serif; margin:0.33em 0; padding:0; } #Body .PicBox p { margin:0 0 1em 175px; padding:0; width:160px; } .PicBox img { float:left; display:inline /* MS DFMB */; margin:0; padding:0; } #Body .PicBox .Button_130 { /* Position the button - specific to this box */ position:absolute; bottom:1em; right:auto; clear:left; margin:1em 0 0 132px; padding:0; font-size:small; font-weight:bold; text-align:center; } /* Text box styles - for section heading pages. * Had to split the container into two to allow more top margin. */ .TextBoxContainer_Top, .TextBoxContainer { float:left /* clear contained elements */; clear:left; width:700px /* for exploder */; background:url(Images/SubSiteBG.gif) center top repeat-y; position:relative; /* for absolute positioning of buttons */ margin:0; padding:0; } .TextBoxContainer_Top { margin-top:1em; } .TextBox, .TextBox_R { float:left; display:inline /* MS DFMB */; width:310px; border-top:1px solid #f2dec9; margin:0 0 1em; padding:0.5em 0 2.5em /* alow space for buttons */; } .TextBox_R { margin-left:80px; } #Body .TextBox h1, #Body .TextBox_R h1, #Body .TextBox h2, #Body .TextBox_R h2, #Body .TextBox h3, #Body .TextBox_R h3 { /* need more specficity to override content styling */ clear:both; width:310px /* for IE */; font:bold 1.75em Georgia, "Times New Roman", Times, serif; margin:0.33em 0; padding:0; } #Body .TextBox .Button_130, #Body .TextBox_R .Button_130 { /* Position the button - specific to this box */ position:absolute; bottom:1em; right:auto; margin:0; padding:0; width:1px; font-size:small; font-weight:bold; text-align:center; } /* Images and surrounding paragraphs */ img.Left { float:left; display:inline /* MS DFM bug fix */; margin:0 0 1em 0; padding:0; } #Body p.Wide_ImageOnLeft { margin:20px 0 1em 190px; width:510px /* 700-180 */; font-size:1.2em; } /************************/ /* Body Template Styles */ /************************/ /* home page */ div#Body div#Default {float: left; width:460px; margin:0; padding:80px 20px 10px 20px; background:#fff url("images/rooster_body_header.gif") no-repeat; font-size: 0.9em; border:0px solid red;} div#leftCallOut {float: left; width:150px; height:200px; margin:30px 0 0 0; padding:0 0 0 3px; border-top: 15px solid #D3DAB7; border-bottom: 1px solid #D3DAB7; border-left: 1px solid #D3DAB7; border-right: 1px solid #D3DAB7;} #leftCallOut h2 {margin:0.5em 0 0.5em; color:#70987A; font:bold 1.1em/1.2 Georgia, "Times New Roman", Times, serif; } #leftCallOut p {margin:0.66em 0; color:#808080; font:normal 0.7em/1.5 Verdana, Arial, Helvetica, sans-serif; } #leftCallOut ul {margin:0; list-} #leftCallOut li {margin:0.66em 30px; color:#400; font:normal small/1.5 Verdana, Arial, Helvetica, sans-serif; } /* sub pages */ div#Body div#DefaultSUB {float: left; width:460px; margin:0; padding:60px 20px 10px 20px; background:#fff url("images/rooster_body_headerSUB.gif") no-repeat; font-size: 0.9em; border:0px solid red;} /* 2 col Body Template */ div#Body div#LeftCol {float: left; width: 250px; margin:0; padding:10px 6px 10px 5px; background:#fff; font-size: 0.9em;} div#Body div#RightCol {float: right; width: 250px; margin:0; padding:10px 5px 10px 5px; background:#fff; font-size: 0.9em;} /* 3 col Body Template */ div#Body div#c3LeftCol {float: left; width: 32%; margin:0; padding:10px 5px 10px 3px; background:#fff; font-size: 0.9em;} div#Body div#c3CenterCol {float: left; width: 32%; margin:0; padding:10px 5px 10px 3px;; background:#fff; font-size: 0.9em;} div#Body div#c3RightCol {float: left; width: 32%; margin:0; padding:10px 5px 10px 3px; background:#fff; font-size: 0.9em;} /* n col + Title & Bottom Body Template Start */ div#Body div#Title {float: left; display: inline; width: 740px; height:236px; margin:1px 0 0 0; padding:0; font-size: 0.9em; font-family:'Trebuchet MS'; border:0px solid red;} div#Body div#Title img {margin:0; padding:0; border:0;} div#Body div#Gutter {clear: both; float: left; margin:0; padding:5px; height:104px; background:#fff; font-size: 0.9em;} /* Logon */ div#frmLogon { float:right; display:inline; width:128px; height:70px; margin:15px 10px 0 0; padding:0; border:0px solid red;} input#txtUser {float: left; display:inline; width:108px; margin:2px; padding:3px; vertical-align: top; border:1px solid #C3C3C3; background:#fff; font:0.70em Verdana, Arial, Helvetica, sans-serif; color: #424242;} input#txtPass {float: left; display:inline; width:108px; margin:2px; padding:3px; vertical-align: top; border:1px solid #C3C3C3; background:#fff; font:0.70em Verdana, Arial, Helvetica, sans-serif; color: #424242;} input#btnGo {float: left; clear:both; display:inline; margin:2px 0px 2px 78px; padding:3px 2px 3px 2px; vertical-align: middle; border:0px solid; background:#8DB9A0; border-bottom-color:#567; border-left-color:#bdf; border-top-color: #bdf; border-right-color: #567; color: #666666; font: 0.70em Verdana, Geneva, Arial, Helvetica, sans-serif; } form#frmLogon p { width:auto; margin:0; padding:0; font-size:10px; color:#fff; } form#frmLogon p em { font-weight:bold; text-decoration:normal; font-style:normal; } .user { display:inline; width:40px; margin:2px; padding:1px; vertical-align: middle; font:0.85em Verdana, Arial, Helvetica, sans-serif; color: #FFFEFF;} input#btnLogoff {float: right; display:inline; margin:2px 8px 2px 2px; padding:3px 2px 3px 2px; vertical-align: middle; border:0px solid; background:#C3C3C3; border-bottom-color:#567; border-left-color:#bdf; border-top-color: #bdf; border-right-color: #567; color: #666666; font: 0.85em Verdana, Geneva, Arial, Helvetica, sans-serif; } div#datetime{clear: right; float: right; margin:0px 29px 0 0; color:#B3B3B3; font-size:0.7em;}