/*
	Author	:	Christopher Robinson
	Email		:	christopher@edg3.co.uk
	Website	:	http://www.edg3.co.uk/
*/
* {
	border:0;
	margin:0;
	padding:0;
}

/* general */
a {
	color:#b484da;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration:underline;
}
div.quote {
	background:#f1f1f1;
	border-left:2px solid #7534aa;
	color:#444;
	display:block;
	line-height:20px;
	margin: 0 0 0 10px;
	padding: 20px 10px 20px 10px;
}

div.quote h3 {
	font-weight:bold;
}

div.quote p {
	margin: 0 0 0 10px;
}

.left {
	float:left;
	margin:0 10px 0 0;
}
.right {
	float:right;
	margin:0 0 0 10px;
}

/* body */
body {
	background:#fff url('../images/background_body.jpg') repeat-x top;
	color:#666;
	font:0.7em Verdana, "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

/* header */
#header {
	background:url('../images/background_header.jpg');
	height:320px;
	margin:0 auto;
	position:relative;
	width:760px;
}
#header:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
#header h1 {
	color:#666;
	font-size:40px;
	font-weight:400;
	left:0;
	letter-spacing:-2px;
	position:absolute;
	top:40px;
}
#header p {
	bottom:45px;
	color:#fff;
	font-size:2em;
	position:absolute;
	right:20px;
}
#header ul {
	list-style:none;
	position:absolute;
	top:100px;
}
#header ul li {
	list-style:none;
}
#header ul li a {
	color:#fff;
	display:block;
	font-size:1.2em;
	font-weight:700;
	height:20px;
	padding:10px;
	width:190px;
}
#header ul li a:hover {
	background:#b484da;
	color:#eee;
	text-decoration:none;
}

/* content */
#content {
	height:auto;
	margin:0 auto;
	width:760px;
}
#content:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
} 

/* sidebar */
#sidebar {
	float:left;
	width:210px;
}
#sidebar h1 {
	border-bottom:2px solid #7534aa;
	color:#444;
	font-size:165%;
	font-weight:400;
	line-height:30px;
	padding:0 10px;
}
#sidebar input {
	background:#f1f1f1;
	color:#555;
	margin:10px;
	padding:5px;
	width:180px;
}

div.news {
	background:#f1f1f1;
	color:#555;
	display:block;
	font-size:90%;
	line-height:20px;
	margin:10px 0;
	padding:10px;
}

div.news h2 {
	border-bottom:2px solid #7534aa;
	color:#444;
	font-size:100%;
	font-weight:bold;
	line-height:30px;
	padding:0 2px;
}
#sidebar p a.more {
	display:block;
	text-align:right;
}
#sidebar ul {
	margin:10px;
}
#sidebar ul li {
	border-bottom:1px solid #b484da;
	list-style:none;
	padding:5px 2px;
}
#sidebar ul li a {
	color:#333;
	display:block;
	padding:5px;
	text-decoration:none;
}
#sidebar ul li:hover {
	background:#b484da;
	color:#fff;
	text-decoration:none;
}

/* Main */
#main {
	float:right;
	width:520px;
}
#main p {
	color:#555;
	line-height:20px;
	padding:10px;
}

#main ul {
	padding-left:20px;
}
#main h1 {
	border-bottom:2px solid #7534aa;
	color:#444;
	font-size:165%;
	font-weight:400;
	line-height:30px;
	padding:0 10px;
}

#mapinfo{
width: 150px;
font-size: 12px;
}

#googlemap {
    height: 400px;
    border: 1px solid silver;
    margin-left:10px;
}

/* footer */
#footer {
	margin:10px auto;
	width:760px;
}
#footer:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
#footer p {
	border-top:2px solid #7534aa;
	color:#555;
	font-size:90%;
	line-height:20px;
	padding:10px;
	text-align:center;
}

.cssform{
 margin-left: 10px;
 width: 500px;
}

.cssform p{
width: 500px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 0px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: 0px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#errorExplanation {
  width: 500px;
  border: 1px solid #7534aa;
  padding: 5px;
  margin-left: 10px;
  background-color: #f0f0f0;
  color:#444;
}

#errorExplanation ul {
  padding-left:20px;
}

DIV.base-layer {
  background: none ; border: none;
  margin: 0.5em 12px 0.5em 12px; padding: 0; text-align: left; width: auto;
}

DIV.table-row {
    color: #333;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    background-color: #f1f1f1;
    margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
    padding: 0; text-align: left; width: 96%;
     border-bottom: solid 1px #C5DBF7;
    border-left: solid 1px #C5DBF7;
}

Div.table-row img{
border:1px solid #7534aa;
}

Div.table-row img:hover{
border:1px solid #666;
}


/* Style rules for the 3 x 2 table example */

/* Rules in detail that is used to suggest rendering for the */
/* Nobel price winner table example. I still use some of the */
/* generic rules as found above and below, but still..       */

DIV.left-container1 {
  border: none; float: left; margin: 0; padding: 0; width: 35%;
}

DIV.left-container2 {
  border: none; float: left; margin: 0; padding: 0; width: 65%;
}

/* Rules in detail that is used to suggest rendering for the  10 by 5 int. */
/* product table example. I still use some of the generic rules as found   */
/* above and below, but still..                                            */



/* Watch out for this DIV... rule, it appears every now and then */

DIV.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}

/* Some rules for captions, headers and running text */

H4.table-caption {
  background: transparent; color: white; font-family: sans-serif;
  font-size: 1em; font-weight: bold; margin: 0;
  padding: 0.3em; text-align: left; width: auto;
}

H5.colhdr {
  background: none #555; border: solid #555 1px; color: white;
  font-size: 1.0em; font-weight: bold;
  font-weight: bold; margin: 0; padding: 0.3em 0.3em 0 0.3em;
  text-align: left; width: auto;
}

P.text {
  width: auto;
}


#picturelist {
text-align:center;
list-style-type:none;
margin-right:10px;
margin-left:10px;
}

#picturelist p {
color:#b484da;
line-height:10px;
padding:2px;
}

#picturelist li {
float:left;
margin-right:30px;
margin-bottom:20px;
font-weight:bold;
color:#777777;
}

#picturelist img{
display:block;
border:1px solid #CE3095;
}

#picturelist img:hover{
border:1px solid #666;;
}


#picturelist a:hover{
color:#666;
}

table.home{
width: 500px;
text-align: center;
}

table.home td{
width: 33%;
]