@import url(http://fonts.googleapis.com/css?family=Signika:400,600,700,300);



body {

background:url(images/waves_2.jpg) center top;

font-family: georgia,sans-serif;

color:#333;

margin:0;

padding:0;

font-family:Arial, Helvetica, sans-serif;



}

 

#wrapper {

width:980px;

margin:0 auto;

}





#top {

	width:100%;

	height:32px;

	background:#28475D;

	text-align:center;

	margin:0;

	line-height:32px;

	

}





#top h2 {

	color:#fff;

	font-size:13px;

	margin:0;

	font-family:Arial, Helvetica, sans-serif;



}





#header {

width:980px;

height:180px;

margin:0 auto;

}



#header h2 {

}



#header h3 {

padding:10px;

}





.logo {

	margin:20px 0 15px 30px; float:left; height:141px;

}





.login {

	margin:35px 0 15px 20px; float:right; width:241px; 

}







#nav{

width:980px;

height:40px;

margin:0 auto;

text-align:center;

font-size:16px;

font-weight:500;

}



#nav ul {

	list-style:none;

	padding:0;

	background:#28475D;

	height:33px;

	margin:0;

	line-height:33px;



}





#nav ul li{

	padding:0;

	display:inline-block;

}



#nav a {

text-decoration:none;

	margin:0 auto;

color:#fff;

padding:6px 15px;

font-family: 'Signika', sans-serif;



}



/*#nav a:hover {

background-color:#2D2D2D;

	width: 0; 

	height: 0; 

	border-left: 10px solid transparent;

	border-right: 10px solid transparent;

	border-bottom: 10px solid transparent;

	border-top: 10px solid #f00;

}

*/





#nav a:hover { position: relative;  background: #3c6a8c;  }

#nav a.active { position: relative;  background: #2D2D2D;  }





 

 #nav a.active:after,

 #nav a.active:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

 

#nav a.active:after { border-color: rgba(136, 183, 213, 0); border-top-color: #2D2D2D; border-width: 8px; left:40%;  }

 

 #nav a.active:before { border-color: rgba(194, 225, 245, 0); border-top-color: #2D2D2D; border-width: 0px;  }





ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 99; cursor: default;  }

ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: -30px; z-index: 100; margin:0; padding:0; }

ul.drop ul li { float: none; width:180px; background:rgba(60,106,140,.7); margin:0; padding:0; }

ul.drop ul li:hover { float: none; width:180px; background: #3c6a8c; margin:0; padding:0; }



ul.drop ul ul { top: -2px; left: 100%; }

ul.drop li:hover > ul { visibility: visible; }











#content {

width:980px;

background:#ffffff;

color:#28475D;

}





#footer {

clear:both;

width:980px;

text-align:center;

color:#fff;

padding:10px 0 2px;

background:#28475D;

margin-bottom:10px;

}



#footer a {

color:#fff;

text-decoration:none;

font-family: 'Signika', sans-serif;



}



#footer a:hover {

color:#41A5E1;

text-decoration:none;

font-family: 'Signika', sans-serif;



}



#footer p {

padding:5px 0 0;

font-size:12px;

line-height:21px;

}



.home-right {

width:356px; float:left; height:300px;  text-align:center;	

font-size:13px !important;

font-family: 'Signika', sans-serif;



}

.home-right p.heading {



font-size:30px;

color:#3c6a8c;

border-bottom:1px dotted #000;

width:330px;

padding:0 0 10px 0;

margin:80px auto 15px;

}



.home-right h1{

font-size:18px !important;

}



.content_left {

	width:683px;

	float:left;

	font-size:12px;

	line-height:20px;

	



}



p.bdr {

	padding-bottom:10px;

	border-bottom:1px solid #28475D;

}



.content_right {

width:277px;  float:right;  

}



.content_bottom {

	width:980px; border-top:3px solid #28475D; text-align:center 

}

.content_bottom img{

	margin:5px;

}



.loginform {

	background:url(images/Student_login.jpg) no-repeat center;

	width:241px;

	height:123px;

	position:relative;

	

	

}



