/* ----- 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");

/* ----- GLOBAL ----- */
/* Now, we fix for Safari's scrollbar hiding, and set the background color, with a png fix if we need it */
html { overflow-y: scroll; }
body { background-color: #000000; }
/* img { behavior: url(framework/iepngfix.htc); } */

/* This clears our lefts and rights */
.clear { clear: both; }

hr { color: #FFF; background: #FFF; height: 1px; border: 0px; margin: 20px 0 20px 0; }

#title { width: 156; height: 47px; float: right; }

#content table { border-collapse: collapse; }

html, body {
   
	}
	#topleft {width:737px;float:left;height:289px;}
	#topright {float:left;height:289px;width:163px;}
	#leftside {float:left;width:213px;background: url('images/bg-left.gif') repeat-y;}
	#middle {float:left;padding: 0 40px;width:591px; background-color:#ffffff;margin-top: 0px; margin-bottom:0px}
	#rightside {float:left;width:16px;background: url('images/bg-right.gif') repeat-y; }
	#container{position:absolute;
	    background: url('images/bg-site.gif') repeat-y;
	   margin-left: auto;
       margin-right: auto;
	   left: 50%;
       margin-left: -450px; /*set to half the total container width, in this case 900px*/
	   width: 900px;   
} 
#bottomfooter {background-color:#000000;z-index:999;}

/* ----- CUSTOM ----- */
body { font: normal 14px/22px Verdana, Arial, sans-serif; color: #000000; }
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; }

#content { font: normal 14px/22px Verdana, Arial, sans-serif; color: #000000; text-align: left; }
p { margin: 0 0 17px 0; }

h1 { font: bold 19px/21px Verdana, Arial, sans-serif; color: #3e3e86; letter-spacing: 1px; margin: 0 0 3px 0; }
h2 { font: bold 17px/20px Verdana, Arial, sans-serif; color: #54549c; margin: 0 0 8px 0; }
h3 { font: bold 14px/22px Verdana, Arial, sans-serif; color: #e88135; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px 0; }

.header1 { font: bold 17px/19px Verdana, Arial, sans-serif; color: #3e3e86; letter-spacing: 1px; }
.header2 { font: bold 15px/17px Verdana, Arial, sans-serif; color: #54549c; }

.blue { font: 14px/22px Verdana, Arial, sans-serif; color: #3e3e86; }
.bluebold { font: bold 14px/22px Verdana, Arial, sans-serif; color: #3e3e86; }
.bluehead { font: bold 19px/21px Verdana, Arial, sans-serif; color: #3e3e86; }

.redbold { font: bold 14px/22px Verdana, Arial, sans-serif; color: #971600; }

.gold { font: 14px/22px Verdana, Arial, sans-serif; color: #d76022; }
.goldbold { font: bold 14px/22px Verdana, Arial, sans-serif; color: #d76022; }
.goldhead { font: bold 19px/21px Verdana, Arial, sans-serif; color: #d76022; }
.blue { font: bold 14px/22px Verdana, Arial, sans-serif; color: #7ca8e8; }
.quote { font: italic 14px/22px Verdana, Arial, sans-serif; color: #d76022; }
.dropcap { font: bold 27px/27px Verdana, Arial, sans-serif; color: #671501; }
.xuni { font: 12px/14px Verdana, Arial, sans-serif; color: #d76022; }

.question { height: 41px; background: url('images/q.gif') no-repeat; margin: 15px 0 10px -10px; padding: 10px 0 0 50px; font: bold 15px/20px Verdana, Arial, sans-serif; color: #601c2c; display: block; vertical-align: middle; }


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