#signuplink{
	font-size:1.2em;
	margin-bottom:5px;
	height:1.2em;
}
#signuptab{
	line-height:2em;
}

td, th, tr{
	font-size:100%;
}

#leftedge{
	background-image:url('images/leftedge2.jpg');background-repeat:repeat-y;
}

#rightedge{
	background-image:url('images/rightedge2.jpg');
}	

#topleftcorner{
	background-image:url('images/formtopleft2.jpg');background-repeat:no-repeat;width:30px;
}

#topcenteredge{
	width:665px; height:30px; background-image: url('images/topedge2.jpg');background-repeat:repeat-x;
}

#topcontentcenteredge{
	width:600px; height:30px; background-image: url('images/topedge2.jpg');background-repeat:repeat-x;
}

#toprightcorner{
	background-image:url('images/formtopright2.jpg');width:30px;
}
	
#content{
	margin-top:20px;margin-bottom:30px;width:100%;
}

#maincontent{
	margin-top:20px;margin-bottom:20px;width:100%;
}

#copyrightlink{
	margin-top:10px;
}

#copyrightlink a, #copyrightlink p{
	color:white;
	font-size:12px;
}

h1 {	
	font-size:2.5em; 
	text-align: center;
	font-weight: 900;
	font-family: georgia;
	color:#506D8B;
   }
   
 .subjecttitle{
	padding:10px;
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
}


* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

.servicesubject{
	font-size:12px; padding:5px;font-weight:bold;font-style:italic;
	color:red;
	text-decoration:underline;
	padding-top:10px;
	padding-bottom:10px;
}

 a.servicespeciality, a.servicespeciality:visited{
	text-decoration:underline;
	color:#506D8B
}

.subjectstable {
	max-width: 400px;
	margin: auto;
}

#signup{
	padding:3px;
}

#signup a{
	color:white;
}

#tutorarealink a:link, #tutorarealink a:visited{
	color:green;
}

body {
	font-family: lucida, verdana;
	font-size: 62.5%;
	margin: 10px 0 0;
	width: 100%;
	
	background: #013f67 url('images/background.jpg') repeat-x scroll 0 0; 	
}

.regtitle, .regsubtitle{
	padding: 5px 0;
	font-size: 22px;
	color: #506D8B;
	font-weight: bold;
	font-family: arial,verdana,tahoma;
}
.regtitle{
	text-align:center;
}

.regheading{
	font-size: 18px;
	color: #FEA500;
	font-weight: bold;
	font-family: arial,verdana,tahoma;
}

.registertd {
	padding: 6px;
}

.register2td{
	padding: 6px;
	padding-left: 10px;
}

.register2check{
	text-align: center;
}

.reginput{
	width:250px;
}

.logintxt{
	width:200px;
	padding-right:50px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:right;
	font-weight:bold;
}

.menutitle, .menusubtitle{
	cursor:pointer;
	margin-bottom: 1px;
	color:#000000;
	width:225px;
	padding-top:1px;
	padding-bottom:1px;
	text-align:left;
	font-weight:bold;
	/*/*/border-bottom:1px solid white;/* */
	border-top:1px solid #cfcfcf;
	
}
	

.menutitle a:link, .menutitle a:visited, .menusubtitle a:link, .menusubtitle a:visited, .menutitle p, .submenu a{
	color:#28537E;
	font-size:14px;
}

.menutitle a:link, .menutitle a:visited, .menutitle p{
	padding-left:10px;
	display:block;
}


.menusubtitle{
	padding-right:0;
	margin:0;
}



.menusubtitle a:link, .menusubtitle a:visited{
	color:#28537E;
	/*padding-left:40px;*/
	display:block;
}

.menusubtitle a:hover, .menutitle a:hover, .submenu a:hover{
	background: red ; 
	color:white;
}
.submenu a, .menusubtitle a{
	display:block;
	padding-left:40px;
}

loginfield{
	width:250px;
}


#footer a{
	font-size:12px;
}

#footer a:link, #footer a:visited{
	color: white;
	text-decoration: none;
}

#footer a:hover{
	color: red;
	text-decoration: none;
}
#footer{
	width:860px;
	margin:0 auto 7px;
	background: #28537E; 
	padding:10px;
	font-size:12px;
	color:white;
}



.navigation{
	line-height:1;
}	

