/*PAGE ELEMENTS*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	color: #666;
	background-color: #fff;
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	line-height: 120%;
}

#wrapper {
	width: 770px;
	margin: 0 auto;
	padding-bottom: 25px;
}

#header {
	height: 101px;
	position: relative;
	background: url(../images/logo.jpg) 0 0 no-repeat;
}

#banner {
	height: 231px;
	background-image: url(../images/banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#content {
	float: right;
	width: 550px;
	margin: 20px 0 0 0;
}

#menudiv {
	float: left;
	width: 190px;
	background: url(../images/cont_bkgrd.jpg) 0 0 repeat-x;
	padding: 0px;
	margin: 20px 0;
	border-top: 1px solid #00305A;
	border-right: 1px solid #00305A;
	border-left: 1px solid #00305A;
}

#metrofooter {
	clear: both;
	border-top: 2px solid #00305A;
}
#metrofooter p {
	text-align: center;
	padding: 10px 0;
}

/***SECTIONAL STYLES***/
/*MENU*/
#menudiv p {
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: 400;
	font-size: 140%;
	color: #00305A; 
	margin: 0px;
	padding: 8px 10px 12px 10px;
	}

#m1 {
	width:190px;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #00305A;
	}

#m1 li {
	padding: 10px 0px;
	border-width:1px 0px 0px;
	border-style:solid;
	border-color:#00305A;
	}

#m1 li a {
	padding:0px 10px;
	white-space:nowrap;
	color:#00305A;
	font-size:100%;
	border-bottom-style:none;
	}
	
#m1 ul li {
	display:block;
	white-space:nowrap;
	padding:0px;
	border-width:0px;
	}
#m1 ul a {
	display:block;
	padding:5px 0px 5px 10px;
	color:#666;
	font-size:80%;
	}
#m1 ul li:hover>a {	
	color:#00305A;
	font-size:85%;
	}
body#cformpage li#cform a, body#cmappage li#cmap a, body#contactpage li#contact a, body#ethapage li#etha a, body#evapage li#eva a, body#homepage li#home a, body#pepage li#pe a {
	color:#00305A;
	font-size:85%;
	background-image:url(../images/menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}

/*MAIN CONTENT*/
#cont_top {
	margin: 0px 0px 20px 0px;
	width: 100%;
	background: url(../images/cont_bkgrd.jpg) 0 0 repeat-x;
	float: left;
	border: 1px solid #00305A;
	}
#cont_top h1 {
	padding: 8px 10px 12px 10px;
	}
#cont_top p {
	margin: 0 210px 10px 10px;
	}
#cont_top p#longtext {
	margin: 10px;
	}
#cont_top span {
	font-size: 80%;
	margin: 0 10px 10px 15px;
	}
#cont_top ul {
	font-size: 80%;
	line-height: 150%;
	margin: 0 210px 10px 10px;
	list-style-position: outside;
	padding-left: 60px;
	list-style-image: url(../images/dark_blue_check.gif);
	}
#cont_top h5 {
	margin: 0 210px 5px 10px;
	}
#formdiv {
	width:523px;
	border:none;
	margin: 0 0 0 15px;
	}
#evausage {
	margin: 0px 10px 10px 10px;
	clear: both;
	float: left;
	}
#col1 {
	width: 260px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	float: left;
	}
#col2 {
	width: 260px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	float: right;
	}
#evausage ul {
	font-size: 80%;
	line-height: 120%;
	margin: 0px;
	list-style-position: outside;
	padding-left: 30px;
	list-style-image: url(../images/dark_blue_check.gif);
	}
#evausage h5 {
	margin: 10px 10px 0px 10px;
	}
/*H2 Header Classes*/
.stdh2 {
	padding: 10px 10px 5px 10px;
	}
.slclh2{ /*Slider h2 closed */
	margin: 10px 0px;
	padding: 1px 0px;
	display: block;
	cursor: pointer;
	border-top: 1px solid #00305A;
	border-bottom: 1px solid #00305A;
	background: url(../images/cont_bkgrd.jpg) 0 0 repeat-x;
	}
.sloph2{ /*Slider h2 opened */
	background: #fff;
	border-top: 0px;
	border-bottom: 0px;
	}
 /*Google Map internal DIV*/
#cmxMap {
	width: 520px;
	height: 520px;
	margin: 10px 0 20px 14px;
	}
#cmxMap h2 {
	margin: 5px;
	padding: 0px;
	}
#cmxMap p {
	margin: 5px;
	}
/*Contact Details Internal DIV*/
#details_list {
	width: 100%;
	float: left;
	}
#cont_top #details_list ul {
	float: left;
	display: inline;
	margin: 20px 0 0 40px;
	font-size: 100%;
	line-height: 125%;
	padding: 0;
	list-style: none;
	}
#cont_top #details_list li {
	width: 100%;
	margin: 0;
	padding: 0 0 40px 0;
	}
#cont_top #details_list h5 {
	margin: 0 10px 0 65px;
	}
#cont_top #details_list p {
	margin: 0 10px 0 65px;
	}
.iconcontactfl {
	float: left;
	margin: 4px 0 0 10px;
	}
/*Content Table definitions*/
#cont_top table {
	border-collapse: collapse;
	width: 528px;
	margin: 0 0 10px 10px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00305A;
}
#cont_top thead th {
	padding: 3px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00305A;
}
#cont_top thead th h5 {
	margin: 0;
}
#cont_top td {
	font-size: 80%;
	padding: 2px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00305A;
}

.cntralign {
	text-align: center;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #00305A;
}
/*Internal further information DIV*/
#int_info {
	width: 100%;
	float: left;
	}
#int_info h2 {
	margin: 0;
	padding: 10px 10px 20px 15px;
	}
#int_info ul {
	font-size: 100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#int_info li {
	width: 100%;
	margin: 0;
	padding: 0 0 20px 0;
	}
#int_info h5 {
	margin: 0 10px 0 55px;
	}
#int_info p {
	margin: 0 10px 0 55px;
	}

/************** Generic Classes *******************/
.right {
	float: right;
	margin: 5px 0 2px 10px;
	border: 2px solid #00305A;
}
.clear {
	clear: both;
	height: 1px;
	font-size: 0px;
}
.left {
	float: left;
	margin: 5px 10px 2px 0;
	border: 2px solid #00305A;
}
.centre {
	text-align: center;
	margin-left:auto;
	margin-right: auto;
	}
.emptyspace {
	padding: 20px 0 0;
	}
.nolink {
	border-bottom-style:none;
	}
#cont_top a.nolink:hover {
	border-bottom-style: none;
	}
.iconfl {
	float: left;
	margin: 2px 0 0 10px;
	}
.imgfltright {
	float: right;
	margin: 2px 10px 10px 0px;
	}
.imgcentmid {
	margin: 10px 0 10px 56px;
	border-bottom: none;
	}

/*GENERIC STYLES*/
h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: 400;
	font-size: 140%;
	margin: 0px;
	padding: 0px;
	color: #00305A; 
	}

h2 {
	font-size: 110%;
	}
h4 {
	font-size: 2000%
	}

h5 {
	font-size: 100%;
	}

h6 {
	font-size: 90%;
	}

p {
	font-size: 80%;
	margin: 5px 0;
	}
	
a {
	color: #666;
	text-decoration: none;
	border-bottom: 1px;
	border-bottom-color: #666;
	border-bottom-style: dashed;
	}

a:hover {
	color: #00305A;
	text-decoration: none;
	border-bottom: 1px;
	border-bottom-color: #00305A;
	border-bottom-style: solid;
	}

ul {
	list-style:none;
	padding:0px;
	margin:0px;
	}