.main{
	background-color: #fff;
	width: 640px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

h1 {
	font-size: 11px;
	position: relative;
	float: left;
	width: 100%;
	color:#000000;
	text-align: left;
	margin: 0px;
	padding: 0px;
	}
	
p { background: inherit;}

.screen_main{
	background: #fff url(../images/main.jpg) top left no-repeat;
	height: 950px;
}

.navbar{
	text-align: center;
}

.bottom_bar{
	background-color: #fff;
	width: 640px;
	text-align: right;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.links_bar{
	background-color: #fff;
	width: 640px;
	text-align: right;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.welcome{
	color: #f7ebc5;
	background-color: #066834;
	width:94px;
	float: left;
	text-decoration: none;
}

.welcome_active{
	color: #000;
	width:94px;
	float: left;
	text-decoration: none;
	background-color: #066834;
}

#navbar ul a:hover.welcome{
	color: #000;
	background-color: #8aa473;
}

.courses{
	color: #f7ebc5;
	background-color: #26723d;
	width:94px;
	float: left;
	text-decoration: none;
}

.courses_active{
	color: #000;
	width:94px;
	float: left;
	text-decoration: none;
	background-color: #72956f;
}

#navbar ul a:hover.courses{
	color: #000;
	background-color: #72956f;
}

.tutors{
	color: #f7ebc5;
	background-color: #457c4b;
	width:94px;
	float: left;
	text-decoration: none;
}

.tutors_active{
	color: #000;
	width:94px;
	float: left;
	text-decoration: none;
	background-color: #457c4b;
}

#navbar ul a:hover.tutors{
	color: #000;
	background: #5d8858;
}

.gallery{
	color: #f7ebc5;
	background-color: #5d8858;	
	width:94px;
	float: left;
	text-decoration: none;
}

.gallery_active{
	color: #000;
	width:94px;
	float: left;
	text-decoration: none;
	background-color: #457c4b;
}

#navbar ul a:hover.gallery{
	color: #000;
	background: #457c4b;
}

.apply{
	color: #f7ebc5;
	background-color: #72956f;
	width:94px;
	float: left;
	text-decoration: none;
}

#navbar ul a:hover.apply{
	color: #000;
	background-color: #457c4b;
}

.home{
	color: #f7ebc5;
	background-color: #8aa473;
	width:94px;
	float: left;
	text-decoration: none;
}

#navbar ul a:hover.home{
	color: #000;
	background-color: #066834;
}

.courses_html{
	background: #fff url(../images/o&labout.jpg) center no-repeat;
	height: 950px;
}

.about_html{
	background: #fff url(../images/abouttop.jpg) center no-repeat;
	height: 52px;
}

.about2_html{
	background: #fff url(../images/newfront.jpg) center no-repeat;
	height: 901px;
}

.dates_html{
	background-color: #f7ebc5;
}

#table.locations { 
	table-layout: fixed;
	width: auto;
	height: auto;
	color: #fff;
	padding: 0px;
	font-size: 1em;
	margin: 0px;
	}

th.locations { 
	width: auto;
	color: #ffffff;
	text-align:center;
	font-size: 1em;
	background-color: #cf9227;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	color: #fff;
	}
		
