body { background: #a9a9a9 url(/images/bg.gif) top left repeat fixed; font: normal 13px verdana, arial, sans-serif; padding: 20px 0 40px 0; /* More reliable to do padding this way on the than to do margins on content later. */ position: relative; /* Fixes positioning issues and works with Google's "Cached Page" feature. */ text-align: center; /* Hack for IE gets the main content area centered - have to set text-align to left for the main content to overcome this line. */ } #container { margin: 0 auto; /* Centers for Mozilla and other Gecko-based browsers */ text-align: left; /* Over-rides text-align:center setting above for IE */ width: 690px; /* 690 pixels allows for sidebar plus enough content */ padding: 0; /* No padding - it'll goof up IE's box model. */ border: 2px solid #339; background: #ffffff; } #header { font-family: Impact, Arial, Verdana, sans-serif; } #greeting { letter-spacing: 0.6em; font: bold 8pt verdana, arial, sans-serif; text-align: center; padding: 3px; background-color: #99f; color: #ffffff; border-bottom: 2px solid #339; } #headerTop { color: #339; background: #f9eed5; } #headerNavigation { background: #BDBDFD; font: bold 12px verdana, arial, sans-serif; border-top: 2px solid #339; border-bottom: 2px solid #339; } #headerNavigation a:link, #headerNavigation a:visited { display: block; height: 15px; padding: 5px 8px; border-right: 1px solid #339; text-decoration: none; color: #000; } #headerNavigation a:hover, #headerNavigation a:active { display: block; height: 15px; padding: 7px 4px 3px 12px; background: #7B7BFB; border-right: 1px solid #339; text-decoration: underline; color: #fff; } #cont2 {background: url(/images/divider.gif) top right repeat-y;} /* Lots of box-model hacks coming up here to overcome IE 5.x's box model problems. */ /* The rules below each hack are for browsers that render things correctly. */ /* CONTENT: IE Hack to fix IE 5.x's broken box model */ * html #content {width: 450px; w\idth: 410px;} /* End IE hack */ #content { width: 410px; float: left; display: inline; /* Avoid floating issues with block-level elements */ padding: 0 20px; margin: 20px 0 0 0; font: 13px/22px italic verdana, arial, sans-serif; } /* SIDEBAR: IE Hack to fix IE 5.x's broken box model */ * html #sidebar {width: 220px; w\idth: 200px;} /* End IE hack */ #sidebar { width: 200px; float: right; display: inline; /* Avoid floating issues with block-level elements */ padding: 0 20px; margin: 20px 0 0 0; font: 10px/15px verdana, arial, sans-serif; } #sidebar img { margin: 20px auto 1px; display: block; } #footer { clear: both; } #footer div { padding: 0 20px 20px; } #footer p { border-top: 2px solid #339; font: 13px bold italic verdana, arial, sans-serif; text-align: center; } #footerLinks { margin: 0; padding: 3px 0; background: #f9eed5; } #footerCopyright { border-top: 2px solid #339; font: 13px bold italic verdana, arial, sans-serif; text-align: center; padding-top: 20px; margin: 0; } /* Hack to get Internet Explorer to get the padding right on the footer links: */ * html #footerLinks {padding-top: 1px;} /* End IE Hacks */ /* Rules for links: */ a {font-weight: bold;} /* Set all links to bold */ #content a:link, #sidebar a:link { color: #00d; text-decoration: none; } #content a:visited, #sidebar a:visited { color: #45b; text-decoration: none; } #content a:hover, #content a:active, #sidebar a:hover, #sidebar a:active { color: #89e; text-decoration: underline; } #footer a:link, #footer a:visited { color: #00d; text-decoration: none; padding: 0 10px; } #footer a:hover, #footer a:active { color: #45b; text-decoration: underline; padding: 0 10px; } h1 {font-size: 18px; margin: 0; border-bottom: 1px solid #339;} h2 {font-size: 14px; margin: 0;} #content h1, #content h2 {clear: both;} #content p, #content .content {margin: 0 0 13px 26px;} #content ul, #content ol {margin: 13px 40px 13px 40px;} /* Hack to get IE back on track for lists: */ * html #content ul, * html #content ol {margin: 13px 40px 13px 80px;} /* End IE list hack */ /* Handles for formatting: */ .l {text-align: left;} /* Left-justified text */ .c {text-align: center;} /* Centered text */ .r {text-align: right;} /* Right-justified text */ .block {display: block;} /* Set inline element to block-level */ .inline {display: inline;} /* Set block-level element to inline */ .clear {clear: both; font-size: 0px; height: -1px;} /* Ugly but effective way of clearing floats */ .nomargin {margin: 0;} /* Sets margins to 0 */ .nowrap {white-space: nowrap;} /* Sets an element to not wrap text */ .small {font: normal 11px/11px verdana, arial, sans-serif;} .quote {background: #f5f5f5; border: 2px dotted #c0c0c0; font: italic 13px/15px arial, verdana, sans-serif; padding: 5px;} .ref {display: block; font: italic 11px/11px verdana, arial, sans-serif; text-align: right;} /* General Rules */ img {border: 0;} /* Eliminates those nasty borders around linked images */ textarea {width: 98%;} /* Set textareas to 98% width so they don't stretch too wide */