/*
Theme Name: ST
Theme URI: http://www.schooltrainer.com/
Description: Specially made on order for SchoolTrainer.com by <a href="http://www.erachnida.com">Erachnida Technologies</a>.
Version: 2.0
Author: Erachnida Technologies
Author URI: http://www.erachnida.com.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/
/*
Theme Name: ST
Theme URI: http://www.schooltrainer.com/
Description: Specially made on order for SchoolTrainer.com by <a href="http://www.erachnida.com">Erachnida Technologies</a>.
Version: 2.0
Author: Erachnida Technologies
Author URI: http://www.erachnida.com.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/

body {
	margin: 10px 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color:#000000;
}
a{color:#3272B3; text-decoration:none;}
a:hover{color:#FF9900; text-decoration:none;}
a:visited{color:#3272B3;}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:19px;
	color:#000066;
	}

h2 {font-size:16px; font-weight:bold; color:#FF9900;}
h3{font-size:13px; color:#FF9900;}

#wrap{width:967px; height:auto;}

#main{width:967px; height:200px; float:left; background-image:url(imgs/top.png); background-repeat:no-repeat; clear:both;}

#top-wrap{width:927px; height:111px; margin-top:10px;clear:both;}
#logo{float:left; width:328px; height:111px;}
#top-nav{width:585px; height:111px; float:right;}
#top-nav .nav{width:585px; height:28px; margin-top:70px; float:right;}
#hr{background:url(imgs/border.png) repeat-x; height:8px; width:927px;}
#mid-wrap{width:967px; height:227px;clear:both; background:url(imgs/middle.png);}
#mid-banner{width:650px; height:227px; float:left; background:url(imgs/banner.png) no-repeat; margin-left:20px;}
#mid-banner .play{float:right; position:relative; overflow:hidden; width:auto; height:auto;	margin:155px 30px 0px 25px;}
#promo_250{width:262px; margin:0px 20px 0px 5px; height:227px; float:left;}

#con-wrap{width:927px; height:auto; float:left; background:url(imgs/middle.png) repeat-y; padding:10px 20px; clear:both;}
#content{width:650px; height:auto; float:left; text-align:justify;}
#content a{color:#3272B3;}
#content a:hover{color:#FF9900; text-decoration:none;}
.alignleft { float: left; margin:0px 10px 5px 0px; }
.alignright { float: right; margin:0px 0px 5px 10px; }

#sidebar{width:262px; height:auto; float:left; margin-left:15px;}
#sidebar h2{background:url(imgs/widget-title-bg.gif) no-repeat; padding:2px 0px 0px 45px; color:#FFFFFF; font-size:18px; line-height:35px;}
ul.sidebar_list { list-style: none; margin:0px; padding:0px;}
#sidebar li{font-family:"Verdana"; font-size:12px; margin-bottom:5px; line-height:16px;}
#sidebar a{text-decoration:none;}
#sidebar a:hover{text-decoration:underline;}

#rss { width: 20em; height: 70px; margin: 0 0 1.0em 0; background: url('imgs/rss.gif') 50% 0 no-repeat; text-align: center; }
#rss a { display: block; width: 48px; height: 48px; margin: 0 auto; }

#enrol{width:262px; height:44px; float:left; background:url(imgs/form_top.png) no-repeat; text-align:center; color:#FFFFFF; font-size:18px; line-height:48px;}
#enrol-form{width:262px; height:310px; float:left; background:url(imgs/form-bg.png) no-repeat; font-family:"Arial"; font-size:12px; margin-bottom:20px;}
#enrol-form input{width:140px;}
#enrol-form .desc{color:#2EB5C7; font-size:13px;}
#chat{width:262px; height:262px; clear:both;}

#footer{width:967px; height:89px; background:url(imgs/footer.png) no-repeat; float:left; clear:both; font-family:"Arial"; font-size:11px;}
#footer a{color:#5c5b5b; text-decoration:none;}
#footer a:hover{color:#5c5b5b; text-decoration:underline;}

.box {
	float: left;
	width: 615px; height:140px;
	margin: 0px 0px 10px 15px; padding-left:10px;
	border-left:1px dotted #a7a7a7; border-bottom:1px dotted #a7a7a7;
}
.box li{color:#3272B3;}
.boxm1 {
	float: left;
	width: 280px; height:90px;
	margin:5px 0px 10px 15px;
	border-left:1px dotted #a7a7a7; border-bottom:1px dotted #a7a7a7;
	padding:10px;
}
.boxm1 li{color:#3272B3;}
.boxm2 {
	float: left;
	width: 280px; height:90px;
	margin:5px 0px 10px 20px;
	border-left:1px dotted #a7a7a7; border-bottom:1px dotted #a7a7a7;
	padding:10px;
}
.boxm2 li{color:#3272B3;}
.boxs{float:left; width:150px;}
.boxd{float:left; width:140px;}

.box ul {
	padding: 0px 0px 4px 0px;
	margin: 8px 0px 0px 30px;
}
.box li {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

.boxm1 ul {
	padding: 0px 0px 4px 0px;
	margin: 8px 0px 0px 30px;
}
.boxm1 li {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

.boxm2 ul {
	padding: 0px 0px 4px 0px;
	margin: 8px 0px 0px 30px;
}
.boxm2 li {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

.home-text{width:640px; height:auto; margin:20px 0px 0px 0px; padding:5px;}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none;}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{z-index:25; color:#aaaaff; background:none;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-10px; left:-20px;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(imgs/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(imgs/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(imgs/bubble.gif) no-repeat bottom;
}

/* THANK YOU PAGES */
#thank-promo li{font-family:"Arial"; font-size:12px; margin:5px 0px; line-height:16px;}
#thank-side li{font-size:12px; margin:5px 0px; line-height:16px;}