/* ----- 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: #000000; padding:3px 0 0 0; }
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; }
.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: #1d1740; letter-spacing: 1px; margin: 0 0 5px 0; }
h2 { font: bold 17px/20px Verdana, Arial, sans-serif; color: #3a61c8; margin: 0 0 13px 0; }
h3 { font: bold 14px/17px Verdana, Arial, sans-serif; color: #000000; text-transform: uppercase; letter-spacing: 1px; 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; }

.blue { font: 14px/20px Verdana, Arial, sans-serif; color: #2e4fa5; }
.bluesmall { font: 12px/20px Verdana, Arial, sans-serif; color: #2e4fa5; }
.bluebold { font: bold 14px/20px Verdana, Arial, sans-serif; color: #2e4fa5; }
.bluehead { font: bold 17px/20px Verdana, Arial, sans-serif; color: #2e4fa5; }

.violet { font: 14px/20px Verdana, Arial, sans-serif; color: #5d406c; }
.violetsmall { font: 12px/20px Verdana, Arial, sans-serif; color: #5d406c; }
.violetbold { font: bold 14px/20px Verdana, Arial, sans-serif; color: #5d406c; }
.violethead { font: bold 17px/20px Verdana, Arial, sans-serif; color: #5d406c; }

.orangehead { font: bold 17px/20px Verdana, Arial, sans-serif; color: #d2522d; margin: 0 0 13px 0; }
.orangebold { font: bold 14px/20px Verdana, Arial, sans-serif; color: #d2522d; }

.dkred {font: 14px/20px Verdana, Arial, sans-serif; color: #59201c; }
.teacherhead { font: bold 18px/20px Verdana, Arial, sans-serif; color: #3a61c8; margin: 0 0 13px 0; }

.quote {text-indent: 1em; font: bold 15px/21px Georgia, Cambria, serif; color: #d2522d; }
.quote-plain {text-indent: 1em; font: italic 15px/21px Georgia, Cambria, serif; color: #7d2522d; }
.quote-plain2 {text-indent: 1em; font: 14px/21px Georgia, Cambria, serif; color: #59201c; }
.quote-big { font: italic 16px/20px Georgia, Cambria, serif; color: #59201c; }
.dropcap { font: 27px/27px Verdana, Arial, sans-serif; color: #000000; }
.dropcap2 { font: bold 21px/21px Helvetica, Verdana, Arial, sans-serif; color: #3a61c8; }
.xuni { font: 12px/14px Verdana, Arial, sans-serif; color: #90a3c6; }
.xuni a:link, .xuni a:visited {font: 12px/14px Verdana, Arial, sans-serif; color: #90a3c6;font-weight:normal;text-decoration:underline;}
hr.mt {color: #dcc8a8;background-color: #dcc8a8;border:0; height:1px;  margin:7px 0 15px 0px; text-align: left;}
hr.mtb {color: #1d1740;background-color: #1d1740;border:0; height:1px;  margin:27px 0 25px 0px; text-align: left;}
hr.mtb2 {color: #1d1740;background-color: #1d1740;border:0; height:1px;  margin:7px 0 25px 0px; text-align: left;}
.center, .center p {text-align:center;}
.biggerlink {font-size:16px;}

/* ----- 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: #250e65; text-decoration: none; }
a:active, a:hover { font-weight: bold; color: #515180; 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{
	width: 1094px;   
	margin: 0 auto;
	background: url('images/bg-site.jpg');
	/*background-position:0 600px;*/

} 
#left {float:left;width:260px;background: url('images/bgnav-.jpg') no-repeat;}
#bgnav {width:260px;height:255px;background: url('images/bgnav-.jpg') no-repeat;}
#right {text-align:left;float:left;width:141px;}
#middle {text-align:left;float:left;width:683px;padding:0 0px 115px 10px;background: url('images/bg-content.jpg') no-repeat;}
.none {margin:0;padding:0;clear:both;}
#backtotop { padding-top: 20px; text-align:center;}
#bgbottom {width: 1094px;background: url('images/bottom.png') no-repeat;background-position:0 100%;clear:both;}
#footer { clear:both;width: 1094px;background-color:#000000;z-index:999;padding-top:10px;text-align:center; }
#bottomspace { width:1094px;clear:both; height: 30px; background:#000000;z-index:99;}
#backtotop { padding-top: 20px; text-align:center;clear:both;}
.clear {clear:both;line-height: 0px;}