#login {

	position:absolute;

	top:36px;

	left:18px;

	background:none;

	width:110px;

	height:20px;

	border:none;

	padding:5px;

	font-family: 'Signika', sans-serif;

	color:#28475D;



}



#password {

	position:absolute;

	top:66px;

	left:18px;

	background:none;

	width:110px;

	height:20px;

	border:none;

	border-top:none;

	padding:5px;

	font-family: 'Signika', sans-serif;

	color:#28475D;



}

#forgot_password {
position:absolute;
width:150px;
height:20px;	
top:98px;
display:block;
z-index:99999;
left:18px;
}



#submit {

		position:absolute;

	top:50px;

	left:155px;

	background:none;

	width:73px;

	height:30px;

	padding:5px;

	border:none;

	cursor:pointer;	

	background:url(images/go_btn.jpg) no-repeat center;
	


}



#submit:hover {

	background:url(images/go_btn_hover.jpg) no-repeat center;

}





/* About */



#about {

	border-top:3px solid #28475D; 

	padding:0px 10px;

}



.about_content1 {

	width:940px; 

	padding:3px 10px 0;

font-size:13px;



}



.about_left {

width:460px;  float:left;

font-size:12px;	

}



.about_left p{

	line-height:20px;

}





.about_left h1{

margin:3px 0 0 0;

}





.about_right {

width:470px;  float:right;

margin-top:3px;



}



.about_bottom {

	width:100%;

}



.about_bottom_logos {

	width:100%;

	border-bottom:1px solid #28475D; 

	text-align:center;

}





.about_left h1{

	border-top:3px solid #28475D; 

	border-bottom:1px solid #28475D; 

}



.about_bottom h1 {

text-align:center;

font-size:28px;

border-bottom:3px solid #28475D; 

padding-bottom:10px;

}



/* Courses */



#courses {

	border-top:3px solid #28475D; 

	padding:10px 10px 5px;

	font-size:12px;

	

}



#courses p {

line-height:20px;	

}



.course_logos img{

	margin:5px;

}



.bop_courses {

border-top:3px solid #28475D;

}



.bop_courses_left {

	width:700px;

	float:left;

}



.bop_courses_right {

	width:230px;

	float:right;

}



.bop_courses_middle {

border-top:3px solid #28475D;

	

}



.bop_courses_middle_left {

	width:700px;

	float:left;

	margin-left:10px;

	

}



.bop_courses_middle_right {

	width:230px;

	float:right;

}



.classroom_middle_right {

	width:230px;

	float:right;

}



.subseaclassroom_middle_right {

	width:230px;

	float:right;

}



.classroom_middle_right .courses_contact {

	width:180px;

	height:200px;

	padding:10px;

	border:1px solid #333;

	margin:150px 0 0 10px;

	border-radius:5px;

	text-align:center;

}





.subseaclassroom_middle_right .courses_contact {

	width:180px;

	height:270px;

	padding:10px;

	border:1px solid #333;

	margin:115px 0 0 10px;

	border-radius:5px;

	text-align:center;

}



.courses_contact {

	width:170px;

	height:330px;

	padding:10px;

	border:1px solid #333;

	margin:95px 0 0 25px;

	border-radius:5px;

	text-align:center;

}



.courses_contact span {

	font-weight:bold;

	color:#ff0000;

}





.course_back_btn {

	width:110px;

	height:34px;

	background:url(images/back_btn.jpg) no-repeat center;

	display:block;

	margin:0 auto;

	color:#fff;

	text-decoration:none;

	line-height:30px;

	text-align:center;

	

	

	

}



.course_back_btn:hover {

	background:url(images/back_btn_hover.jpg) no-repeat center;

	

}

.breadcrumb a {

	color:#28475D;

}



.breadcrumb span {

	font-weight:bold;

}



.enrol {

display:block; 

width:80px; 

height:20px; 

padding:11px 10px 7px; 

background:#ff0000; 

text-align:center; 

color:#fff; 

margin:0 auto; 

border:1px solid #000; 

border-radius:5px;

text-decoration:none;	

}


