/* Specify blanket rules for all elements */ 

body { 

  margin: 10px; 
  padding:10px; 
  font: 12px  Verdana, Arial, Sans-serif; 

	line-height:150%;
} 


h1 {
	letter-spacing: 0.75em;
	font-weight: 900;
}
h2 {
	letter-spacing: 0.25em;
	font-variant:small-caps;
}


	/* Masthead.................................... */ 
#masthead_sidebar {
	float: left;
	border: 2px solid #000;
	width:36%;
	margin-bottom:10px;

}
#masthead {
	width:100%;
	height:320px;
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}
#masthead a {
	border-width: 0px;
}

#masthead img{
	margin-left:32%;
}
	/* Content.................................... */ 
#content {
	border: 0px solid #000;
	margin-left:14%;
	margin-bottom:10px;
}
#content_with_right_sidebar {
	border: 0px solid #000;
	margin-left:14%;
	margin-right:30%;
	margin-bottom:10px;
}
	/* Sidebars.................................... */ 
#sidebar_a {
	float: left;
	border: 0px solid #000;
	width:12%;
	margin-bottom:10px;
}

.validationwarning {
	color:red;
	border:1px solid red;
	width:91%;  /*same as the enquiry form fieldset plus 1 to make it line up*/
}
.validationdetail {
	margin-left:10px;
}

#sidebar_a ul {
	list-style-type:none;
	margin: 5px;
	padding:2px;
	border: 0px solid #333;
	width:120px;
	font: bold 12px 'Lucida Grande', Verdana, sans-serif;
}

#sidebar_a li	{
	background-color:#e4e5fe;
	margin:0;
	padding:2px 10px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #666;
}
#sidebar_a ul a:link, #sidebar_a ul a:visited, #sidebar_a ul a:visited, #sidebar_a ul a:active  {
	display:block;
	padding:2px 10px;
	text-decoration:none;
}
#sidebar_a ul a:link{
	color:#0000C0;
}
#sidebar_a ul a:visited{
	color:#666;
}
#sidebar_a ul a:hover{
	color:#000;
}
#sidebar_a ul a:active{
	color:#333;
}

	/* Sidebars.................................... */ 
#sidebar_b {
	float: right;
	border: 1px solid #000;
	width:28%;
	margin-bottom:10px;
	margin-left:5px;
	padding:5px 5px 5px 5px;

}
/*#sidebar_a ul h4 {
	color:#FF0033;
}*/
/*#sidebar_a ul a:link {
	display:block;
	padding:2px 10px;
	text-decoration:none;
}
#sidebar_a ul a:visited{
	display:block;
	padding:2px 10px;
	text-decoration:none;
}
#sidebar_a ul a:hover  {
	display:block;
	padding:2px 10px;
	text-decoration:none;
}
#sidebar_a ul a:active {
	display:block;
	padding:2px 10px;
	text-decoration:none;
}
*/
	/* Footer.................................... */ 
#footer {
	clear:both;
	border: 1px solid #000;
	padding:0px;
	background-color:#e4e5fe;
}

	/* Rollovers.................................... */ 
/*.rollover{
	display:block;
	width:150px;
	height:50px;
	background-image:url(../images/contactrollover.jpg) no-repeat;
	text-indent: -9999px;
}

a	{
	outline: none;
}

a.rollover:link, a.rollover:visited; a.rollover:active {
	background-image:url(../images/contactrollover.jpg) no-repeat;
}

a.rollover:hover {
	background-position: -150px 0;
}
*/
	/* Contact form................................... */ 

form { 
  margin:0; 
  padding:0; 
  } 
  
#name, #email, #message { 
  width:50%; 
 }

fieldset { 
  margin:0 0 10px 0; 
  padding:5px; 
  border:3px solid #0000C0; 
  width:90%;  
  }
/*puts borders around the form elements*/
fieldset p {     
  margin:3px 0 2px 0; 
  padding: 5px 15px 5px 5px; 
  background:#e4e5fe; 

  }
  
 
legend { 
  background:#e4e5fe; 
  margin: 0; 
  padding:5px; 
  border-style:solid; 
  border-width:1px; 
  border-color:#FFF #AAA #666 #FFF; 
  } 
label { 
  font-weight:bold; 
  } 
#name, #email, #message { 
  width:98%;   /* mustn't be 100% for IE7*/
  } 
input, textarea { 
  margin:5px 0 5px 0; 
  border:3px double #333; 
  } 
select { 
  margin:5px 0 5px 0; 
  }