.navigation li{
	float: left;
	margin:0;
	padding:0;
	display:block;
	padding-left:3px;
	line-height:2.5;
	position: static;
}

/*.navigation a{
	background: url('/img/middlebutton2.jpg') repeat-x scroll 0 0;	
	padding: 8px 15px;
	border-left: 1px solid #FFFFFF;
	line-height:1;
	font-size:12px;
}

.navigation a, .navigation a:visited{color:#191091;}*/
.navigation a, .navigation a.leftbuttonlink, .navigation a.rightbuttonlink{
	padding: 8px 15px;
	line-height:1;
}
.navigation a, .navigation a:visited{
	color:#28537E;
}

.navigation a:hover{
	color:red;
}

/*.navigation a.leftbuttonlink{
	background-image:url('/img/leftbutton3.gif');
	border-left-style:none;
}

.navigation a.rightbuttonlink{
	background-image:url('/img/rightbutton3_active.gif');
	background-position:right top;

}
*/
.navigation li.leftbuttonlist{
	background: transparent none repeat scroll 0 0;
	padding-left:0;
}	

#btmLeftCorner{
	background: url("img/bottomleftcorner.jpg") left bottom no-repeat;
}

#btmRightCorner{
	background: url("img/bottomrightcorner.jpg") right bottom no-repeat;
}

#benefitstitle, .benefitstitle {
	color:#506D8B;
	font-size: 20px;
	padding: 10px;
	font-style: arial;
}

.heading1{
	color: #ff8b00;
	font-size: 17px;
	font-weight: bold;
	font-family: ludica, arial,verdana,tahoma;
}

#right_content{
	/*font-size:1.2em;*/
	margin: 10px 10px 0 10px;
	text-align: justify;
	/*font-family:lucida;*/
	float:left;
	width:662px;
}
	
#contentholder {
    background-color: #ccffff;
	float: left;
	width: 100%;
    height: 430px;
}

.signInTopLeft{
	//background: url("img/SignInTopLeft.gif") left top no-repeat;
	background-color:transparent;
	background-image: none;//url("img/signintopleft2.gif");
	background-position: left top;
	background-repeat:no-repeat;
	text-align: center;
}

.signInTopRight{
	//background: url("img/SignInTopRight.gif") right top no-repeat;
}

.signInBottomLeft{
	background: url("img/SignInBottomLeft.gif") left bottom no-repeat;
}

.signInBottomRight{
	background: url("img/SignInBottomRight.gif") right bottom no-repeat;
}

#signintext{
	text-align: center;
	font-size: 20px;
}

#contentholderstats {
	background-color: white;
	float: left;
	width: 100%;
	height: 1200px;
}

#wrapper {
	margin: 0px auto 30px;	/*let browser set left and right margins*/
	position: relative;  /*so that if browser is shrinked horizontally, it is positioned accordingly*/
	text-align: left;
/*	max-width: 950px;
	width: 100%;
	*/
	/*width:950px;*/
	z-index: 1;
	padding:2px;
}

#header {
	background: blue url(../Pictures/header-right-bg.jpg) no-repeat scroll 100% 0; 
	color: #333333;
	height: 120px;
}

/*creating a menu on right side of screen*/
#right {
	background-color: cyan;
	float: right;
	width: 20%;
	height: 100%;
	
}

#left, #mathleft{
	float: left;
	background-color: #ccffff;
	width: 76%;
	height: 100%;
	padding: 0 10px;	
}

#mathleft {
	background-color: white;
}

#coursedetail {
	background-color: lightgoldenrodyellow;
	width: 78%;
	margin-right: -2%;
	margin-left: -2%;
	float: right;

}

#coursewelcome {
    height: 30%;
}

#courselist {
	background-color: linen;
	width: 25%;
	float: left;
}

#coursedetail, #courselist {height: 69%;}

ul.menu { text-indent: 0.5cm;}

ul.subtopic {
	text-indent: 0.5cm;
	list-style-type: square;
	list-style-position: inside; 
}

#contact {
	text-align: center;
}



p.construction {
	text-align: center;
}
	

h2 { 	text-align: center;}

h2.service { text-align: left;}

td#futureschedule, th#futureschedule{width:100px;}

/*p, li{ font-size:1.2em;}*/

.calendarnav a{color:red;}