.enrol1 {

display:block; 

width:80px; 

height:20px; 

padding:11px 10px 7px; 

background:#ff0000; 

text-align:center; 

color:#fff; 

margin-left:20px; 

border:1px solid #000; 

border-radius:5px;

text-decoration:none;	

}



/* Services */



#services {

	border-top:3px solid #28475D; 

	padding:10px 10px 5px;

	font-size:12px;

	line-height:20px;

}





#services_left {

	width:410px;

	float:left;

}



#services_right {

	width:520px;

	float:right;

}



#services_right h1{

font-weight:normal;	

padding;0;

margin:5px 0;

}





#services_right h3{

margin:0;

}



#services ul {

	list-style:outside;

	line-height:20px;

}





/* Testimonials */



#testimonial {

padding: 0px 10px;

border-top:3px solid #28475D; 

	

}



#testimonial h1 {

border-top:3px solid #28475D; 

	border-bottom:1px solid #28475D; 

	padding:10px 0;	

}



#testidiv_container {

	width:820px;

	margin:0 auto;

}



.testidiv {

	width:160px;

	text-align:center;

	float:left;

	margin:5x;

}



.name {

font-weight:bold;	

}



.position {

font-size:12px;	

}



.readmytestimonial a{

	font-size:14px;

	background:#AFC7D8;

	color:#28475D;

	

}



#testimonial-content {

	padding: 0px 10px;

border-top:3px solid #28475D; 



}

.testidiv_content {



}

.testidiv_content_left {

	width:200px;

	float:left;

	text-align:center;

}

.testidiv_content_right {

	width:700px;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	line-height:20px;

	position:relative;

	color:#3C6A8C;

	margin-left:10px;

}



.back_btn {

	width:110px;

	height:34px;

	background:url(images/back_btn.jpg) no-repeat center;

	display:block;

	margin:0 auto;

	color:#fff;

	text-decoration:none;

	line-height:30px;

	

}



.back_btn:hover {

	background:url(images/back_btn_hover.jpg) no-repeat center;

	

}









/* Transport */



#transport {

	border-top:3px solid #28475D; 

	padding:10px 10px 5px;

	font-size:12px;

}



.transport_left {

	width:440px;

	float:left;

	text-align:center;

}



.transport_right {

	width:500px;

	float:right;

	line-height:20px;

}



.transport_right a {

text-decoration:none; color:#fff;	

}



.transport_right a:hover {

text-decoration:underline; color:#ccc;	

}





.transport-box {

	width:350px;

	height:150px;

	margin:0 auto;

	background:#28475D;

	-moz-box-shadow: 0 0 5px #666;

-webkit-box-shadow: 0 0 5px #666;

box-shadow: 0 0 5px #666;

border-radius:5px;

color:#fff;

text-align:center;

font-size:14px;

}







/* contact */



#contact {

	border-top:3px solid #28475D; 

	padding:10px 10px 5px;

	font-size:12px;

}



.contact_left {

	width:620px;

	float:left;

}



.contact_right {

	width:320px;

	float:right;

	line-height:20px;

}



.contact_right h1{

	border-top:3px solid #28475D;

	border-bottom:1px solid #28475D;

	padding:10px 0;

}



.contact_bottom {

	width:800px;

	margin:30px auto;

	-moz-box-shadow: 0 0 5px #555;

-webkit-box-shadow: 0 0 5px #555;

box-shadow: 0 0 5px #555;

}



.contact_bottom input{

	padding:10px;

	width:320px;

	height:20px;

	background:#AFC7D8;

}



.contact_bottom input[type="radio"]{

	

	width:20px;

	background:#AFC7D8;

	height:10px;

}



.contact_bottom select{

	

	width:340px;

	height:40px;

	background:#AFC7D8;

}





.contact_bottom textarea{

	padding:10px;

	width:320px;

	height:160px;

	margin:0;

	background:#AFC7D8;

}



#contactsubmit {

	background:url(images/send.jpg) no-repeat;

	width:110px;

	height:50px;

	border:none;

	padding:none;

	cursor:pointer;

}



