.main{
	background-color: #fff;
	width: 710px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.screen_main{
	background: #fff url(../images/main.jpg) center no-repeat;
	height: 870px;
}

.screen_main2{
	width: 632px;
	}
	
.navbar{
	text-align: center;
}

.bottom_bar{
	background-color: #fff;
	width: 710px;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.links_bar{
	background-color: #fff;
	width: 632px;
	text-align: right;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.welcome{
	color: #000;
	width:105px;
	float: left;
	text-decoration: none;
}

.welcome_active{
	color: #000;
	width:105px;
	float: left;
	text-decoration: none;
	background-color: #D78A28;
}

#navbar ul a:hover.welcome{
	color: #000;
	background-color: #D78A28;
}

.where{
	color: #000;
	width:105px;
	float: left;
	text-decoration: none;
}

.where_active{
	color: #000;
	width:105px;
	float: left;
	text-decoration: none;
	background-color: #C2E4F6;
}

#navbar ul a:hover.where{
	color: #000;
	background-color: #C2E4F6;
}

.tutors{
	color: #000;
	width:105px;
	float: left;
	text-decoration: none;
}

.tutors_active{
	color: #000;
	width:105px;
	float: left;
	text-decoration: none;
	background-color: #9087A4;
}

#navbar ul a:hover.tutors{
	color: #000;
	background: #9087A4;
}

.gallery{
	color: #000;
	width:105px;
	float: left;
	text-decoration: none;
}

.gallery_active{
	color: #000;
	width:105px;
	float: left;
	text-decoration: none;
	background-color: #DDB8CC;
}

#navbar ul a:hover.gallery{
	color: #00;
	background: #DDB8CC;
}

.apply{
	color: #000;
	width:105px;
	float: left;
	text-decoration: none;
}

#navbar ul a:hover.apply{
	color: #000;
	background: #8CED6E;
}

.home{
	color: #000;
	width:105px;
	float: left;
	text-decoration: none;
}

#navbar ul a:hover.home{
	color: #000;
	background-color: #F5DE14;
}

.welcome_message{
	background: #fff url(../images/welcome_message.jpg) center no-repeat;
	height: 621px;
}

.left_panel{
	width: 45%;
	color: #000;
	float: left;
	text-align: left;
	position: relative;
	top: 130px;
	left: 25px;
	font-size: 12px;
	font-weight: normal;
}

.right_panel{
	width: 45%;
	float: left;
	color: #000;
	text-align: left;
	position: relative;
	top: 130px;
	left: 35px;
	font-size: 12px;
	font-weight: normal;
}

.where_html{
	background: #fff url(../images/where.jpg) center no-repeat;
	height: 1800px;
}

.pray_html{
	background: #fff url(../images/pray.jpg) center no-repeat;
	height: 3000px;
}

.stories_html{
	background: #fff url(../images/stories.jpg) center no-repeat;
	height: 1500px;
}

.jump_html{
	background: #fff url(../images/jump.jpg) center no-repeat;
	height: 734px;
}

.course_content{
	width: 90%;
	float: left;
	color: #000;
	text-align: left;
	position: relative;
	top: 80px;
	left: 35px;
	font-size: 12px;
	font-weight: bold;
}

.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: 60px;
	width: 80%;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}
.blue_text{
	position: relative;
	top: 15px;
	float: left;
	left: 60px;
	width: 60%;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	color: #0066CC
}

.blue_text_big{
	position: relative;
	top: 15px;
	float: left;
	left: 60px;
	width: 70%;
	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;
}

.stl_text{
	position: relative;
	top: 5px;
	float: left;
	left: 60px;
	width: 90%;
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	color:#0066CC
}

.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;
}

.box{
	height: 20px; /*Specify Height*/
	width:  80px; /*Specify Width*/
	border: 1px solid blue; /*Add 1px solid border, use any color you want*/
	background-color: white; /*Add a background color to the box*/
	text-align:left; /*Align the text to the center*/
}

/*--------------------------------------------------------------------------------------

Event Listings Locations - Table Layout

----------------------------------------------------------------------------------------*/

#table.locations { 
	table-layout: fixed;
	width: auto;
	height: auto;
	color: #fff;
	padding: 0px;
	font-size: 1em;
	margin: 0px;
	}

th.locations { 
	width: auto;
	text-color: #ffffff;
	text-align:center;
	font-size: 1em;
	background-color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	color: #fff;
	}
	
th.locations_stl { 
	width: auto;
	text-color: #ffffff;
	text-align:center;
	font-size: 1em;
	background-color: #ff6600;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	color: #fff;
	}
	
th.leaflet {
	width: 50px;
	color: #ffffff;
	text-align:center;
	font-size: 1em;
	background-color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
th.leaflet_nr10 {
	width: 50px;
	color: #ffffff;
	text-align:center;
	font-size: 1em;
	background-color: #996699;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
th.leaflet_stl {
	width: 50px;
	color: #ffffff;
	text-align:center;
	font-size: 1em;
	background-color: #ff9900;
	padding-top: 5px;
	padding-bottom: 5px;
	}

	
th.locations_sub { 
	width: auto;
	color: #ffffff;
	text-align:center;
	font-size: 1em;
	background-color: #821722;;
	padding-top: 0px;
	padding-bottom: 1px;
	}
	
th.locations_nr10 { 
	width: auto;
	color: #ffffff;
	text-align:center;
	font-size: 1em;
	background-color: #996699;;
	padding-top: 0px;
	padding-bottom: 1px;
	}
	
th.month_nr10 { 
	width: auto;
	color: #ffffff;
	text-align:center;
	font-size: 1em;
	background-color: #663366;;
	padding-top: 0px;
	padding-bottom: 1px;
	}
	
th.locations_sub_stl { 
	width: auto;
	color: #ffffff;
	text-align:center;
	font-size: 1em;
	background-color: #FF3300;
	padding-top: 0px;
	padding-bottom: 1px;
	}

tr { 
	font-size: 1em; 
	text-align:center;
	color: #fff;
	}
	
tr.normal {background-color: #000; font-size: 1em;}
	
td {
	height: 30px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	td.column1 {background: #000; color: #FFFFFF; font-size: 1em;}
	td.column1_nr10 {background: #996699; color: #FFFFFF; font-size: 1em;}
	td.column1_stl_base {background: #0099FF; color: #fff; font-size: 1em;}
	td.column1_stl_basesub {background: #66CC00; color: #fff; font-size: 1em;}
	td.leaflet {background-color: #000; 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: #821722; font-size: 1em;}
	
	td a {color: #FFFFFF;}
	td a:hover {color: #000;}