html{}
body{padding:0 0 0 0; margin:0 0 20px 0; color:#000000; text-align:center; min-width:760px; background-color:#FFF; font-size:0.8em; font-family:Arial, Verdana, Helvetica, sans-serif; background-image:url(../images/home/background.gif); background-position:top; background-repeat:repeat-x;}
body form{padding:0; margin:0;}
body textarea{font-size:0.8em; font-family:Arial, Helvetica, sans-serif;}
a{font-weight:bold; text-decoration:none; color:#0085DB;}/*
a:visited{}*/
a:hover{text-decoration:underline; color:#FE4200;}
a:focus, 
a:active{color:#FFF; background-color:#0085DB;}

/* - - - - - - - - - - Skip, Clears and Hides - - - - - - - - - - */
.skip{}
.skip a{position:absolute; left:-5000px; text-align:center; width:150px; position:absolute; font-size:90%; font-weight:bold; text-decoration:none; padding:5px;}
.skip a:focus, .skip a:active{display:block; position:absolute; top:5px; left:5px; border:1px solid #2E383F; background-color:#FFFFFF; font-weight:bold; text-decoration:none; color:#0085DB;}
.hide{position:absolute; left:-5000px; height:1px; width:1px; overflow:hidden;}
.clear{clear:both; margin:0; padding:0;}
.clear_left{clear:left; margin:0; padding:0;}
.clear_right{clear:right; margin:0; padding:0;}

/* - - - - - - - - - - Shadow - - - - - - - - - - */
div.shadow_left{margin:0 auto 0 auto; padding:0 0 0 25px; width:90%; background-image:url(../images/home/shadow_left.gif); background-position:left top; background-repeat:no-repeat;}
div.shadow_right{margin:0; padding:0 24px 0 0; background-image:url(../images/home/shadow_right.gif); background-position:right top; background-repeat:no-repeat;}/**/

/* - - - - - - - - - - Homepage - - - - - - - - - - */
div.homepage{margin:0; padding:11px 0 0 0;}

/* - - Content - - */
div.content{padding:0; margin:0; background-image:url(../images/home/content_bak.gif); background-repeat:repeat-x; background-position:top; background-color:#FFFFFF;}
div.content_left_side{padding:0; margin:0; background-image:url(../images/home/content_side.gif); background-position:left; background-repeat:repeat-y;}
div.content_right_side{padding:0; margin:0; background-image:url(../images/home/content_side.gif); background-position:right; background-repeat:repeat-y;}
div.content_left{padding:0; margin:0; background-image:url(../images/home/content_left.gif); background-position:left top; background-repeat:no-repeat;}
div.content_right{padding:0 0 25px 0; margin:0; background-image:url(../images/home/content_right.gif); background-position:right top; background-repeat:no-repeat; text-align:center;}
div.content p{padding:0; margin:0;}
div.content h1{padding:0; margin:0;}
div.content h2{padding:0; margin:0; font-size:100%;}
div.content h3{padding:0; margin:0; font-size:100%;}
div.content ol{padding:0 0 0 26px; margin:0;}

/* - - - - - - - - - - Logo - - - - - - - - - - */
div.logo{padding:0; margin:0 58px 0 58px;  text-align:right; background-image:url(../images/home/pedagogue_logo.gif); background-repeat:no-repeat; background-position:left top;}
div.logo p{padding:34px 0 0 280px; margin:0; text-align:right; height:59px;}
div.logo p{
	_padding:30px 0 34px 280px;		/* IE 6 only */
	_padding:/**/ 34px 0 0 280px;	/* IE 5.5 only */
	_height:none;
}
div.logohelp{background-image:url(../images/home/pedagogue_logo_help.gif);}
/* - - - - - - - - - - Login - - - - - - - - - - */
div.login_hold{padding:0; margin:0 1px 7px 1px; text-align:center;}

/* - - Error - - */
/*div.login_error_container{position:absolute; top:15px; left:15%; right:15%;}*/
div.login_error_hold{padding:0; margin:0 auto 0 auto; text-align:left; width:550px;}
div.login_error{padding:9px 13px 9px 13px; margin:0; /*min-height:74px; _height:74px;*/ line-height:1.8em; background-color:#FFFFE1; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;}
div.login_error_hold p{margin:0; display:inline;}
div.login_error_bottom{background-image:url(../images/home/login_error_bottom.gif); width:auto; background-repeat:no-repeat; background-position:top right; height:12px;}

/* - - Hold - - */
div.login{padding:7px 0 0 170px; margin:0 auto 0 auto; height:4.5em; width:30.5em; display:block; background-image:url(../images/home/user_login.gif); background-repeat:no-repeat; background-position:center left; text-align:left;}
*html div.login{
	width:44em;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:32em;
}
/* - - Left - - */
div.login_left{padding:0; margin:0 15px 0 0; float:left; width:140px;}
div.login_left label{padding:0; margin:0;}
div.login_left input{padding:3px; margin:2px 0 0 0; background-color:#f2f9ff; width:125px; display:block;}
/* - - Button - - */
div.login_button{padding:0; margin:0;}
div.login_button input{padding:0; margin:12px 0 0 0;}

/* - - - - - - - - - - Page Content - - - - - - - - - - */
div.page_hold{padding:0; margin:0; text-align:center;}
div.page{padding:0 0 30px 0; margin:0 auto 0 auto; width:90%; border:1px solid #A9D6ff; text-align:left; background-color:#FFFFFF; background-image:url(../images/home/main_content_bak.gif); background-position:top; background-repeat:repeat-x;}
/* commented backslash hack v2 MAC IE 5.5 \*/
div.page{overflow:visible;}
div.page{overflow:hidden;}
/* end hack */
div.page_background{background-image:url(../images/home/blocks.jpg); background-repeat:no-repeat; background-position:top left;}

/* - - Left - - */
div.left_colum{padding:0; margin:0; float:left; clear:left; width:290px;}
div.left_colum_content{padding:0; margin:0; height:441px;}
div.left_colum_content h2.how_pedagogue_works{padding:0; margin:0; background-image:url(../images/home/e_learning.gif); background-position:left top; background-repeat:no-repeat; width:297px; height:133px;}

/* - - Middle Colum - - */
div.middle_colum{padding:15px; margin:20px 20px 10px 20px; width:40%; _width:38%; float:right; word-wrap:break-word; border:1px solid #A9D6ff; background-color:#FFFFFF;}
div.middle_colum_content{padding:0; margin:0;}
div.middle_colum_content h2.pedagogue{padding:5px 0 3px 25px; margin:0; font-size:140%; font-weight:lighter; background-image:url(../images/home/heading_pedagogue_icon.gif); background-position:left top; background-repeat:no-repeat;}
div.middle_colum_content ol{padding:0; margin:0 0 0 24px;}
div.middle_colum_content ol li{padding:0; margin:10px 0 0 0;}

/* - - Right Colum - - */
div.right_colum{padding:15px; margin:0 20px 20px 20px; width:40%; _width:38%; float:right; word-wrap:break-word; border:1px solid #A9D6ff; background-color:#FFFFFF;}
div.right_colum_content{padding:0; margin:0;}
div.right_colum_content h2.tutorials{padding:5px 0 3px 32px; margin:0; font-size:140%; font-weight:lighter; background-image:url(../images/home/heading_tutorials_icon.gif); background-position:left top; background-repeat:no-repeat;}
div.right_colum_content ol{padding:0; margin:0 0 0 24px;}
div.right_colum_content ol li{padding:0; margin:10px 0 0 0;}

/* - - - - - - - - - - Footer - - - - - - - - - - */
div.content_footer{padding:0; margin:0; background-repeat:repeat-x; background-position:top; background-image:url(../images/home/footerbar_bak.gif);}
* html div.content_footer{width:100%; overflow:visible; position:relative;}
div.content_footer_left{padding:0; margin:0; text-align:left; background-image:url(../images/home/footerbar_left.gif); background-repeat:no-repeat; background-position:left top;}
div.content_footer_right{padding:0 0 0 82px; margin:0 0 0 0; height:66px; background-image:url(../images/home/footerbar_right.gif); background-position:right top; background-repeat:no-repeat;}
div.content_footer h2{padding:16px 0 3px 0; margin:0; font-size:95%; font-weight:lighter;}
div.content_footer ul{padding:0; margin:0;}
div.content_footer ul li{padding:0; margin:0; display:inline;}
div.content_footer ul li span{padding:0 10px 0 0; margin:0 5px 0 0; background-image:url(../images/graphics/pageeditor_li_pipe.gif); background-position: center right; background-repeat:no-repeat;}

/* - - - - - - - - - - Footer - - - - - - - - - - */
div.footer{margin:8px auto 0 auto; padding:0; clear:both; font-size:85%;}
div.footer p{margin:0; padding:0;}
div.footer_left{margin:0;  padding:0; float:left; width:40%; text-align:left;} 
div.footer_right{margin:0; padding:0; float:right; width:50%; text-align:right;}


/* - - - - - - - - - - Important Notice on homepage - - - - - - - - - - */	
div.important_notice { border-bottom: 1px solid #A9D6FF; padding: 12px;} 
div.important_notice span {	font-weight: bold; color: #f00;}