/* CSS Document */

body, html {
	margin:0;
	padding:0;
	text-align:center;
	font-size:100.01%;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	background-color:#B1A7F2;
}

img {
	border:0;
}

.accessibility {
	position: absolute; top: -9999px; left: -9999px;
	}

/* wrapper to centre a 760 wide column on the page */

#wrapper {
	margin: 0 auto;
	width: 760px;
	text-align:left;
	background:url(../images/wrapper-bg.gif) bottom center no-repeat;
	padding: 0 20px 20px 20px;
}

#header {
	background: url(../images/header-bg-new.jpg) bottom right no-repeat;
	height:102px;
	padding:30px 10px 10px 20px;
	overflow:hidden;
}

#title {
	font-size:3em;
/*	line-height:0.8em;  */
	color:#ffffff;
	line-height:0.8em;
}

#strapline {
	font-size:1.1em;
	color:#ffffff;
}

#content {
	padding:0 10px 0 15px;
	margin:10px 0 10px 0;
	width:590px;
	font-size:0.8em;
	float:right;
	border-left:1px dotted #666666;
}

#leftcol {
	float:left;
	width:370px;
}

#rightcol {
	float:left;
	width:200px;
	padding-left:20px;
}

#navigation {
	padding:10px 10px 0 10px;
	width:123px;
	float:right;
}

#navigation ul {
	font-size:0.9em;
	list-style:none;
	padding:0;
	margin:0;
}

#navigation ul li {
	padding:0 0 5px 0;
}

#navigation ul li ul {
	border-bottom: none;
	padding-top:5px;
}

#navigation ul li ul li {
	margin-left:10px;
	font-size:1em;
	border-bottom: none;
}

#navigation a, #navigation a:visited {
	text-decoration:none;
	font-weight:bold;
}

#navigation ul li a, #navigation ul li a:visited {
	color: #656981;
}

#navigation ul li a:hover {
	color:  #003366;
	text-decoration:underline;
}

#navigation ul li ul li a, #navigation ul li ul li a:visited {
	color: #666666;
	font-weight:normal;
}

#navigation ul li ul li a:hover {
	color: #333333;
	text-decoration:underline;
}

p {
	margin:0 0 10px 0;
	padding:0;
	line-height:1.3em;
}

#content p {
	line-height:1.3em;
}

#content .clear {
	clear:both;
}

#content ul {
	margin:0 0 0 25px;
	padding:0 0 10px 0;
}

#content ul li {
	padding:0 0 5px 0;
}

#content h1 {
	margin:0 0 15px 0;
	padding:0 0 4px 0;
	font-size:1.5em;
	color:#656981;
	border-bottom:1px solid #656981;
}

#content h2 {
	margin:20px 0 10px 0;
	padding:;
	font-size:1.3em;
	color:#656981;
	clear:both;
}

#content a, #content a:hover {
	color:#778165;
}

#content a:visited {
	color:#656981;
}

#content .imgright {
	float:right;
	margin:0 0 20px 20px;
	clear:both;
	border:1px solid #881B18;
}

#events {
	border:1px solid #442FAE;
	margin-bottom:10px;
}

#events h2 {
	color:#FFFFFF;
	background-color:#442FAE;
	padding:3px;
	margin:0;
	font-size:1.2em;
	border-bottom:1px solid #442FAE;
}

#events p {
	color: #666666;
	padding:3px;
	margin:0;
}

blockquote {
	margin:0 30px 20px 30px;
	padding:10px 0 0 10px;
	background: url(../images/leftquote.gif) top left no-repeat;
	background-color:#6C63A6;
	color:#ffffff;
	font-weight:bold;
	clear:both;
}

blockquote p {
	margin:0 0 0 30px;
	padding:0 30px 10px 0;
	background: url(../images/rightquote.gif) bottom right no-repeat;
	background-color:#6C63A6;
}

#rightcol blockquote {
	margin:0 0 10px 0;
	padding:10px 0 0 30px;
	background: url(../images/leftquote.gif) top left no-repeat;
	background-color:#6C63A6;
	color:#ffffff;
	font-size:1.1em;
	font-weight:bold;
}

#rightcol blockquote p {
	margin:0;
	padding:0 30px 10px 0;
	background: url(../images/rightquote.gif) bottom right no-repeat;
	background-color:#6C63A6;
}

#footer {
	clear:both;
	font-size:0;
}

#sitebysimon {
	margin-bottom:15px;
}

#sitebysimon a, #sitebysimon a:visited {
	font-size:0.8em;
	color:#666666;
	text-decoration:none;
	margin-bottom:15px;
}

#sitebysimon a:hover {
	text-decoration:underline;
}

a.external {
	padding-right: 13px;
	margin-right:2px;
	background: url(../images/external.png) top right no-repeat;
}


/* Form validation styles */

textarea, input {
    border: 1px solid;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}