/* ----- 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/22px Verdana, Arial, sans-serif; background-color: #000000; color: #ffffff; margin: 20px;}
html { overflow-y: scroll; }
input, textarea { font: normal 14px/22px Verdana, Arial, sans-serif; color: #333; }

/* We use em and strong in the text, instead of <b> or <i> ... 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; }

p { margin: 0 0 22px 0; }

h1 { font: bold 19px/21px Verdana, Arial, sans-serif; color: #ac1014; letter-spacing: 2px; margin: 0 0 2px 0; }
h2 { font: bold 16px/19px Verdana, Arial, sans-serif; color: #9e9c9c; letter-spacing: 1px; margin: 0 0 2px 0; }
h3 { font: bold 14px/22px Verdana, Arial, sans-serif; color: #728625; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px 0; }
h4 { font: bold 14px/22px Verdana, Arial, sans-serif; color: #de471e; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 10px 0; }


.grey { font: 14px/22px Verdana, Arial, sans-serif; color: #9e9c9c; }
.greybold { font: bold 14px/22px Verdana, Arial, sans-serif; color: #9e9c9c; }
.greyhead { font: bold 16px/19px Verdana, Arial, sans-serif; color: #9e9c9c; }


.red { font: 14px/22px Verdana, Arial, sans-serif; color: #ae0e13; }
.redbold { font: bold 14px/22px Verdana, Arial, sans-serif; color: #ae0e13; }
.redhead { font: bold 16px/19px Verdana, Arial, sans-serif; color: #ae0e13; }
.quote { font: italic 14px/22px Verdana, Arial, sans-serif; color: #ddb7a7; }
.dropcap { font: bold 27px/27px Verdana, Arial, sans-serif; color: #d6181d; }
.dropcap2 { font: bold 21px/21px Verdana, Arial, sans-serif; color: #351f0a; }
.headerbrown { font: bold 17px/20px Verdana, Arial, sans-serif; letter-spacing: 1px; color: #663300; }
.headerlink { font: bold 17px/20px Verdana, Arial, sans-serif; letter-spacing: 1px; color: #ac1014; }
.a { font: bold 14px/22px Verdana, Arial, sans-serif; letter-spacing: 1px; color: #5d43fa; }
.xuni, .xuni a, .xuni a:visited { font: 12px/14px Verdana, Arial, sans-serif; color: #8c8281;font-weight:normal; }


/* ----- 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: #ac1014; text-decoration: none; }
a:active, a:hover { font-weight: bold; color: #4a4844; 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. */
}
#topleft {float:left; width:522px;height:357px;margin:0;}
#topright {float:left;width:398px;height:357px;margin:0;}
.imgblock{display:block;}
#leftside {float:left;width:245px;padding:0;margin:0;}
#middle {float:left;margin: 0;padding: 20px 0px 0 00px; width:675px;min-height:400px;}
#container {position:absolute;
	   margin-left: auto;
       margin-right: auto;
	   left: 50%;
       margin-left: -460px; /*set to half the total container width, in this case 900px*/
	   width: 920px;   
	   background-color:#000000;
	} 
.clear { clear: both; }
#navigation { width: 900px; height: 42px; }
#navigation ul { list-style: none; line-height: 0px; }
#navigation ul li { float: left; }
#title { width: 100%; height: 70px; text-align:right; }
#footer { clear:both;width: 920;background-color:#000000;z-index:999;text-align:right; }
#footer2 { clear:both;width: 920;background-color:#000000;z-index:999;text-align:center; }
#backtotop { padding: 20px; text-align:center;}