/* ----- RESET ----- */ /* Here, we are going to reset all browsers, so we don't have to declare a bunch of stuff over and over */ @import url("reset.css"); body { font: 14px/20px Verdana, Arial, sans-serif; background:#000000; color: #ffffff; } html { overflow-y: scroll; } input, textarea { font: normal 13px/20px Verdana, Arial, sans-serif; color: #333; } /* We use em and strong in the text, instead of or ... these are read by browsers to be emphasis terms, and help for readers by vision-impaired users and spiders */ em { font-style: italic; } strong { font-weight: bold; } .anchorlink {height:1px;line-height:1px;font-size:1px;} p { margin: 0 0 17px 0; } h1 { font: bold 19px/21px Verdana, Arial, sans-serif; color: #a91502; letter-spacing: 1px; margin: 0 0 5px 0; } h2 { font: bold 17px/20px Verdana, Arial, sans-serif; color: #a34106; margin: 0 0 13px 0; } h3 { font: bold 14px/17px Verdana, Arial, sans-serif; color: #fb0505; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px 0; } h4 { font: bold 14px/20px Verdana, Arial, sans-serif; color: #de471e; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px 0; } .header { font: bold 17px/20px Verdana, Arial, sans-serif; color: #ffffff; } .headerlink { font: bold 17px/20px Verdana, Arial, sans-serif; color: #9f7f43; } .redquote { font: 13px/17px Verdana, Arial, sans-serif; color: #a91502; } .redquotebig { font: 16px/17px Verdana, Arial, sans-serif; color: #a91502; } .red { font: 14px/20px Verdana, Arial, sans-serif; color: #a91502; } .redsmall { font: 12px/20px Verdana, Arial, sans-serif; color: #a91502; } .redbold { font: bold 14px/20px Verdana, Arial, sans-serif; color: #a91502; } .redhead { font: bold 17px/20px Verdana, Arial, sans-serif; color: #a91502; } .caption { font: bold italic 13px/20px Verdana, Arial, sans-serif; color: #871001; } .quote {text-indent: 3em; font: bold italic 14px/20px Verdana, Arial, sans-serif; color: #b1640a; } .dropcap { font: 27px/27px Verdana, Arial, sans-serif; color: #ffffff; } .dropcap2 { font: bold 21px/21px Verdana, Arial, sans-serif; color: #ffffff; } .xuni { font: 12px/14px Verdana, Arial, sans-serif; color: #a91502; } .xuni a, .xuni a:visited {font: 12px/14px Verdana, Arial, sans-serif; color: #a91502;font-weight:normal;text-decoration:underline;} hr.mt {color: #000000;background-color: #000000;border:0; height:1px; margin:7px 0 15px 0px; text-align: left;} hr.mtr {color: #fb0505;background-color: #fb0505;border:0; height:1px; margin:27px 0 25px 0px; text-align: left;} /* ----- LINKS ----- */ /* We change the link color here. The first line color is the color of the link, the second line is the color of the rollover */ a:link, a:visited { font-weight: bold; color: #9f7f43; text-decoration: none; } a:active, a:hover { font-weight: bold; color: #cc993f; text-decoration: none; } /* ----- ARCHITECTURE ----- */ html, body { height:auto !important; /* FF and compliant browsers should automatically size the body/html */ height:100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */ min-height:100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */ } .imgblock{display:block;margin:0;padding:0;} .imgbottom {margin-bottom:50px;position: absolute; bottom:0;} #container{position:absolute; margin-left: auto; margin-right: auto; left: 50%; margin-left: -502px; /*set to half the total container width, in this case 1005px*/ width: 1005px; margin-bottom:30px; background:#000b0e; background: url('images/bg-site.gif'); background-position:0 470px; } #left {float:left;width:290px;} #right {float:left;width:49px;} #middle {text-align:left;float:left;width:626px;padding:0 10px 0 30px;background: url('images/design-final_12.gif') no-repeat;} #none {margin:0;padding:0;clear:both;} #backtotop { padding-top: 20px; text-align:center;} #navigation { width: 1005px; height: 41px;padding:0;margin:0; } /* add id to div and ul tags both */ #navigation ul, #navigation ul { float:left; display:inline;line-height: 41px;padding:0;margin:0;list-type:none;list-style-type:none; } #navigation ul li, #navigation ul li a {display:inline;float:left;padding:0;margin:0; list-type:none;list-style-type:none;} #footer { clear:both;width: 1005px;background-color:#000000;z-index:999;padding-top:10px;text-align:center; } #bottomspace { width:1005px;clear:both; height: 30px; background:#000000;z-index:99;} #clear {clear:both;}