/* ----- 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: 16px/26px Helvetica,Arial,sans-serif; background:#000000; color: #000000; padding:0 0 0 0; } html { overflow-y: scroll; } input, textarea { font: normal 13px/20px Verdana, Arial, sans-serif; color: #000000; } /* 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 23px/21px Georgia, Cambria, serif; color: #000000; letter-spacing: 1px; margin: 0 0 3px 0; } h2 { font: bold 20px/21px Georgia, Cambria, serif; color: #cb3406; margin: 0 0 13px 0; } h3 { font: bold 14px/17px Verdana, Arial, sans-serif; color: #ae882a; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 6px 0; } h4 { font: bold 16px/26px Helvetica,Arial,sans-serif; color: #ae882a; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 6px 0; } .orange { font: 16px/26px Helvetica,Arial,sans-serif; color: #cb3406; } .orangesmall { font: 14px/17px Helvetica,Arial,sans-serif; color: #cb3406; } .orangebold { font: bold 16px/26px Helvetica,Arial,sans-serif; color: #cb3406; } .orangehead { font: bold 20px/26px Helvetica,Arial,sans-serif; color: #cb3406; } .orangeheadserif { font: italic bold 20px/23px Georgia, Cambria, serif; color: #cb3406; } .quote {text-indent: 1em; font: bold italic 16px/19px Georgia, Cambria, serif; color: #43743c; } .quote-plain {text-indent: 1em; font: 16px/19px Georgia, Cambria, serif; color: #43743c; } .quote-big { font: italic 18px/26px Georgia, Cambria, serif; color: #43743c; } .quote-extra-big { font: italic 22px/26px Georgia, Cambria, serif; color: #43743c; } .dropcap { font: 30px/32px Helvetica,Arial,sans-serif; color: #000000; } .dropcap2 { font: 25px/29px Helvetica,Arial,sans-serif; color: #000000; } .xuni { font: 12px/14px Verdana, Arial, sans-serif; color: #d7bc75; } .xuni a:link, .xuni a:visited {font: 12px/14px Verdana, Arial, sans-serif; color: #d7bc75;font-weight:normal;text-decoration:underline;} hr.mt {color: #ffffff;background-color: #ffffff;border:0; height:1px; margin:7px 0 15px 0px; text-align: left;} hr.mtr {color: #cb3406;background-color: #cb3406;border:0; height:1px; margin:27px 0 25px 0px; text-align: left;} hr.mtr2 {color: #cb3406;background-color: #cb3406;border:0; height:1px; margin:7px 0 25px 0px; text-align: left;} hr.mtr3 {color: #8ca9b6;background-color: #8ca9b6;border:0; height:1px; margin:6px 0 25px 0px; text-align: left;} hr.mtr4 {color: #8ca9b6;background-color: #8ca9b6;border:0; height:1px; margin:10px 0 10px 0px; text-align: left;} .center, .center p {text-align:center;} /* this is what the link section looks like in our new style } a, a:active, a.active { outline: 0; color: #1959de; font-weight:bold; } a:hover, a:focus { color: #5a7ecc; */ /* ----- 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: #487b92; text-decoration: none; } a:active, a:hover { font-weight: bold; color: #7796a4; text-decoration: none; } .xunibook, .xunibook2 {float:left;text-align:center;margin:10px 20px 10px 0;} .xunibookseries {float:left;text-align:center;margin:10px 6px 10px 0;} .xunibookright {float:right;text-align:center;margin:0px 15px 10px 20px;} .xunibookleft {float:left;text-align:center;margin:0px 20px 10px 0px;} .xunibook img, .xunibook img a {margin:0px 0px 3px 0;} .xunibook2 img, .xunibook2 img a {margin:0;} .table {display:table;} .table-row {display:table-row;} .table-cell {display:table-cell;text-align:center;} .table-cell2 {display:table-cell;text-align:left;} .table-cell3 {display:table-cell;text-align:right;} .boxleft {float:left;min-width:50%;box-sizing: border-box;margin: 0 20px 0 0;} .boxright {float:left;box-sizing: border-box;} /* ----- 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{ width: 1100px; margin: 0 auto; background: url('images/bg-site.jpg'); /*background-position:0 600px;*/ } #left {float:left;width:22px;} #right {text-align:left;float:left;width:22px;} #middle {text-align:left;float:left;width:937px;padding:44px 53px 0 66px;} .none {margin:0;padding:0;clear:both;} #navigation { width: 1100px; height: 41px;padding:0;margin:0; } #navigation ul { float:left; display:inline;height: 41px;line-height: 48px;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;} .none {margin:0;padding:0;clear:both;} #footer { clear:both;width: 1100px;background-color:#000000;z-index:999;padding-top:10px;text-align:center; } #bottomspace { width:1100px;clear:both; height: 30px; background:#000000;z-index:99;} #backtotop { padding-top: 20px; text-align:center;clear:both;} .clear {clear:both;line-height: 0px;} #nav { position: relative; clear:both; width: 1100px; height: 41px;font-family: Verdana, Arial, sans-serif; margin: 0 0; z-index: 2; text-transform: uppercase; } #nav ul { float:left; display:inline;line-height: 41px;padding:0;margin:0;list-type:none;list-style-type:none;white-space: nowrap; } #nav ul li { display:inline;float:left; position: relative; padding: 0px 0px 0px;line-height: 28px;height: 28px; } #nav ul li a{font-weight:400;display:inline;float:left; padding: 0px 0px 0px; background-color: transparent; color: #0061b0; text-decoration: none; line-height: 1em;} #nav ul li:hover > ul { display: block; opacity:1; } #nav ul ul, nav ul ul li ul { font-size: 12px; margin: 0 0 0 9px; padding: 0 12px 0 0; display: none; position: absolute; z-index: 99999; /* width: 220px; */ opacity: 0; -webkit-transition: opacity 0.2s linear, visibility 0.2s linear; -moz-transition: opacity 0.2s linear, visibility 0.2s linear; -o-transition: opacity 0.2s linear, visibility 0.2s linear; transition: opacity 0.2s linear, visibility 0.2s linear; background: #383838 url('images/dropdown.png') repeat-x; -moz-box-shadow: 2px 2px 4px 0px rgba(65, 64, 66, 0.4); -webkit-box-shadow: 2px 2px 4px 0px rgba(65, 64, 66, 0.4); box-shadow: 2px 2px 4px 0px rgba(65, 64, 66, 0.4); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#bdbbbc,direction=135,strength=4)"; /* IE8+ */ filter: progid:DXImageTransform.Microsoft.Shadow(color=#bdbbbc,direction=135,strength=4); /* IE7 and lower */ } #nav ul ul { top: 41px; left: 8px; } #nav ul ul li ul { top: 0; left: 221px; } #nav ul ul li { clear:both; width:100%; border:0 none; } #nav ul ul li a { background:none; padding:7px 10px; color:#fff; text-decoration:none; display:inline-block; border:0 none; float:left; line-height: 1.3em; clear:both; /* width:200px; */ letter-spacing: 0.1em; text-transform: none; } #nav ul li a.first { border-left: 0 none; } #nav ul li a.last { border-right: 0 none; } .menuBullet { padding-bottom: 2px; margin-left: -11px; padding-right: 6px; } #nav ul ul li a:hover { color:#03483e; background: none; } #nav ul ul li.rfirst {padding-top:10px; } #nav ul ul li.rlast {padding-bottom:12px; }