/*
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;}
#fb{
	width:200px; height:21px;  clear:both; text-align:left; float:left;
}
#top-nav{width:585px; height:111px; float:right;}
#top-nav .nav{width:585px; height:28px; margin-top:20px; float:right;}
.nav ul { list-style:none; direction:ltr; margin:0px; padding:0px;}
.nav ul li { list-style:none; direction:ltr; display:inline;}
.nav li a { padding:5px 10px; background:#6F95BB; margin-right:1px; color:#FFFFFF; text-decoration:none; font-weight:bold;}
.nav li a:hover { background:#304A65; color:#FFFFFF; text-decoration:none;}

#top-nav .snav{width:585px; height:28px; padding-top:5px; float:right; text-align:right; font-family:"Arial"; font-size:12px;}
.snav a {color:#0066FF; text-decoration:underline; padding:0px 2px;}
.snav a:hover { text-decoration:none; color:#0066FF; padding:0px 2px;}
#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:630px; height:207px; float:left; background:url(imgs/banner.png) no-repeat; margin-left:20px; padding:10px;
color:#003333; font-size:18px; font-family:"Arial"; font-weight:bold; line-height:24px; text-align:left;}


.hh-form {color:#003333; font-size:18px; font-family:"Arial"; font-weight:bold;}
.hh-tb{ font-size:12px; font-family:"Arial"; text-align:left;}
#mid-banner .play{text-align:center;width:auto; height:auto; margin-top:-10px;}
#promo_250{width:262px; margin:0px 15px 0px 10px; height:227px; float:left; font-size:18px; border:1px dotted #999999; color:#000066;}
#promo_250 a {color:#0066FF; text-decoration:underline; font-size:12px;}
#promo_250 a:hover {color:#0066FF; text-decoration:none;}

.promo_250{font-size:14px; color:#FFFFFF; font-family:"Arial";} 
.promo_250 span{font-size:13px;}
.promo_250 a {color:#FFFFFF; text-decoration:underline;}
.promo_250 a:hover {color:#FFFFFF; text-decoration:none;}

#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;}