/* CSS RESET
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/


 
/* Easyspace Premium Design // Alastair Reid */

/* Body */
body{
	color:#000305;
	font-size:87.5%;
	font-family:"Trebuchet MS", Arial, sans-serif;
	line-height:1.429;
	text-align:left;
	padding:0;
	background-color:#CCCCCC;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/*Layout*/
#wrapper { width:960px; margin:0 auto; }

#header { width:100%; height:98px;color:#FFF; background-image:url(../img/header-bg.gif); background-repeat:no-repeat; }

#footer { width:100%; color:#FFF; text-align:left; background-color:#000; height:50px; background-image:url(../img/footer-bg.gif); background-repeat:repeat-x; background-position:top left; clear:both; line-height:4; }

#content { width:100%;  margin:0; padding:0; display:inline; background:#fff; clear:left; float:left;  }

#nav { width:40%; color:#FFF; height:46px; float:right; display:inline; line-height:3.5; position:relative; top:65px;font-size:18px;
	font-family:"Trebuchet MS", Arial, sans-serif;}

#top-banner { width:960px; height:315px; background-image:url(../img/banner.jpg); background-repeat:no-repeat;}

.left {
	width:60%;
	display:inline;
	float:left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.right { width:25%;  display:inline; float:right; border-left:1px solid #d8d8d8; padding:0 35px 0 10px; margin:10px;}

.logo { float:left; display:inline; width:45%; cursor:pointer; height:90px;}

p { margin:0 0 10px 0;}
#footer p { margin-left:10px;}

/* Headings */
h1 {font-size: 1.571em} /* 22px */
h2 {font-size: 1.571em} /* 22px */
h3 {font-size: 1.429em} /* 20px */
h4 {font-size: 1.286em} /* 18px */
h5 {font-size: 1.143em} /* 16px */
h6 {font-size: 1em} /* 14px */

h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.1; color:#084178;}

.welcome { background-image:url(../img/welcome.jpg); width:156px; height:31px; background-repeat:no-repeat; text-indent:-9999px; margin:25px 0 25px 15px;}

/* Anchors */
a{outline:0;}
a img{border:0;text-decoration:none;}
#footer a { color:#FFF;}

/*Images*/
.left-btn { margin:15px 0 10px 45px;}


/*Basic
#nav ul  { margin:0; border:0;} #nav li { display:inline; list-style:none; border:1px solid red;}
#nav ul li a { text-decoration:none; color:#FFF; margin-left:20px; display:inline; line-height:2.5;}
#nav ul li a:hover{color:#FF9900;}
*/

/* Navigation */
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
  text-align:center;
  list-style:none
}
.nav li {
  border-left: 0px solid #000;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  display:inline;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: normal 1.0em/25px Arial, Helvetica, sans-serif;
 # background: #565656;
  background: #084177;
  color: #ffffff;  /*top (main) nav colour*/
  display: block;
  padding: 0 9px;
  text-transform: lowercase;
  text-decoration: none;
}

.nav li a:hover {
  background: #ccc;
  color: #000;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #ccc;
  color: #000;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #fff;
  #color: #959595;	
  color: #084177;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #ccc;
  color: #000;	
}

.nav ul {
  background: #565656;
  border-bottom: 1px solid #000;
  list-style: none;
  margin: 0;
  width: 102px;
  position: relative;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 0px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 1px solid #084177;
  border-bottom: 0;
  padding-right: 22px;
  width: 84px;
  white-space: wrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}






/*Browser enhancements*/
#wrapper {
	border: 1px solid #A3A3A3;
}
label{
float: left;
width: 200px;
font-weight: bold;
margin-bottom:10px;
}

input, textarea, select{
width: 250px;
margin-bottom: 5px;
}

input{float:left;}
textarea{
width: 250px;
height: 100px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}
.form_header{color:red; font-weight:bold; margin-bottom:20px; margin-top:20px}
.error {
color:red;
font-weight:bold;
float:left;

}