body {text-align: center; margin: 0;padding: 0; font-family: Arial, Helvetica, Sans-Serif;}
	
	/*DIVS*/
	div{ border: 0px solid #000;} /* FOR LAYOUT TESTING */


	
	/*new footer layout*/
		div.f1, div.f2, div.f3, div.f4{ text-align:center; display: block; }
		div.f1, div.f4{width: 100%;}
		div.f2{float:left; width: 275px;}
		div.f3{float:left; width: 450px;}
		div.f4{clear:left; margin-bottom: 20px;}

	
	div.SBin { width: 130px; min-height:620px; max-height: 95%; border-right: 0px solid black;  float:left; position: absolute; margin-top: 110px; top: 0px; margin-left: 10px;}
	
	div.rev { width: 400px; float:right; height: 150px; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; margin-top: -18px;}
		img.rev  { float: left; height: 125px; margin-right: 15px;}
		span.rev { font-size: 130%; color: #036f8b; font-style: italic; margin-bottom: 15px;}
	div.info { border: 3px dashed #036f8b; border-radius: 10px; font-size: 120%;}
	
	/* FONTS */
	span.foot{font-size:130%; color: #036f8b;}
	p,a{font-size: 100%;}
	p.large{font-size: 125%;}
	p.small{font-size: 60%;}
	
	ul.list { margin-top: 0; padding-left: 25px;}
	ul.list li { list-style: circle; float: none; margin-top: 0; padding-top: 5px;}
	
	ul.large { margin-top: 0;}
	ul.large li { list-style: circle; float: none; margin-top: 0; font-size: 130%;}
	
	div.recommendUs, div.contactUs{width: 420px; padding: 0px 20px 10px 20px; border-radius: 0px 0px 20px 20px; margin-top: -10px; background: #EEE; border-bottom: 2px solid #CCC; border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-top: 1px solid #CCC;margin-bottom: 20px;}
	div.recommendUs textarea{font-size: 100%; font-style: normal; resize: none; border-radius: 10px; width: 400px; padding: 10px; height: 20px; margin: 10px 0px 10px 0px; overflow:hidden; text-align: center; border: 1px solid #EEE; border-top: 1px solid #CCC; border-right: 1px solid #CCC;}
	
	
	input.contact_form:focus, select.contact_form:focus, textarea.contact_form:focus{background: #76abb8; background: rgba(3, 111, 139, 0.5); -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; -o-transition: all 1.7s ease-in-out;transition: all 1.7s ease-in-out; color: white;}
	
	input.contact_form, textarea.contact_form, select.contact_form{border-radius: 0px; padding: 10px; font-size: 100%; border: 1px solid #036f8a; color: #036f8a; background: #EEE; border-bottom-width: 2px; border-right-width: 2px;	}
	
	input.contact_form, textarea.contact_form{width: 477px; }
	
	select.contact_form{width: 500px; }
	
	textarea.contact_form{height: 300px; resize: none;}
	
	input.contact_form_submit{height: 50px; color: #036f8a;  font-size : 100%; width: 100px; border: 1px solid #036f8a; border-bottom-width: 2px; border-right-width: 2px;}
	
	/* sideBar */
	.SB li{ 
	border-left: 5px solid #181818;
	border-right: 1px solid #181818;
	border-top: 1px solid #181818;
	border-bottom: 1px solid #181818;
	margin-top: 9px; 
	margin-left: -40px;
	margin-right: 10px;
	list-style-type: none;
	}

	.SB li a{ display: block;   padding: 10px 20px; height: 22px;}

	li.logout{ 
	border-left: 5px solid #1BE06D;
	border-right: 1px solid #1BE06D;
	border-top: 1px solid #1BE06D;
	border-bottom: 1px solid #1BE06D;
	margin-top: 9px; 
	margin-left: -40px;
	}

	li:hover.logout{
	border-left: 5px solid #1BE06D;
	border-right: 1px solid #1BE06D;
	border-top: 1px solid #1BE06D;
	border-bottom: 1px solid #1BE06D;}

	li.logout a{ 
	padding: 0px 10px;
	font: 18px "Georgia" Serif;
	text-decoration: none;
	color: #1BE06D;}

	a.logout {color: #1BE06D;}
	.SB li a{padding: 0px 10px;
	font: 18px "Georgia" Serif;
	text-decoration: none;
	color: Black;
	}

	.SB li:hover{
	border-left: 5px solid #036f8b;
	border-right: 1px solid #036f8b;
	border-top: 1px solid #036f8b;
	border-bottom: 1px solid #036f8b;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}


	.SB li a:hover { color: #036f8b;} 

	.SB li#current{
	border-left: 5px solid #036f8b;
	border-right: 1px solid #036f8b;
	border-top: 1px solid #036f8b;
	border-bottom: 1px solid #036f8b;
	}
	.SB li#current a{ color:#036f8b; }
	
/* FORMS */
div.label{width: 160px; text-align: left;display: block; height: 30px; padding:10px;}
input.CF, select.CF, textarea.CF{font-size:100%; border:1px solid #036f8b; background: #EEE; border-radius: 10px; float:right;}
input.CF{width:300px;}
select {width:321px;}
input.CF:focus, select:focus, textarea.CF:focus{background: #76abb8; background: rgba(3, 111, 139, 0.5); -moz-transition: all 1.7s ease-in-out; -webkit-transition: all 1.7s ease-in-out; -o-transition: all 1.7s ease-in-out;transition: all 1.7s ease-in-out;}
input.CF, select {padding: 10px; }
input.CFB{width:100px; padding:10px; font-size: 100%;}
textarea.CF{resize: none; width:300px; height:70px; padding: 10px;}

input.btn{ width: 100px; height: 30px; background-color: #545454; font-weight: bold;}
input:hover.btn { 
	font-weight: bold; 
	background-color: #036f8b; 
	color: black; 
	-moz-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
table {  border-collapse: collapse;}
table.frm { width: 50%;}
td.td1 { width: 40%; vertical-align: top;}
td.td2 { width: 60%;}
td.td3 { width: 30%; color: white;}
td.td4 { width: 70%;}
td.f1 { border-right: 1px solid #036f8b;}
table tr td{vertical-align: top;}

fieldset{border: none;}
table.CF { width: 475px; border: 0px solid #036f8b; border-right: 1px solid #036f8b; margin-bottom: 10px; margin-left: 5px; }
table.CF tr { border: none;}
table.CF tr td { border: none; text-align: left;}


table.host, table.host tr, table.host tr td, table.host tr th { border: 1px solid black; width: 550px;}
table.host tr th {width: 20%; background:url(images/headBg4.gif) 0% 50%; color: white; text-align: center;}
table.host tr td { font-size: 130%; font-weight: bold; text-align: center; height: 50px; vertical-align: middle;}
td.app {text-align: center;}
p.price { font-size: 120%;}

table.HP {width: 100%; border: none;}
table.HP tr td {text-align: center; width: 33%;}


/* EXPAND COLLAPSE 2 */
.layer2 { 
margin: 0;padding: 0;width: 100%;margin-top: -10px;/*width: 495px;*/
} 
.heading2{ 
margin : 1px; padding : 3px 10px; cursor : pointer; background: url(images/headBg4.gif) 0% 25%; color: white;position : relative; border-right: solid 2px #036f8b;border-left:solid 2px #036f8b;border-bottom:solid 2px #036f8b;text-align: center;border-radius: 15px;font-family: Arial, Helvetica, Sans-Serif; margin: 0; margin-left: 5px; font-style: italic; font-size: 140%; font-weight: bold; overflow: auto;} 
.content2 { padding : 7px; text-align: center;border-bottom:solid 2px #036f8b; border-radius: 15px;font-style : italic;} 

/* EXPAND COLLAPSE 1 */
.layer1 { 
margin: 0;
padding: 0;
width: 100%;
} 
.heading { 
margin : 1px; 
background: url(images/headBg4.gif) 0% 25%; color: white;
/*color : #036f8b; */
padding : 3px 10px; 
cursor : pointer; 
position : relative; 
background-color : #000; 
border: #000 solid 1px;	border-radius: 10px;

font-size: 110%;
} 
.content { 
margin : 1px; 
padding : 5px 10px; 
/*background-color : #000; */
color : #036f8b; 

font-style : italic; 
} 

/* TABS */

.usual {
  width: 100%;
}
.usual li { list-style:none; float:left; }
.usual ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none;
  background: url(images/headBg4.gif) 0% 25%; 
  margin:5px; margin-top: 0; margin-left:0; margin-bottom:0;
  border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; border-radius: 10px 10px 0px 0px;
  font-size: 125%; font-weight: bold; font-style: italic;  color: white;
}
.usual ul a:hover { color:#fff; background:url(images/headBg4.gif) 0% 50%; }
.usual ul a.selected {
  margin-bottom:0;
  text-decoration: underline;
  border-radius: 10px 10px 0px 0px;
  cursor:pointer;
  border-top: 1px solid #036f8b; border-left: 1px solid #036f8b; border-right: 1px solid #036f8b; border-radius: 10px 10px 0px 0px;
  }
.usual div {
  *padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  border: 2px solid #036f8b; border-radius: 10px;
}
.usual div a { color:#000; font-weight:bold; }

.usual div div{border: none;}

#usual2 { background:#0A0A0A; border:1px solid #1A1A1A; }
#usual2 a { background:#222; }
#usual2 a:hover { background:#000; }
#usual2 a.selected { background:snow; }
#tabs3 { background:#FF9; }

/*New SB - April 2012 on*/
div.SBItem {margin-left: -41px; text-align: center; border: 1px solid grey; font-variant: small-caps;font-weight: bold; color: grey;margin-bottom: 20px; }
div.SBItem2 {margin-left: -41px; text-align: center; border: 1px solid grey; font-variant: small-caps;font-weight: bold; color: grey;margin-bottom: 20px; }
div.SBItem  {height: 90px; padding-top: 10px;}
div.SBItem2{height: 70px; padding-top: 30px;}

#twitter a, #fb a, #feed a, #gPlus a, #twitterF a, #fbF a, #gPlusF a, #feedF a{height: 30px; width: 30px;}
#twitter a, #twitterF a{background: url('images/twitterIcon.png') no-repeat left top;}
#fbF a, #fb a{background: url('images/fbIcon.gif') no-repeat left top;}
#feed a, #feedF a{background: url('images/fd-icon.gif') no-repeat left top;}
#gPlus a, #gPlusF a{background: url('images/gpluslink.png') no-repeat left top;}
#comeIn a{background: url('images/comeHome.png') no-repeat left top;}
#contact a{background: url('images/contact.png') no-repeat left top;}
#qanda a{background: url('images/qanda1.png') no-repeat left top;}
#student a{background: url('images/student.png') no-repeat left top;}
#student a, #contact a, #comeIn a, #qanda a{height: 60px; width: 60px;}
#student a:hover, #qanda a:hover, #contact a:hover, #comeIn a:hover{background-position: left -60px;}
#gPlus a:hover, #twitter a:hover, #fb a:hover, #feed a:hover, #feedF a:hover, #twitterF a:hover, #fbF a:hover, #gPlusF a:hover{background-position: left -30px;}


/*blog styling*/
input.postComment{padding:10px; font-size: 100%;}
textarea#comment{ font-family: Georgia "Times New Roman";border:1px solid #036f8b;  border-radius: 10px; resize:none;}