/*
-------------------------------------------------------------------------------------------------------------------------
RESET
-------------------------------------------------------------------------------------------------------------------------
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

/*
-----------------------------------------------------------------------------------------------------------------------
GLOBAL
-----------------------------------------------------------------------------------------------------------------------
*/ 
/* commented backslash hack v2 \*/ 
html, body{ height:100%; } 
/* end hack */ 

body {
	background: #8AB828 url(/img/main/bg_1x720.gif) repeat-x left top !important;
	border: 0px;
	margin: 0px;
	padding: 0px;
	min-height: 100%;
}

h1, h2, h3, h4, h5 { font-family: Verdana, Arial, sans-serif;	font-weight: bold; color: #00293A; }
h1 { font-size: 30px; letter-spacing: -1px; }
h2 { font-size: 22px; letter-spacing: -1px; }
h3 { font-size: 19px; letter-spacing: -1px; }
h4 { font-size: 17px; letter-spacing: -1px; }
h5 { font-size: 15px; }

p, td, a, li { font: normal 12px Verdana, Arial, sans-serif; color: #17313C; }

.align_l { text-align: left; }
.align_r { text-align: right; }
.align_c { text-align: center; }
.small { font: normal 11px Verdana, Arial, sans-serif; }
.xsmall { font: normal 10px Verdana, Arial, sans-serif; }

#band {
  display: block;
	background: url(/img/shared/betaband_102x102.gif) no-repeat left top !important;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 102px;
	height: 102px;
}

#container, #main_container, #signup_container { width: 100%;	height: 100%;	min-height: 800px; }
* html #container, * html #main_container, * html #signup_container { height: 800px; }
#container { background: url(/img/shared/bg_footer_1800x80.jpg) no-repeat center 720px !important; }
#main_container { background: url(/img/main/bg_footer_1800x80.jpg) no-repeat center 720px !important; }
#signup_container { background: url(/img/signup/bg_footer_1800x80.jpg) no-repeat center 720px !important; }
#blog_container { background: #D8EEF7 url(/img/main/bg_1x720.gif) repeat-x left top !important; width: 100%; min-height: 800px; }
* html #blog_container { height: 800px; }

#wrapper { margin: 0 auto; width: 800px; }
#top_bg { background: url(/img/shared/bg_clouds_1015x415.jpg) no-repeat center top !important;	width: 100%; min-height: 415px; }
#top_bg_blog { background: url(/img/blogs/bg_clouds_1015x415.jpg) no-repeat center top !important;	width: 100%; min-height: 415px; }
/* for Internet Explorer */
/*\*/
* html #top_bg { height: 415px; }
/**/


/*
-----------------------------------------------------------------------------------------------------------------------
HACKS
-----------------------------------------------------------------------------------------------------------------------
*/ 

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*
-----------------------------------------------------------------------------------------------------------------------
FORMS
-----------------------------------------------------------------------------------------------------------------------
*/ 

select { font: normal 11px Verdana, Arial, sans-serif; color: #666; }

.txtbox { background: #FEFEFE url(/img/shared/input_bg_600x20.gif) no-repeat left top !important; border: 1px solid #6F6F6F; height: 17px; color: #666; }

a.btn_blue, a.btn_blue:visited {
  position: relative;
	background: url(/img/shared/btn_blue_60x25.png) no-repeat left top !important;	
	display: block;
	padding-top: 5px;
	width: 60px;
	height: 20px;
	font: bold 11px Verdana, Arial, sans-serif;	
	color: #FFFFFF;
	text-align: center;	
	text-decoration: none;
}
a.btn_blue:hover { background: url(/img/shared/btn_yellow_60x25.png) no-repeat left top !important; color:#000000; }

/*
-----------------------------------------------------------------------------------------------------------------------
HEADER
-----------------------------------------------------------------------------------------------------------------------
*/ 

.menu { margin-left: 420px; }
.menu li { float: left; }
.menu li a {
	display: block;
	width: 114px;
	height: 30px;
	background-image: url(/img/main/menu_114x30.gif);
	font-weight: bold;
	font-size: 13pt;
	text-align: center;
}

.menu li a:hover {
	background-image: url(/img/main/menu_on_114x30.gif);
}
/*
-----------------------------------------------------------------------------------------------------------------------
MAIN
-----------------------------------------------------------------------------------------------------------------------
*/ 

#main_bg { background: url(/img/main/bg_3steps_1015x415.jpg) no-repeat center top !important;	width: 100%; text-align:center; }

.lwrapper { margin-top: 298px; float: left; width: 295px; }
.rwrapper { margin-top: 298px; float: left; width: 502px; }

.login_box { background: url(/img/main/bg_login_274x146.gif) no-repeat left top; margin: 0 auto; margin-bottom: 6px; padding: 20px; width: 234px; height: 106px; text-align: left; }
.login_box table { margin: 8px 0px 5px 0px; border: 0px; width: 232px; }
.login_box table td { height: 24px; font-size: 11px; color: #333; text-align: right; vertical-align: middle; }
.login_box table td label { font-weight: bold; }

.forgot_pwd { width: 172px; display: block; float: left; height:25px; }
.forgot_pwd img { margin-top: 3px; vertical-align: middle; }
.forgot_pwd a { text-decoration: underline; font-size: 10px; }
.login_btn { width: 60px; display: block; float: left; }
.login_btn input {
	position: relative;
	background: url(/img/shared/btn_blue_60x25.png) no-repeat left top !important;	 
	display: block; width: 60px; height: 25px; 
	border: none; 
	color: #FFF; 
	font-size: 8pt; 
	font-weight: bold; 
	font-family: Verdana, Arial, sans-serif; 
	padding: 0;
}

.login_btn input:hover {
	background: url(/img/shared/btn_yellow_60x25.png) no-repeat left top !important;
	color: #000;
}

.tour { margin-top: 42px; }

.get_btn { display: block; margin: 6px 0px 0px 9px; }
.text_container { padding: 30px; text-align: left; } 
.text_container h5 { margin-bottom: 20px; line-height: 1.5em; color: #173948; }
.text_container p { color: #17313C; line-height: 1.5em; }

/*
-----------------------------------------------------------------------------------------------------------------------
SIGNUP
-----------------------------------------------------------------------------------------------------------------------
*/ 

.signup { margin-top: 99px; width: 800px; }
.signup ul { margin: 2px 0px 0px 46px; }
.signup ul li { float: left; margin: 0px 5px 0px 5px; }

.unknown { margin: 39px 0px 0px 46px; text-align: left; }

.signup_student { margin-top: 27px; width: 800px; }

.form { margin: 18px 0px 0px 65px !important; width: 658px; height: 493px; }
.form_student { background: url(/img/signup/bg_form_657x381.jpg) no-repeat center top !important; margin-top: 17px; padding: 30px 25px 25px 25px; width: 607px; height: 326px; }
.form a { text-decoration: underline; }
.form table td { padding-bottom: 8px; font-size: 11px; }
.form table td a { text-decoration: underline; }
.form table td.col1 { width: 335px; }
.form table td.col2 { width: 142px; }
.form table td.col3 { width: 130px; }
.form table td p { margin-bottom: 2px; font-weight: bold; font-size: 11px; color: #222; }
.form table td ul { margin-bottom: 10px; }
.form table td ul li { float: left; padding-right: 14px; }
.form table td ul li p { margin-bottom: 3px; }
.form table .check { font: normal 10px Tahoma, Arial, sans-serif !important; color: #E60000; }
.form table .check p, span.error { font: bold 11px Tahoma, Arial, sans-serif !important; color: #E60000; }
.form table td.error { background-color: #FFCC00; }

.form_teacher { background: url(/img/signup/bg_form_657x450.jpg) no-repeat center top !important; margin-top: 17px; padding: 30px 25px 25px 25px; width: 607px; height: 395px; }

/*.btn_container { display: block; float: right; }*/
.btn_container input {
	position: relative;
	background: url(/img/shared/btn_blue_105x35.png) no-repeat left top !important;	 
	display: block; width: 105px; height: 35px; 
	border: none; 
	color: #FFF; 
	font-size: 13pt; 
	font-weight: bold; 
	font-family: Verdana, Arial, sans-serif; 
	padding: 0;
}

.btn_container input:hover {
	background: url(/img/shared/btn_yellow_105x35.png) no-repeat left top !important;
	color: #000;
}

/*
-----------------------------------------------------------------------------------------------------------------------
BLOG
-----------------------------------------------------------------------------------------------------------------------
*/ 

#blog { margin-top: 30px; width: 800px; }
#blog_content { float: left; padding: 110px 20px 0px 20px; width: 490px; }
#sidebar { background: url(/img/blogs/bg_sidebar_243x658.jpg) no-repeat 29px top; float: right; padding: 0px 0px 0px 47px; width: 223px; height: 658px; margin-top: 2px; }

.blog_date { background: url(/img/blogs/bg_date_58x51.png) no-repeat left top; display: block; float: left; padding-top: 6px; width: 58px; height: 45px; font: bold 13px Verdana, Arial, sans-serif; text-align: center; }
h3.blog_title, h1.blog_title { float: right; width: 410px; line-height: 1.4em; }
.blog_article { margin: 25px 0px 50px 80px; }
.blog_article p { margin-top: 20px; line-height: 1.6em; color: #333; }
.blog_article span { display: block; font-weight: bold; color: #FF3600; }

.blog_article ul { list-style-position: inside; list-style-type: none; }
.blog_article ul li { background: url(/img/shared/bullet_4x4.gif) no-repeat left 6px; margin-top: 4px; padding-left: 10px; line-height: 1.6em; color: #333; }

#sidebar ul { margin-left: 15px; width: 175px; height: 100px; }
#sidebar ul li { background: url(/img/shared/bullet_4x4.gif) no-repeat left 6px; margin-top: 4px; padding-left: 10px; }
#sidebar ul li a { color: #FFF; }
#sidebar ul li a:hover { font-weight: bold; color: #000; }
.rss { margin-left: 70px; }

.recent_post { margin-top: 13px; width: 207px; height: 234px; }
.recent_post h3 { padding-left: 15px; color: #FFF; line-height: 2.4em; }

.blogroll { margin-top: 7px; width: 207px; height: 234px; }
.blogroll h3 { padding-left: 15px; color: #FFF; line-height: 2.4em; }

/*
-----------------------------------------------------------------------------------------------------------------------
FOOTER
-----------------------------------------------------------------------------------------------------------------------
*/ 
.footer_offset { height: 0px; }
#footer_wrapper { background: url(/img/shared/bg_footer_1800x80.jpg) no-repeat center bottom !important; width: 100%; height: 80px; }

#footer { clear: both; margin: 0 auto; padding-top: 27px; width: 625px; color: #111; }
.copyright { float: left; width: 330px; }
.copyright  p { line-height: 1.6em; }
.bookmarks { float: left;	}
.bookmarks li { float: left; margin: 0px 4px 0px 4px; }
.bookmarks li a { font: bold 10px Verdana, Arial, sans-serif; color: #00293A; text-decoration: underline; }
.bookmarks li img { vertical-align: middle; }