/* ----- 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;  color: #000000; margin: 20px;}
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 <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 17px 0; }

h1 { font: bold 19px/21px Verdana, Arial, sans-serif; color: #0b0f21; letter-spacing: 1px; margin: 0 0 5px 0; }
h2 { font: bold 18px/21px Verdana, Arial, sans-serif; color: #b12c1a; margin: 0 0 13px 0; }
h3 { font: bold 14px/17px Verdana, Arial, sans-serif; color: #846552; 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; }


.home1 { font: bold 19px/21px Verdana, Arial, sans-serif; color: #0b0f21; letter-spacing: 1px; }
.home2 { font: bold 17px/21px Verdana, Arial, sans-serif; color: #b12c1a; }
.blue { font: 14px/20px Verdana, Arial, sans-serif; color: #233662; }
.bluebold { font: bold 14px/20px Verdana, Arial, sans-serif; color: #233662; }
.bluehead { font: bold 16px/20px Verdana, Arial, sans-serif; color: #233662; }
.orange { font: 14px/20px Verdana, Arial, sans-serif; color: #b12c1a; }
.orangebold { font: bold 14px/20px Verdana, Arial, sans-serif; color: #b12c1a; }
.orangehead { font: bold 16px/20px Verdana, Arial, sans-serif; color: #b12c1a; }
.quote { font: bold italic 14px/20px Verdana, Arial, sans-serif; color: #5b3c2d; }
.dropcap { font: bold 27px/27px Verdana, Arial, sans-serif; color: #0b0f21; }
.dropcap2 { font: bold 21px/21px Verdana, Arial, sans-serif; color: #233662; }
.a { font: bold 17px/20px Verdana, Arial, sans-serif; letter-spacing: 1px; color: #5d43fa; }
.xuni { font: 12px/14px Verdana, Arial, sans-serif; color: #97abdf; }


/* ----- 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: #435991; text-decoration: none; }
a:active, a:hover { font-weight: bold; color: #687eb8; text-decoration: none; }


/* ----- ARCHITECTURE ----- */
body {background:#0b0f21;margin: 10px;}
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;}
#topleftside {float:left;width:226px;height:330px;padding:0;margin:0;}
#toprightside {float:left;width:654px;height:134px;padding:0;margin:0;}
#toprightside2 {float:left;width:297px;height:196px;padding:0;margin:0;}
#toprightside3 {float:left;width:228px;height:196px;padding:0;margin:0;}
#rightside {float:left;width:200px;padding:30px 10px 0px 33px;}
#leftside {float:left;width:190px;padding:0;margin:0;}
#middle {float:left;padding: 0;width:621px;background-color:#abd855;margin: 0px;}
#maincontent {padding:24px 30px 20px 30px;margin:0;}

#container{position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 50%;
	margin-left: -500px; /*set to half the total container width, in this case 900px*/
	width: 1000px;   
	background-color:#0b0f21;
	margin-bottom:30px;
} 
#backtotop { padding: 20px; text-align:center;}
#navigation { width: 649px; height: 31px;padding:0;margin:0; }
#navigation ul { list-style: none; line-height: 0px;padding:0;margin:0; }
#navigation ul li {float:left;padding:0;margin:0;}
#footer { clear:both;width: 1000;background-color:#0b0f21;z-index:999;text-align:center; }
#bottomspace { width:880px;clear:both; height: 30px; background:#0b0f21;z-index:99;}
#clear {clear:both;}