@charset "UTF-8";
/* CSS Document */

/*--------------------------------
	Global
---------------------------------*/

	body{
		background:url(/images/site_components/site_bg.jpg) repeat-x;
		background-color:#FFF;
		font:13px Helvetica, Verdana, Arial, sans-serif;
		margin:0;
		line-height:18px;
	}
	
	a{outline:none;}
	img{border:none;}
	
	.cleaner{clear:both;}
	.cleaner_left{clear:left;}
	.float_left{float:left;margin:0 10px 10px;}
	.float_right{float:right;margin:0 10px 10px;}
	
	#main{
		width:950px;
		margin:0 auto 0 auto;
	}
	
	a:link{color:#185A8F;text-decoration:underline;}
	a:visited{color:#185A8F;text-decoration:underline;}
	a:hover{color:#003366;text-decoration:underline;}
	a:active{color:#003366;text-decoration:underline;}
	
	#content_win{
		background:url(/images/site_components/main_bg.jpg) no-repeat;
		background-color:#F2F2F2;
		width:950px;
		border:1px solid #CCC;
		margin-top:10px;
		min-height:500px;
		*height:auto;
	}
	
	#content{padding:25px;padding-top:10px;}
	
	#header{
		background:url(/images/site_components/header_bg.jpg) no-repeat;
		height:163px;
		margin-top:-17px;
		*margin-top:0px;
		position:relative;
	}
	
	#hdr_address{float:right;color:#FFF;text-align:right;margin-top:75px;}
	
	#skip_nav_link{
		position:absolute;
		text-indent:-5600px;
	}

	#logo{
		position:absolute;
		display:block;
		width:204px;
		height:100px;
		top:10px;
		text-indent:-5600px;
		background:url("/images/site_components/onset_logo.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/onset_logo.png', sizingMethod='scale');
		z-index:2;
	}
	
	#jamspot{
		position:absolute;
		margin-left:715px;
		display:block;
		width:235px;
		height:25px;
		top:25px;
		text-indent:-5600px;
		background:url("/images/site_components/located_at_jamspot.png") no-repeat;
		*background-image:url("/images/site_components/filler.gif");
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/site_components/located_at_jamspot.png', sizingMethod='scale');
	}
	
/*--------------------------------
	Nav bar
---------------------------------*/
	
	ul#navBar{width:950px;margin-top:101px;list-style:none;position:absolute;margin-left:-38px;*margin-left:2px;z-inde:1;}
	ul#navBar li{float:left;}
	
	ul#navBar li.last{float:right;margin-right:4px;}
	
	ul#navBar li a { display: block; text-indent: -9999px; }
	

	a#nav_about {
		background:url("/images/site_components/navBar/about.jpg") no-repeat;
		width:190px;
		height:59px;
	}

	a:hover#nav_about {
		background:url("/images/site_components/navBar/about_roll.jpg") no-repeat;
	}
	
	a#nav_teachers {
		background:url("/images/site_components/navBar/teachers.jpg") no-repeat;
		width:124px;
		height:59px;
	}

	a:hover#nav_teachers {
		background:url("/images/site_components/navBar/teachers_roll.jpg") no-repeat;
	}
	
	a#nav_contact {
		background:url("/images/site_components/navBar/contact.jpg") no-repeat;
		width:139px;
		height:59px;
	}

	a:hover#nav_contact {
		background:url("/images/site_components/navBar/contact_roll.jpg") no-repeat;
	}
	
	a#nav_signUp {
		background:url("/images/site_components/navBar/signUp.jpg") no-repeat;
		width:212px;
		height:59px;
	}

	a:hover#nav_signUp {
		background:url("/images/site_components/navBar/signUp_roll.jpg") no-repeat;
	}
	
	
	#bd_trail{
		margin-left:-40px;
		*margin-left:0px;
	}

	#bd_trail li{
		font-size: 11px;
		margin-left:3px;
		display:inline;
		list-style:none;
	}

	#bd_trail a{font-size: 11px;}
	
	
/*--------------------------------
	Homepage
---------------------------------*/

	#updates{
		background-color:#EBF2F8;
		border:1px solid #CCC;
		padding:10px 10px;
		width:450px;
		float:left;
		margin-right:20px;
	}
	
	#updates h2{margin:0;padding:0;font-size:20px;font-weight:bold;}
	
	#updates ul{margin-left:-40px;*margin-left:0;list-style:none;margin-top:20px;}
	#updates li{height:25px;padding-bottom:5px;border-bottom:1px dashed #CCC;margin-bottom:15px;}
	#updates li a:link{font-size:15px;color:#006699;font-weight:bold;text-decoration:none;}
	#updates li a:visited{font-size:15px;color:#006699;font-weight:bold;text-decoration:none}
	#updates li a:hover{font-size:15px;color:#006699;font-weight:bold;text-decoration:none}
	#updates li a:active{font-size:15px;color:#006699;font-weight:bold;text-decoration:none}
	
	#updates_more{
		display:block;
		width:80px;
		height:23px;
		text-indent:-5600px;
		float:right;
	}
	
	a:link#updates_more{background-image:url(/images/icons/more.jpg);}
	a:visited#updates_more{background-image:url(/images/icons/more.jpg);}
	a:hover#updates_more{background-image:url(/images/icons/more_roll.jpg);}
	a:active#updates_more{background-image:url(/images/icons/more_roll.jpg);}
	
	#quotes h2{margin:0;padding:0;font-size:20px;font-weight:bold;}
	#quotes #quote{
		font-size:18px;
		color:#333;
		text-indent:40px;
	}
	
	#quotes #signature{
		font-size:12px;
		color:#006699;
		text-indent:60px;
		margin-top:-10px;
		font-style:italic;
	}
	