ul.content, ol.content{padding:0 0 20px 10px; list-style-position:inside;}

.key{font-weight:bold;text-align:left;}

td.celldata {padding-left:5px;padding-right:5px;text-align:left;}

.homecontent{padding-top:10px;}

#book_status_legend_table{float:left;margin-bottom:10px;}

.legenddescription{padding:0 10px;}

#confirmationtable td{padding:5px;}

#userinfotable td{padding:5px;}

.required{color:red;}

.regsubtitle{color:brown;font-size:18px;}
.reginput2{width:220px;}

.reginstruction, .reginstructionheading{padding-top:5px;text-align:left;}

.reginstructionheading{color:red;font-weight:bold;}

.servicetitle{color:blue;font-weight:bold;font-style:italic;}
#tablewrapper{
	background: transparent url('images/backgroundtop.jpg') repeat-y scroll right top;
}

#topleftedge{
	background-image:url('images/leftedge2.jpg');
}

#right_edge{
	background-image:url('images/rightedge2.jpg');
}
#bottom_edge{
	background-image: url('images/bottomedge2.jpg');
}

/* sidebar */
.menu_top_block{
	background: transparent url('images/menutop1.gif') no-repeat scroll left top;height:53px;
}
.menu_bottom_block{
background: transparent url(images/menubottom1.gif) no-repeat scroll left top;height:53px;
}
.error{
	color:#ff0000;
	list-style:disc inside none;
}

/* forms */

#form_cont{
	margin:20px auto;
}
/*
#form_cont label{
	width:50%;
	display:inline-block;
	float:left;
}
*/
.row input, .row select{
	width:240px;
	height:30px;
	line-height:30px;
	float:left;
	clear:right;
}
.success{
	color:green;
	font-size:12px;
}
/* booking - availabilities */
span.checkbox{
background:transparent url(images/checkboxes.png) repeat-x scroll 0 0;
clear: left;
display:block;
float:left;
height:54px;
padding: 0;
width:75px;
}

#datetitle{
background: #6666FF; 
}

#daytitle{
background: #28537E; 
font-weight:bold;
}
.time{
	background: #28537E ; 
	text-align:center;}
.calendarnav{
	background-color:#f7fdfd;
	text-align:center;
}
.book_status_color{
	width:30px;
	display:inline-block;
}
.available{
	background: #fa943f; 	
}
.selected{
	background: #01ae42; 
}
.unavailabe{
	background: #6666ff ;
}
td.legenddescription, #availtable td{
	width:60px;
}
#book_status_legend_table td{
	width:60px;
}
div#terms_box{
/*	clear:right; 
	margin-left:250px;
	*/
}
.my_button{
background: #42688E;
color: white;
padding: 5px;
border: 0px none;
font-weight: bold;
font-family: lucida, verdana;
font-size: 11px;
width:142px;
}
.back_link{
color: #28537E;
}
.extradetails{
border-bottom: 1px solid #28537E;
padding:10px 0;
}
.avail_box{
color:white;
}
.disabled{
	background:#6666FF none;
}
.next_week{
	background: transparent url('images/next.png') no-repeat scroll 0 0; 
}
.prev_week{
	background: transparent url('images/prev.png') no-repeat scroll 0 0; 
}
.next_week, .prev_week{
	display: inline-block;
    height: 27px;
    width: 36px;
}
.nav_cont, .book_nav_cont {
	height:30px;
	margin: 10px auto;
	font-size:14px;
	width:430px;
}
.prev_cont{
	width:50%;
	text-align:left;
	float:left;
}
.next_cont{
	width:50%;
	text-align:right;
	float:left;
}
.centerbox{
	text-align:center;
}
/* End booking - availabilities */
p,a,td,li, th{
}
.availtable td{
	width:75px;
	border:1px solid white;
}
table.availtable{
border: 7px solid #28537F;
}
.book_msg_1{
	padding:50px 50px 0;
}
.book_msg_2{
	padding:20px 50px 50px;
}
#book_err_msg_cont{
	text-align:justify;
	padding:50px;
}
#book_err_title{
	font-size:30px;text-align:center;padding-bottom:20px;color:red;
}
.border_box{
	border: 8px solid #2B5580;
	padding:16px;
	font-size:14px;
}
/* tutor feedback*/
#rating_tab{
	text-align:center; 
}
#rating_lengend{
	display:none;
}

