/*	ITS - Learnyourway.net CSS | layout.css 
	This stylesheet details all of the positioning css for the main elements of the site /*
	
/*	HTML Elements */
	html, body {margin: 0; padding: 0;}
	body { background: #7E7771; font: normal 12px Arial, Helvetica, sans-serif; margin: 0px; }
	a { color: #0000FF;}
	a.nolink { color: #333; font-weight: normal;}
	a.liblink { color: #666; font: normal 11px Arial, Helvetica, sans-serif;}
	a.skip { font: normal 12px Arial, Helvetica, sans-serif; }
	img, fieldset{border:0px;}
	legend{display:none}
	img.border { border: 1px solid #666; }
	#container { margin: 0px auto;width: 800px; }
	#wrapper { margin: 0px auto; padding-bottom: 10px; width: 800px; }
	fieldset{margin:0;padding:0}
	
/*	Top Elements */
	#top { width: 725px; margin: 0px auto;  }
	
/*	Main Elements */
	#main { width: 725px; margin: 0px auto; min-height: 300px; height: auto!important; height: 300px;}
	#sideA, #sideB { float: left; }
	#sideA { width: 492px; background: #fff; }
		#sideA h1 { margin-top: 10px; }
		#sideA .header {margin-top: 10px; }
	#sideB { width: 210px; margin-left: 0px; }
	#sideB h1 { margin: 0px 5px; }
	#sideB p { margin: 10px; }
	td.formdata { padding-top: 10px; }
	dl.scriptlist dt { margin: 0px; padding: 0px; font-weight: bold; }
	dl.scriptlist dd { margin: 0px 0px 10px 0px; padding: 0px; }
	
/*	Shadow Border Elements */
	.shadow_left { float: left; width: 100%; background: #fff url(/images/bg_shadow_left.jpg) repeat-y left; }
	
	.shadow_righttxt { position: absolute; height: 358px; width: 47px; margin-left: 787px; background: url(/images/bg_shadow_righttxt.jpg) no-repeat right;}
	
	.shadow_right { float: left; width: 100%; background: url(/images/bg_shadow_right.jpg) repeat-y right;}
	.shadow_btmleft { float: left; height: 25px; width: 25px; background: url(/images/bg_shadow_btmleft.jpg) no-repeat;}
	.shadow_btm { float: left; height: 25px;  width: 750px; background: url(/images/bg_shadow_btm.jpg) repeat-x;  }
	.shadow_btmright { float: left; height: 25px;  width: 25px; background: url(/images/bg_shadow_btmright.jpg) no-repeat;}	

/*	Rectangle Border Elements */
	.sA_topleft { float: left; height: 12px; width: 12px; background: url(/images/bg_sideA_topleft.jpg) no-repeat; margin-top: 0px;}
	.sA_top { float: left; height: 12px; width: 480px; background: url(/images/bg_sideA_top.jpg) repeat-x; margin-top: 0px;}
	.sA_topright { float: left; height: 12px; width: 12px; background: url(/images/bg_sideA_topright.jpg) no-repeat; margin-top: 0px;}	
	.sA_left { float: left; width: 714px; background: url(/images/bg_sideA_left.jpg) repeat-y left; margin-top: 0px!important; margin-top: -3px}
	.sA_right, .sA_right_home { float: left; margin-left: 12px!important; margin-left: 6px; width: 713px; background:url(/images/sA_bg.gif) repeat-y left;}
	.sA_right_home {  width: 239px; margin: 0px 0px 0px 12px!important; margin: -4px 0px 0px 0px; background: #d9d9d9 url(/images/bg_sideB_right.jpg) repeat-y right; }
	.sA_right_inner { float: left;background: url(/images/bg_sideA_right.jpg) repeat-y right; width: 482px; padding: 0px 5px 5px 5px;}
	.sA_btmleft { float: left; height: 12px; width: 12px; background: url(/images/bg_sideA_btmleft.jpg) no-repeat;}
	.sA_btm { float: left; height: 12px;  width: 480px; background: url(/images/bg_sideA_btm.jpg) repeat-x; margin-bottom: 13px;  }
	.sA_btmright { float: left; height: 12px; width: 12px; background: url(/images/bg_sideA_btmright.jpg) no-repeat;}	

	.sB_topleft { float: left; height: 12px; width: 12px; background: url(/images/bg_sideB_topleft.jpg) no-repeat; margin-top: 0px;}
	.sB_top, .sB_top_home { float: left; height: 12px; width: 197px;background: url(/images/bg_sideB_top.jpg) repeat-x; margin-top: 0px;}
		.sB_top_home { width: 227px; margin: 1px 0px 0px 12px!important; margin: 1px 0px 0px 0px;}
	.sB_topright, .sB_topright_home { float: left; height: 12px; width: 12px; background: url(/images/bg_sideB_topright.jpg) no-repeat; margin-top: 0px;}	
		.sB_topright_home { margin-top: 1px; }
	.sB_btmleft { float: left; height: 12px; width: 12px; background: url(/images/bg_sideB_btmleft.jpg) no-repeat;}
	.sB_btm, .sB_btm_home { float: left; height: 12px;  width: 197px; background: url(/images/bg_sideB_btm.jpg) repeat-x; }
	.sB_btm_home { width: 227px; margin-left: 12px!important; margin-left: 0px; padding-bottom: 13px;}
	.sB_btmright { float: left; height: 12px; width: 12px; background: url(/images/bg_sideB_btmright.jpg) no-repeat;}	

/*	Top Bar Elements */

	.topbar { padding-left:10px; line-height: 25px; margin-top: 10px; float: left; width: 715px; background: #fff; color: #000; }
	.topbar a { color: #000; line-height: 20px; text-decoration: none; border-bottom: #ccc solid 1px; }
	.topbar a:hover { color: #000; line-height: 20px; text-decoration: none; border-bottom: #000 solid 1px; }
		.topbar .colA { float: left; width: 355px; padding-bottom: 0px; height: 15px;}
		.topbar .colB { float: left; text-align: right; padding-right: 10px; width: 350px; padding-bottom: 0px;}

/*	Bottom Elements */

	#btm { float: left; width: 95%; text-align: right; padding: 5px 0px 400px 0px; height: 50px; line-height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 11px;}
	#btm a { color: #fff; text-decoration:none; border-bottom: 1px solid #54504D; }	
	#btm a:hover { color: #fff; border-bottom: 1px solid #fff; }	
		#btm span{font-size:0px; color: #7E7771; display:none;}
		#btm h1 { margin: 0px; font-size: 11px; font-weight: normal;}