/* New limited CSS for LOGOSystems Sites - Based on CSUFresno Clean Up the Web */ body { background: #dedede; /* to be sure nothing is "showing through" the main areas */ color: #000; margin: 0; padding: 0; /* always good to start with a level playing field due to browser defaults */ text-align: center; /* for IE 5* series browsers */ font: 100.1% Verdana, Arial, Helvetica, sans-serif; } html, body { /* this selector stops the "page jump" look in some browsers when the page is short and centered and the right chrome goes away */ height: 100%; margin-bottom: 1px; } #outer_container { /* This creates the shadow effect around the container. It can be removed or the graphic modified to suit the design.*/ position:relative; width: 1000px; margin: 0 auto; background-image: url(../images/lsouter_container.gif); } #container { border-left: 1px solid #000; border-right: 1px solid #000; background-color: #FFF; position: relative; width: 980px; margin: 0 auto; text-align: left; /* added to realign from the text-align: center in the body element */ } #skipnav { position: absolute; /* sets the div to be positioned in relation to the body and removes it from the flow */ top: 0; left: 0; margin-left: -1000px; /* moves the div off the left side of the screen, making it invisible to visual browsers but not to those using screen readers */ } #lstop_nav { background: #0AF no-repeat; color:#fff; } #lstop_nav p { font: 70% Verdana, Arial, Helvetica, sans-serif; text-align:center; margin:0 5px 0 0; padding: 5px; font-weight:bolder; } /* IE uses the active pseudo class to indicate focus when someone is navigating without a keyboard. The rest use the focus pseudo class... so if you want the keyboard navigator to see the same focus as the person hovering with a mouse, use the following: */ #lstop_nav a, #lstop_nav a:link, #lstop_nav a:visited { color: white; text-decoration: none; } #lstop_nav a:hover, #lstop_nav a:active, #lstop_nav a:focus { color: blue; text-decoration: underline; } /* end lstop nav */ #unit_banner { background: #00F; } #unit_banner img {display: block; } /*required to avoid a small gap underneath the banner image that can occur (randomly in IE) due to the image being treated as inline content */ /* Start wrapper and page_body. Wrapper and page_body are for everything after the top navigation area and before the footer. These contain the graphics to create the column backgrounds. Modify graphics as needed. */ #wrapper { background: #FFF; /* the background color must be put on here for the overall main area color -- along with the image for the left column */ border-top: 1px solid #002157; } #page_body { padding: 0; /* may need to adjust top padding to accommodate background design */ color: #000; margin: 0; /*background: #fff; can add a background image here */ } /* end wrapper and page_body */ /* start breadcrumbs ----------------------------------------------------------*/ #content #breadcrumbs p { font-size: 70%; text-indent: 0 !important; /* this overrides the indenting of the main content's p elements */ } #breadcrumbs a {color: #069; text-decoration: underline;} #breadcrumbs a:link {color: #069;} #breadcrumbs a:visited {color: #C06;} #breadcrumbs a:hover {color: #900; text-decoration:underline; } #breadcrumbs a:active {color: #069;} /* end breadcrumbs */ /*start main content area. ------------------------------------------------------------*/ #content { margin: 0 0 0 0; padding: 5px 20px; /*Modify the second value to increase or decrease gutter space.*/ } #content p { font-size: 80%; line-height: 140%; /*text-indent: 20px;*/ } #content h1 { font-size: 100%; color: #036; font-weight: bolder; } #content h2 { font-size: 80%; color: #036; font-weight:bolder; } /*miscellaneous classes. ------------------------------------------------------------*/ .centeredtext { text-align: center; } /*centers text */ .alert { color: #C00; font-weight:bolder; } .alertred { color: #FF0000 } .highlight { color:#003366; background-color:#e0dbc9; } .icon { float:inherit; } #content a {color: #069; text-decoration: underline;} #content a:link {color: #069;} #content a:visited {color: #069;} #content a:hover {color: #900; text-decoration:underline; } #content a:active {color: #069;} #content ul { font-size: 90%; line-height: 140%; list-style: outside; } #content ul li { font-size: 90%; line-height: 140%; list-style: outside; } #content ol { font-size: 90%; line-height: 140%; } #content ol li { font-size: 90%; line-height: 140%; } /* end content */ /* start footer ------------------------------------------------------ */ #footer { background-color: #008; color: #fff; font-size: 70%; padding-top: 3px; padding-bottom: 3px; clear: both; height: auto; } #footer p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; margin: 2px; padding: 1px 10px; text-align:center; } #footer a {color: #666; text-decoration: none;} #footer a:link, #footer a:visited {color: #fff;} #footer a:hover, #footer a:active, #footer a:focus { text-decoration:underline; color: #FFF; } /* end footer */ /* the following selectors keep floats from flowing out of their parent elements */ .clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; } /*Hides from MacIE \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from MacIE */ /* .brclear is needed to stop footer from jumping up when a hyperlink in #content is moused over (IE6). This is only happens when #rightbar content is longer than #content content. */ .brclear { clear:both; height:0; margin:0; font-size: 1px; line-height: 0px; } /* Table styles --------------------------------------------------------- */ #content table { border-collapse: collapse; /*Maximum table width for 780 "A" layouts is 410px. Maximum table width for 780 "B" layouts is 570px. Any larger and float drop will occur. If you increase #content padding value, you will need to decrease this value or float drop will occur.*/ font-size: small; color: #000; margin: 0; float: none; } #content caption { font-weight: bold; color: #036; font-size: 95%; } #content table th { margin: 0; padding: 5px; font-weight: bold; font-size: 85%; background: #ccc; text-align: right; } #content table td { margin: 0; padding: 5px; font-size: 85%; vertical-align: top; text-align: left; } /* End Table styles */