#contactsubmit:hover {

	background:url(images/send_hover.jpg) no-repeat;

}



.course-feature {

width:190px; padding:10px; height:150px; float:right; background:#28475D; color:#fff; -webkit-box-shadow: -1px 1px 15px 0px rgba(0,0,0,0.64);

-moz-box-shadow: -1px 1px 15px 0px rgba(0,0,0,0.64); box-shadow: -1px 1px 15px 0px rgba(0,0,0,0.64); border-radius:5px; margin-top:-30px; margin-left:10px;	

}



a.email_enquiry {

	display:block;

	background:url(images/email_enquiry.jpg) center top no-repeat;

	width:180px;

	height:32px;

	text-align:center;

	padding:15px 10px 10px;

	text-decoration:none;

	font-size:18px;

	margin:0 auto;

	color:#ff0000;

}



a.email_enquiry:hover {

	background:url(images/email_enquiry_hover.jpg) center top no-repeat;

}



.course-includes {

width:300px; margin:15px 10px 10px 58px; padding:10px; height:140px; float:left; background:#E2FBFB; color:#000; -webkit-box-shadow: -1px 1px 15px 0px rgba(0,0,0,0.64);

-moz-box-shadow: -1px 1px 15px 0px rgba(0,0,0,0.64); box-shadow: -1px 1px 15px 0px rgba(0,0,0,0.64); border-radius:5px;  



}



.course-for {

	float:left;

	width:250px;

	color:#000;

	margin-left:30px; 

}





/*  newsletter */



#newsletteremail {

	position:absolute;

	border:0px solid #ff0000;

	top: 34px;

	left:149px;

	width:284px;

	height:23px;

	background:none;

}



#newslettersubmit {

border:0px solid #ff0000;

width:120px;

height:30px;

position:absolute;

top: 74px;

left:320px;	

background:none;

cursor:pointer;

}





#newsletter {

	

	border-top:3px solid #28475D; 

	padding:10px 10px 5px;

	font-size:13px;

}



.newsletter_left {

	/*width:620px;*/

	width:330px;

	float:left;

}



.newsletter_right {

	width:620px;

	float:right;

}



.newsletter_right h1 {

	margin:0;

	padding:0;

}



ul.news {

	list-style:none;

	margin:0;

	padding:0;

	font-family: 'Signika', sans-serif;

}



ul.news li a{

	

	background:url(images/newsnav_bg.jpg) no-repeat left;

	height:20px;

	width:295px;

	padding:10px;

	display:block;

	text-decoration:none;

	color:#28475D; 

	font-size:14px;

}



ul.news li a:hover {

	

	background:url(images/newsnav_bg_hover.jpg) no-repeat left;

}





/***********************************************************************************************************************

Newsletter page Accordion styles

************************************************************************************************************************/





#news_wrapper {

	width: 320px;

	margin-left: auto;

	margin-right: auto;

	}



.accordionButton {	

	

	float: left;

	_float: none;  /* Float works in all browsers but IE6 */

	

	cursor: pointer;

	

	background:url(images/newsnavtitle_bg.jpg) no-repeat left;

	height:20px;

	width:295px;

	padding:10px;

	display:block;

	text-decoration:none;

	color:#28475D; 

	font-size:14px;

	

	}

	

.accordionContent {	

	width: 320px;

	float: left;

	_float: none; /* Float works in all browsers but IE6 */

	margin-left:10px;

	}

	

/***********************************************************************************************************************

 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS

************************************************************************************************************************/



.on {

	background:url(images/newsnavtitle_bg.jpg) no-repeat left;

	height:20px;

	width:295px;

	padding:10px;

	display:block;

	text-decoration:none;

	color:#28475D; 

	font-size:14px;

	}

	

.over {

	background:url(images/newsnavtitle_bg_hover.jpg) no-repeat left;

	height:20px;

	width:295px;

	padding:10px;

	display:block;

	text-decoration:none;

	color:#28475D; 

	font-size:14px;

	}