/*--------------------------------
	Aout Us
---------------------------------*/

	#img_string{border-top:1px dashed #CCC;border-bottom:1px dashed #CCC;padding:10px 0 10px 0;margin-bottom:20px;position:relative;width:550px;}
	#img_string ul{list-style:none;margin-left:-40px;*margin-left:0;}
	#img_string ul li{float:left;margin-right:10px;}
	#img_string img{border:5px solid #033260;}
	
	#instr_list{
		background-color:#EBF2F8;
		border:1px solid #CCC;
		padding:10px 10px;
		width:300px;
		float:right;
		margin-left:20px;
		margin-bottom:20px;
	}
	
	#instr_list h3{margin:0;padding:0;font-size:20px;font-weight:bold;}
	
	#instr_list ul{margin-left:-40px;*margin-left:0;list-style:none;margin-top:20px;}
	#instr_list li{height:25px;padding-bottom:5px;border-bottom:1px dashed #CCC;margin-bottom:15px;}
	
/*--------------------------------
	Bios
---------------------------------*/

	#main.teachers .sec{height:85px;padding-bottom:10px;margin-top:20px;border-bottom:1px dashed #CCC;}
	#main.teachers .sec img{float:left;margin-right:10px;border:3px solid #333;}

	.teacher_pic{
		float:left;
		margin:0 20px 20px 0;
		border:5px solid #333333;
	}
	
	.student_discounts .sec{
		clear:both;
		padding:15px 0;
		margin-top:15px;
		border-top:1px dashed #CCC;
	}
	
	.student_discounts .sec img{float:left;border:2px solid #CCC}
	.student_discounts .sec .text{margin-left:165px}
	.student_discounts .sec h3{color:#013364;font-size:14px}
	
/*-------------------------------------
	Contact Page
-------------------------------------*/
	
	#contact_form{
		width:520px;
		margin-top:20px;
		padding-top:20px;
		padding-bottom:20px;
		border-top:dotted;
		border-top-color:#FFFFFF;
		border-top-width:1px;
		border-bottom:dotted;
		border-bottom-color:#FFFFFF;
		border-bottom-width:1px;
	}
	
	#contact_form .personal_info{
		border-bottom:1px dotted #333333;
		padding:0 0 10px 0;
		margin:0 0 10px 0;
	}

	#contact_form label{
		float:left;
		width:200px;
		margin-right: 10px;
	}
	
	#contact_form label span{color:#481A04}

	#contact_form input{
		width: 300px;
		background:#EEF5F9;
		border: 1px solid #15313B;
		padding: 2px;
	}

	#contact_form textarea{
		width: 300px;
		height: 100px;
		background:#EEF5F9;
		border: 1px solid #15313B;
		padding: 2px;
	}

	#contact_form select{
		width: 300px;
		background:#EEF5F9;
		border: 1px solid #15313B;
		padding: 2px;
		line-height:normal;
		letter-spacing:normal;
	}

	#contact_form .submitbtn {
		width: auto;
		padding: 4px 12px;
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #481A04;
		background: #EEF5F9;
		border:1px solid #15313B;
		margin-left:208px;
	}
	
/*--------------------------------
	ADMIN
---------------------------------*/
	
	#admin_form{
		width:520px;
		margin-top:20px;
		padding-top:20px;
		padding-bottom:20px;
	}

	#admin_form label{
		float:left;
		width:100px;
		margin-right: 10px;
	}

	#admin_form input{
		width: 300px;
		background:#FFF;
		border: 3px solid #CCC;
		padding: 4px;
		font-size:13px;
	}

	#admin_form .submitbtn {
		width: auto;
		padding: 4px 12px;
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #481A04;
		background: #EEF5F9;
		border:1px solid #15313B;
		margin-left:110px;
	}
	
	#admin_logout{float:right;}
	
/*--------------------------------
	Footer
---------------------------------*/
	
	#footer p{color:#999999;font-size:11px;}
	#footer ul{float:right;margin:0;padding:0;list-style:none;}
	#footer li{display:inline;border-right:1px solid #CCC;margin-right:5px;padding-right:5px;}
	#footer li.last{border:none;margin-right:0;padding-right:0;}
	
/* ----------------------
	Lightbox
---------------------- */
	
	
	#lightbox{
		background-color:#eee;
		padding: 10px;
		border-bottom: 2px solid #666;
		border-right: 2px solid #666;
	}
		
	#lightboxDetails{
		font-size: 0.8em;
		padding-top: 0.4em;
	}	
	
	#lightboxCaption{ float: left; }
	
	#keyboardMsg{ float: right; }
	
	#closeButton{ top: 5px; right: 5px; }

	#lightbox img{ border: none; clear: both;} 
	
	#overlay img{ border: none; }

	#overlay{ background-image: url("/images/lightbox/overlay.png"); }

	* html #overlay{
		background-color: #333;
		back\ground-color: transparent;
		background-image: url("/images/filler.gif");
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/lightbox/overlay.png", sizingMethod="scale");
	}