/* logo area */
#logo{
	border:0px none;
	height: 123px;
}
ul.navigation{
	height:30px;
}
.content_wrapper{
/*	background: #6C89A7 url('images/main_cont_bg_2.jpg') repeat-x scroll 0 0; 
	background:#fafafa;
*/
	background: #a3b4c6 url('images/main_cont_bg_2_1.jpg') repeat-x scroll 0 0; 
	padding: 0 20px;
	border: 1px solid #D4D4D4;
}

/* carousel */
#car_container{
	position:relative;
	background: white url('images/carousel/carousel1_2.jpg');
    height: 180px;
    /*background-size: contain;*/
	background-repeat: no-repeat;
	background-position: right;
}
.carousel_section {
	border: 5px solid #28537E;
}
#car_text {
	font-weight: bold;
	left: 20px;
	text-shadow: 2px 2px 8px #000607;
	position: absolute;
	top: 30px;
	max-width: 50%;
	color: #c9de0d;
}
#sidebar_tab .active{
	background: #28537E; 
}
#sidebar{
	float:left;	
	width:225px;
	padding:30px 0 0;
}
.clear{
	clear:both;
}
#sidebar a.active{
	background: #28537E; 
	color:white;
}
#form_content, #form_cont, .form-container {
    margin: 20px auto;
    padding: 0 20px;
	max-width: 432px;
}
.content > a, #terms_box a{
	background: #28537E;
	color:white;
}
.left_text{
float:left;
}
.right_text{
float:right;
}
.left_align{
	text-align:left;
}
.white_text{
	color:white;
}
.blue_text{
	color: #28537E;
}
.darkb_text{
	color:#292D32;
}
#book_field_cont{
	margin:0 75px 0 0;
}
#details{
	width:200px;
	height:60px;
}
#book_values_cont{
	width:225px;
}
#book_values_cont input[type='text'],#book_values_cont textarea{
	width:225px;
}
.white_link_cont a{
	color:white;
	background: #28537E;
}
.align_center{
	text-align:center;
}
.row .action_button{
	width:150px;
}
span.disabled{
	background:#6666FF none;
}
td.errortd{
	color:red;
	font-weight:bold;
}
.first_app_cell{
	width:36%;
}
.app_wide_cell{
	padding: 0 0 0 312px;
}
.app_second_cell{
	width:38%;
}
table.AppForm{
	width:100%;
}
.spacer{
	height:7px;
}
.bottom_sidebar{
	width:225px;
	border-top:1px solid #CFCFCF;
}
#masterdiv{
	width:225px;
}


/* new */

.content_wrapper{
	background:#fafafa;
}
.next_week {
    background: url("images/next2.png") no-repeat scroll 0 0 transparent;
}
.prev_week {
    background: url("images/prev2.png") no-repeat scroll 0 0 transparent;
}
.avail_box {
    color: black;
}
.availtable{
	color:white;
	margin: auto;
}
.border_box ul li{
	list-style: inside;
}
/*
a, a:visited{
color: #506D8B;
}
*/
.content > a, #terms_box a {
	color:#28537E;
	background:none;
}
/* end new */
/*
.row{
	height:35px;
	line-height:35px;
}
*/
/* tokens table */
#token_table td, #token_table th{
	padding:0 4px;
}
div.text_row{
	margin: 0 0 20px;
	height:25px;
}
p.fieldname{
	float:left;
	width:150px;
}
div.message_row{
	height:60px;
}
.login-btn, .register-btn, .submit_button {
	width: 100%;
}
.contactform, .forgot-pass-form, .pass-reset-form, .login-form, .form_cont {
	max-width: 400px;
	margin: auto;
}
.footer-content {
	text-align: center;
	
}
.success-message {
	margin:75px 0;
	text-align: center;
}
.error ul {
	padding-left: 0;
}
.account-home-container {
	max-width: 500px;
	margin: 50px auto;
	border: 1px solid gray;
}
a.cancel-btn {
	color: white;
}

.banner-image {
	max-width: 100%;
	height: 500px;
	background-size: cover;
	background-position: center;
}

.home-banner-image {
	background-image: url('images/home-banner.jpg');
}

@media only screen and (max-width: 600px) {
	.banner-image {
		height: 25vh;
	}
}