/* -------------------------------------------
project:  EMS & Associates
date:    2008/09/18
------------------------------------------- */

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {text-decoration: underline; color:#00545A;}
a:hover {text-decoration: none; color:#03135E;}
img {border: none;}
html {height: 100.01%;}
fieldset {border: none;}
legend {display: none;}
p, ul, ol {margin: 2em 0 2em 0;}
li {margin: 0.5em 0 0.5em 20px; }
h2 {margin-bottom: 20px; padding: 0 10px 0 10px; background: url(../images/title2.jpg) left repeat-x; color: #fff; font-size: 1.3em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 30px;}
h3 {margin-bottom: -1.3em; color: #003c42; font-weight: normal; font-size: 1.6em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: 0.05em;}

.maphead { padding: 0px 0px 0px 10px; background: url(../images/title2.jpg) left repeat-x; color: #fff; font-size: 1.3em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 30px; width: 290px; margin: 0px}

.maplarge { padding: 0px 0px 0px 10px; background: url(../images/title2.jpg) left repeat-x; color: #fff; font-size: 1.3em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 30px; width: 610px; margin: 0px}

/* layout
------------------------------------------- */
body {width: 875px; margin: 0 auto; background-color: #E4F5F0;}

#wrapper { margin: 0 auto; background: #fff;
padding:20px; margin-top:20px;}

	#header {overflow: hidden; height: 109px; margin-bottom: 20px; background-image:url(../../images/header.jpg)}
		#header h1 {margin: 0; padding: 0; border: none; }
			#logo {display: block; overflow: hidden; width: 435px; height: 109px; text-indent: -10001px;}
	#sidebar {float: left; width: 180px;}
		#mainmenu {margin: 0 0 15px 0; padding: 10px 0 10px 0; background: #0cc; }
			#mainmenu li {list-style: none; margin: 0; padding: 0;}
				#mainmenu a, #mainmenu a:visited {display: block; marign: 0; padding: 0 0 0 15px; color: #fff; font-size: 1.3em; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; line-height: 25px; text-decoration: none;}
				#mainmenu a:hover {background: #00b8b8;}
		#newsbox {margin: 15px 0 5px 0; padding: 10px 15px 10px 15px; background: #00545a;}
			#newsbox * {color: #fff;}
			#newsbox h2 {margin-bottom: 10px; padding: 0; background: none; font-size: 1.4em; font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: lowercase;}
	#main {float: right; width: 645px;}
	
	
	
	
	#trainingcentre{
	float:left;
	width:180px;
	background-color:#D4E5E5;
	margin:0 10px 10px 0;
	padding:10px;
	height:130px;
	
	}
	
	#trainingcentre1{
	float:left;
	width:180px;
	background-color:#D4E5E5;
	margin:0 10px 10px 0;
	padding:10px;
	height:130px;
	
	
	}
	
	#trainingcentre2{
	float:left;
	width:180px;
	background-color:#D4E5E5;
	margin:0 0 10px 0;
	padding:10px;
	height:130px;
	
	
	}
	
	
	.mainimage {
	float:right;
	margin-bottom:6px;
	margin-left:10px;
	}
	
	#main li {margin: 0.5em 0 0.5em 20px; font-weight:bold; color:#03135E; }
	
	.label {
	list-style:none;
	}
	
	.mainlinks{
	line-height: 2.0;

	}
	
	#bottom_logos{
	width:650px;
	/*float:left;*/
	text-align : center;
	clear:both;
	clear:both;
	border-top:dotted #03135E 1px;
	}
	
	#bottom_logos a {
		padding-left : 15px;
		padding-right : 15px;	
	}
	
	
	
		#client_logos{
	width:200px;
	float:left;
	padding-bottom:30px;
	padding-top:30px;
	text-align:center;


	}
	
	#client_logos2{
	width:200px;
	float:left;
	padding-bottom:30px;
	padding-top:30px;
	text-align:center;


	}
	
	#client_logos3{
	width:200px;
	float:left;
	padding-bottom:30px;
	padding-top:30px;


	}
	
	#bottom_logos img {
	margin:25px 0px 20px 20px;
	}
	
	#bottom-menu {clear: both; height: 32px; margin: 0;}
		#bottom-menu li {float: left; list-style: none; margin: 0; padding: 0;}
			#bottom-menu li a, #bottom-menu li a:visited {display: block; float: left; height: 32px; padding: 0 3px 0 3px; color: #04135d; font-size: 1em; line-height: 32px; text-transform: uppercase; text-decoration: none;}
			
			#bottom-menu li a:hover {color: #666; text-decoration: underline;}
	#footer {height: 68px; padding: 1px 10px 5px 10px; background: url(../images/footer.jpg) repeat-x;}
		#footer p {margin: 0.5em 0 0.5em 0; color: #fff;}
			#footer p * {color: #fff;}
			#footer .vcard strong {margin: 0 0 0 10px;}
			
			
		
.formbutton{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
border: 0px solid #C9E2EF;
height:28px;
width:132px;
background-image:url(../images/buttons/find-out-more.jpg);
cursor:pointer;
float:left;
}

.register_button{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
height:28px;
width:132px;
background-image:url(images/buttons/register.jpg);
cursor:pointer;
float:left;
}

.formbutton:hover{
text-decoration:none;
color:#00545A;

}
			