th.leaflet {
	width: auto;
	color: #ffffff;
	text-align:center;
	font-size: 1em;
	background-color: #cf9227;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
th.locations_sub { 
	width: auto;
	color: #ffffff;
	text-align:center;
	font-size: 1em;
	background-color: #448b3d;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
tr { 
	font-size: 1em; 
	text-align:center;
	color: #fff;
	}
	
tr.normal {background-color: #000; font-size: 0.9em;}
	
td {
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	}
	
	td.column1 {background: #cf9227; color: #FFFFFF; font-size: 1em;}
	td.column1_rshod08_base {background: #cf9227; color: #fff; font-size: 1em;}
	td.column1_rshod08_basesub {background: #66CC00; color: #fff; font-size: 1em;}
	td.leaflet {background-color: #cf9227; color: #FFFFFF; width: 50px; font-size: 1em; border-style: none; text-decoration: none;}
	td.column1_red { color: #FFFFFF;}
		td.column1 a {text-decoration: underline; color: #FFFFFF; font-size: 1em;}
		td.column1 a:hover {color: #448b3d; font-size: 1em;}
	
	td a {color: #FFFFFF;}
	td a:hover {color: #000;}

.jump_html{
	background: #fff url(../images/o&ltouring.jpg) center no-repeat;
	weight: 940px;
}

.newfront_html{
	background: #fff url(../images/newfront.jpg) center no-repeat;
	weight: 901px;
}

.course_content{
	width: 90%;
	float: left;
	color: #000;
	text-align: left;
	position: relative;
	top: 80px;
	left: 35px;
	font-size: 12px;
	font-weight: bold;
}

.biog {
	display: block;
	font-weight: normal;
	width: 87%;
	height: auto;
	background: inherit;
	text-align: left;
	margin-bottom: 15px;
	border-bottom: 1px solid #066834;
	padding-bottom: 15px;
	padding-top: 15px;
	}
				
.biog_photo {display: block; width: 420px; height: 125px; margin-bottom: 10px;}

				#main #innerbox #content {
			display: block; 
			width: 448px; 
			height: 458px; 
			background: none; 
			float: left;
			overflow: auto;
			padding: 25px;
			margin: 0px 0px 0px 0px; 
			color: #fff;
			}
			

			
.press_photo {display: block; width: 420px; height: auto; margin-bottom: 10px;}

				#main #innerbox #content {
			display: block; 
			width: 448px; 
			height: 458px; 
			background: none; 
			float: left;
			overflow: auto;
			padding: 25px;
			margin: 0px 0px 0px 0px; 
			color: #fff;
			}
		
		
.oal_creative_head {
	font-size: 14px;
	color: #f7ebc5; 
	background-color: #066834; 
	margin-bottom: 15px; 
	padding: 2px 0px 2px 4px; 
	.font-style:oblique;
	}	

.oal_creative_main {
	font-size: 16px;
	color: #f7ebc5; 
	background-color: #066834; 
	margin-bottom: 15px; 
	padding: 2px 0px 2px 4px; 
	.font-style:oblique;
	}		
	
#containerC {
height: 100%;
padding: 5px;
}

#col_one {
margin: 0; /* Applied to first column only in lieu of padding (personal thing) */
width: auto; /* Allows for fluid design. Can be set to pixels */
float: left;
.border: thin solid #000; /* again, just so you can see the different columns */
}
#col_two {
margin: 0 0 0 20px; /* Puts a 10 pixel space between columns (left side) - think cellspacing */
width: auto;
float: left;
.border: thin solid #000; /* again, just so you can see the different columns */
} 

.age_range{
	font-size: 20px;
	font-weight: bold;
	color: #92499D;
}

.sub_menu{
	color: #000;
	width:24%;
	float: left;
	text-decoration: none;
	text-align: center;
	background-color: #6AC7CF;
	margin-left: 1px;
	border: thin rgb(255,255,255);
	border-style: outset;
}

.sub_menu_active{
	background-color: white;
	border-style: inset;
}

#button a:hover.sub_menu{
	color: #000;
	background-color: #9087A4;
}

.panel_inactive{
	position: relative;
	float: left;
	top: 80px;
	left:25px;
	height: 200px;
	width: 91%;
}

.bottom_content_panel{
	position: relative;
	float: left;
	top: 80px;
	left:25px;
	height: 200px;
	width: 91%;
	background: #fff url(../images/panel_bottom.jpg) center no-repeat;
}

.top_content_panel{
	position: relative;
	float: left;
	top: 80px;
	left:25px;
	height: 200px;
	width: 91%;
	background: #fff url(../images/panel_top.jpg) center no-repeat;
}

.description{
}

.desc_image{
	position: relative;
	top: 20px;
	float: left;
	left: 20px;
	width: 118px;
	height: 163px;
	background: #fff url(../images/image_one.jpg) center no-repeat;
}

.image_two{
	background: #fff url(../images/image_two.jpg) center no-repeat;
}

.image_three{
	background: #fff url(../images/image_three.jpg) center no-repeat;
}

.image_four{
	background: #fff url(../images/image_four.jpg) center no-repeat;
}

.image_five{
	background: #fff url(../images/image_five.jpg) center no-repeat;
}

.image_six{
	background: #fff url(../images/image_six.jpg) center no-repeat;
}

.image_seven{
	background: #fff url(../images/image_seven.jpg) center no-repeat;
}

.desc_text{
	position: relative;
	top: 15px;
	float: left;
	left: 40px;
	width: 60%;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
.blue_text{
	position: relative;
	top: 15px;
	float: left;
	left: 40px;
	width: 60%;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	color: #0066CC
}

.blue_text_big{
	position: relative;
	top: 15px;
	float: left;
	left: 40px;
	width: 60%;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	color: #0066CC
}

.yellow_text{
	position: relative;
	top: 15px;
	float: left;
	left: 40px;
	width: 60%;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	color: #FF9933
}



.tutors_html{
	background: #fff url(../images/tutors.jpg) center no-repeat;
	height: 610px;
}

.gallery_html{
	background: #fff url(../images/gallery.jpg) center no-repeat;
	height: 610px;
}

.tutor_image{
	position: relative;
	float: left;
	width: 90px;
	height: 95px;
}

.container{
	float: left;
	top: 10px;
	position: relative;
	background-color: gray;
	margin-left: 5px;
	margin-right: 5px;
}

.t1i{
	background: #fff url(../images/tutor_one.jpg) center no-repeat;
}

.t2i{
	background: #fff url(../images/tutor_two.jpg) center no-repeat;
}

.t3i{
	background: #fff url(../images/tutor_three.jpg) center no-repeat;
}

.t4i{
	background: #fff url(../images/tutor_four.jpg) center no-repeat;
}

.t5i{
	background: #fff url(../images/tutor_five.jpg) center no-repeat;
}

.t6i{
	background: #fff url(../images/tutor_six.jpg) center no-repeat;
}

.t7i{
	background: #fff url(../images/tutor_seven.jpg) center no-repeat;
}

.t8i{
	background: #fff url(../images/tutor_eight.jpg) center no-repeat;
}

.t9i{
	background: #fff url(../images/tutor_nine.jpg) center no-repeat;
}

.t10i{
	background: #fff url(../images/tutor_ten.jpg) center no-repeat;
}

.t11i{
	background: #fff url(../images/tutor_eleven.jpg) center no-repeat;
}

.t12i{
	background: #fff url(../images/tutor_twelve.jpg) center no-repeat;
}

.t13i{
	background: #fff url(../images/tutor_thirteen.jpg) center no-repeat;
}

.t14i{
	background: #fff url(../images/tutor_fourteen.jpg) center no-repeat;
}

.t15i{
	background: #fff url(../images/tutor_fifteen.jpg) center no-repeat;
}
.t16i{
	background: #fff url(../images/tutor_sixteen.jpg) center no-repeat;
}

.tutor_text{
	position: relative;
	top: 95px;
	text-align: center;
	width: 90px;
	font-size: 11px;
	font-weight: normal;
}

.tutor_container{
	position: relative;
	float: left;
	left: 37px;
	top: 100px;
}

.c2{
	margin-top: 20px;
}

.stl_row{
	left: 37px;
	top: 200px;
}

h1.creative_text{
	position: relative;
	float: left;
	width: 100%;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	color:#000000
}

.title_row{
	left: 37px;
	top: 200px;
}

.title_text{
	position: relative;
	top: 95px;
	text-align: center;
	width: 100%;
	font-size: 64px;
	font-weight: bold;
	color: #fff;
}

.gallery_row{
	left: 37px;
	top: 200px;
}

.gallery_image{
	position: relative;
	top: 100px;
	text-align: center;
	width: 497px;
	height: 407px;
	font-size: 64px;
	font-weight: bold;
	color: #fff;
	background: #fff url(../images/gallery_images.jpg) center no-repeat;
}

.gallery_title{
	left: 37px;
	top: 100px;
}

.gallery_title_text{
	position: relative;
	top: 30px;
	text-align: center;
	width: 100%;
	font-size: 64px;
	font-weight: bold;
	color: #000;
}
