@charset "UTF-8";
@import url(reset.css);

body { background-color: #efe9d3; color:#333333; font-family: Arial,Helvetica,sans-serif;}

div#wrapper { margin: 0 auto; width: 1000px; padding: 0 5px;}

div#header { overflow: hidden; position: relative; height: 150px;}

div#main_con { overflow: hidden; /*padding-bottom: 30px;*/}

.col { background-color: #fff; padding: 20px; -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px; margin-bottom: 20px; behavior:url("/PIE.htc"); position:relative; }
.col_right { padding: 16px; overflow: hidden;}
	
p {  font-size: 16px; line-height: 130%; }

a { color: #a63c02; font-size: 16px;}
a:hover { text-decoration: none;}

.hidden { overflow: hidden;}
.clear { clear: both;}
.right { float: right;}
.left { float: left;}

img.left { padding: 0 20px 0 0;}
img.right { padding: 0 0 0 20px;}


/* Header */
a#logo { position: absolute; top: 0; left: 0; background: url(../images/logoMain.gif) 0 0 no-repeat; width: 285px; padding-top: 130px; height: 0; overflow: hidden; display: block; }

p#catch { position: absolute; top: 13px; left: 305px; background: url(../images/catch.gif) 0 0 no-repeat; width: 360px; padding-top: 35px; height: 0; overflow: hidden; display: block; }

dl#login_box { position: absolute; top: 54px; left: 310px; overflow: hidden;}
dl#login_box dt { float: left; background: url(../images/login.gif) 0 0 no-repeat; width: 146px; padding-top: 21px; height: 0; overflow: hidden; display: block; margin: 2px 3px 0 0; }
dl#login_box dd { float: left; }
dl#login_box dd ul { overflow: hidden;}
dl#login_box dd ul li { float: left; padding-left: 5px; height: 28px}

#social_box { position: absolute; top: 0px; right: 6px; background-color: #fff; padding: 7px 10px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; behavior:url("/PIE.htc");  }
#social_box ul { overflow: hidden; margin-right: -5px;}
#social_box ul li { float: left; padding-right: 5px; height: 28px; }

#contactUsBox { position: absolute; top: 54px; right: 6px; }

/* Main Menu */
ul#mainmenu { position: absolute; top: 85px; right: 0; background: url(../images/menu_main.gif) 0 0 no-repeat; overflow: hidden; padding: 4px 6px 6px 4px;}
ul#mainmenu li { float: left;}
ul#mainmenu li a { background-position: 0 0; background-repeat: no-repeat; display: block; height:0; overflow: hidden; padding-top: 41px;}
li#menu_home a { background-image: url(../images/menu_homeMain.gif); width: 87px; }
li#menu_teacher a { background-image: url(../images/menu_teacher.gif); width: 270px;}
li#menu_school a { background-image: url(../images/menu_school.gif); width: 234px; }
li#menu_forums a { background-image: url(../images/menu_forums.gif); width: 105px; }



/* Index */
div#index_left { width: 650px; float: left;}
div#index_right { width: 330px; padding-left: 20px; float: left;}

h1.title_welcome { background: url(../images/title_welcome.gif) 0 0 no-repeat; display: block; height:0; overflow: hidden; padding-top: 18px; width: 489px; margin-bottom: 10px; }

/* Slider */
#slider_box { position: relative; padding: 20px 0 10px 0;}
#slides {margin: 0 auto; width: 400px;}
#slides li { text-align: center; width: 400px;}
	
#controls { width: 526px; overflow: hidden; position: absolute; top: 138px; left: 40px;}
#controls .prev { float: left;}
#controls .next { float: right;}	

/* index_left */
div.contentdiv  { overflow: hidden;}
div.contentdiv img { padding: 0 20px 0px 0;}
div.contentdiv h2.title_intro { background-position: 0 0; background-repeat: no-repeat; display: block; height:0; overflow: hidden; padding-top: 22px; width: 400px; margin-bottom: 5px;}
div.contentdiv h2.title_viewpod { background-image: url(../images/free_trial_header.png);}
div.contentdiv a { color: #669900;}
ul.register { overflow: hidden; padding: 5px 0;}
ul.register li { float: left; padding-right: 10px;}

/* index_right */
div#index_right h3 { background: url(../images/about_us.png) 0 0 no-repeat; display: block; height:0; overflow: hidden; padding-top: 36px; width: 298px; margin-bottom: 5px; }

.video_col { overflow: hidden; padding-bottom: 15px;}
.video_col .video_left { float: left; padding: 5px; border: 1px solid #d3d3d3; -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; behavior:url("/PIE.htc"); position:relative;}
.video_col .video_right { padding-left: 136px;}
.video_col h4 a { color: #a63c02; font-weight: bold; font-size: 14px; text-decoration: none;}
.video_col h4 a:hover { text-decoration: underline; }
.video_col p { font-size: 14px;}
.video_col a { font-size: 12px;}

/*Footer*/
div#footer { margin: 0 auto; padding: 20px; background-color: #ccc5b5; overflow: hidden; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; behavior:url("/PIE.htc"); position:relative;}

ul#footermenu { overflow: hidden; padding-bottom: 15px; border-bottom: 1px solid #a39e91; margin-bottom: 10px;}
ul#footermenu li { float: left; border-left: 1px solid #666666; margin-left: -1px; }
ul#footermenu li a { color: #333333; text-decoration:  none; padding: 0 10px; font-size: 15px;}
ul#footermenu li a:hover { text-decoration: underline;}

ul#footer_info { overflow: hidden; padding-bottom: 15px; }
ul#footer_info li { float: left; padding-right: 10px;}
ul#footer_info li strong { font-weight: bold;}
	
p#copyright { font-size: 14px; color: #666666;}