#form_new {
margin: 0;
padding: 10px 10px 20px 0px;
width:310px;
float:left;
}

#large_map {
margin: 0;
padding: 10px 10px 20px 0px;
width:620px;
float:left;
}


#form_return {
margin: 0;
padding: 10px 0px 20px 10px;
width:310px;
float:left;
border-left:dotted #03135E 1px;
}

#form_register {
margin: 0;
padding: 10px 0px 20px 10px;
width:450px;
float:left;
}

form div label {
float: left;
width:45%;
color:#03135E;
}

.newsfont {
color:#03135E;
font-weight:bold;
}
a.button, a.button:visited, button {padding: 5px; background: #00545A; color: #fff; margin-bottom:10px; text-decoration:none;}
a.button:hover, button:hover, button:focus {background: #00CCCC; text-decoration: none;}
	
	
	a.formbutton, a.formbutton:visited {display: block; width: 136px; height: 32px; background: url(../images/buttons/read-more.jpg) no-repeat; color: #fff; font-size: 1.1em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; line-height: 32px; text-decoration: none; text-align: center;}
	
	
	a.register, a.register:visited {display: block; width: 136px; height: 32px; background: url(../images/buttons/register.jpg) no-repeat; color: #fff; font-size: 1.1em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; line-height: 32px; text-decoration: none; text-align: center;}
	
/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
.l {float: left; margin: 0 20px 20px 10px;}

.rcol {float: left; width: 322px; margin-left:1px;}
.lcol {float: left; width: 322px;}
.rcol .half-content {background: url(../images/vertical-separator.gif) left repeat-y;}
.lcol p, .rcol p {margin-left: 100px; padding-right: 10px; color: #000; font-size: 0.9em; }
a.find-out-more, a.find-out-more:visited {display: block; width: 132px; height: 28px; background: url(../images/buttons/find-out-more.jpg) no-repeat; color: #fff; font-size: 1.2em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; line-height: 28px; text-decoration: none; text-align: center;}
a.find-out-more:hover {color: #00545a; text-decoration: none;}

.news {margin: 10px 0 10px 0; padding-bottom: 10px;}
.news.last {background: none;}
	.news h3 {margin: 0; font-size: 1em; font-weight: bold; letter-spacing: 0;}
	.news p {margin: 0; font-size: 1em;}
	
a.read-more, a.read-more:visited {display: block; width: 136px; height: 32px; background: url(../images/buttons/read-more.jpg) no-repeat; color: #fff; font-size: 1.1em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; line-height: 32px; text-decoration: none; text-align: center;}
#newsbox a.read-more:hover {color: #00545a; text-decoration: none;}

.main-title {padding-left: 315px; color: #999; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 2em; font-weight: normal; line-height: 105px; text-align: center;}
.page-title {margin: 1px 0 20px 0; padding: 0 10px 0 10px; border: 1px solid #04135d; background: #04135d url(../images/title1.jpg) left top repeat-x; color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight: normal; line-height: 28px;}

table {width: 100%; border-collapse: collapse;}
	th {padding: 8px; border: 1px solid #fff; background: #0cc; color: #fff; font-weight: bold; font-size: 0.95em; text-align: center;}
	th.thv { width: 70px; background: #04135d; text-align: left;}
	th.empty {background: #fff;}
	td {padding: 0px 0px 5px 0px;  background: #D4E5E; color: #000; text-align: center;  }
	tr.gray td {background: #acc;}
	tr.over th.thv {background: #0cc url(../images/double-arrow.jpg) right center no-repeat;}

/* unique stuff
------------------------------------------- */
#contact-links li {float: left; list-style: none; margin: 0 10px 0 0; padding: 0;}
	#contact-links a, #contact-links a:visited {display: block; float: left; width: 57px; height: 57px; padding-bottom: 48px; background-position: center bottom; background-repeat: no-repeat; color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 57px; text-align: center; text-decoration: none;}
	#contact-links a:hover { text-decoration:underline;}
	#contact-links a#contact-contact {background-color: #04135d; background-image: url(/assets/images/sq1.jpg);}
	#contact-links a#contact-email {background-color: #00545a; background-image: url(/assets/images/sq2.jpg);}
	#contact-links a#contact-location {background-color: #0cc; background-image: url(/assets/images/sq3.jpg);}
	#contact-links a#contact-map {background-color: #acc; background-image: url(/assets/images/sq4.jpg);}
	
#contact {margin: 15px 0 15px 0; padding-bottom: 1px; background: url(/assets/images/horizontal-separator.gif) bottom repeat-x;}	
	#contact p {color: #000; line-height: 1.7em;}
	#contact p * {color: #000;}
	#contact p .special {color: #00565a; text-transform: uppercase;}
	
	
#course_timetable table {width: 100%; margin: 15px 0 15px 0; border-collapse: collapse;}
	th { background: #0cc; color: #fff; font-weight: bold; font-size: 0.95em; text-align: center;}
	th.thv { width: 70px; background: #04135d; text-align: left;}
	th.empty {background: #fff;}
	td {  background: #d4e5e5; color: #000; text-align: center;}
	tr.gray td {background: #acc;}
	tr.over th.thv {background: #0cc url(../images/double-arrow.jpg) right center no-repeat;}
    .gray{background: #AACCCC;}
	
#newuser_reg table{width:300px;}
.error {color:#FF0000;
}