/*reaches limits of screen*/
body {
background: #ffffff; 
background-color:#ffffff;
text-align:center; 
border: 0; 
margin:0; 
padding:0;}

/*WRAPPER 875 px wide*/
div#wrapper {
margin:0% auto; 
width:885px; 
padding:0; 
background-color: #ffffff;
border: none; 
border-color:none;}	



/*HEADER IMGS-----------------------------------*/
div#header{width:875px;border:0;margin:0;padding:0;}
div#masthead {background:#ffffff;float:left;height:116px;width:875px; border:0;margin:0;padding:0;}


div#nav {clear:both;text-align:right;}


/*TOP NAV--------------------------------------*/
div#nav #button {
   padding:  0 8px 5px 6px;
	font-family: verdana;
	font-weight:bold;
    line-height: 24px;
	font-size:11px;
	background-color: #ffffff;
	color: #fff;
	}

div#nav #button ul {
	padding:  0 8px 5px 6px;
	width:auto;
	list-style: none;
	margin: 0 auto;
	padding: 0px;
	display:inline;
		}
		
div#nav #button li {
	display:inline;
		}	
		
div#nav #button li a {
	margin-right:0px;
	display: inline;
	padding: 0 8px 5px 6px;
	background-color: #ffffff;
	color: #787cc6;
	text-decoration: none;
	border-right: 1px solid #4f111e;	
		}

div#nav #button li a:hover  {
	display:inline;
	padding:  0 8px 5px 6px;
	background-color: #ffffff;
	color: #080f93;
	border-right: 1px solid #000;	
	}
	
	/*--"you are here"--*/
div#nav #button li a#current{
background-color: #ffffff;
color: #950926;	
}
		
/*CONTENT -------------------------*/

div#content {float:left;width:525px;text-align:left; border: none; background-color: #ffffff;}
div#content p {font-family:verdana;font-size:13px; font-variant: normal; text-transform: none; margin: 0 0 0 20px;}

div#content #on {font-family:verdana;font-size:13px; margin: 0; color:#676763;}

/*indented paragraph*/			
.indent {font-family:verdana;
			font-size:13px; 
			margin: 0 0 0 20px;
			padding: 0 0 0 30;
			}
			
.raised {font-family:verdana;
			font-size:13px; 
			margin: 0 0 0 0px;
			padding: 0;
			vertical-align: 90%;
			}
h1 {
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: left;
	color:  #950926;	 	
}

/* RED*/
h2 {
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12 px;
	font-style: normal;
	text-align: left;
	color:  #950926;	
	margin: 0;
}



/*NO SIDE BAR (0r, clear-both & place below side bar):*/			
div#contentwide {float:left;width:850px;text-align:left; border: none; background-color: transparent;}
div#contentwide p {font-family:verdana;font-size:13px; margin: 0 0 0 20px;}


/*CENTRES IMG*/
div#content #img {text-align:center;margin:0 auto;}



.clearboth { clear: both; text-decoration: none; }

/*works in IE but not Safari or FF*/
.short {
line-height: 20%;
}

/*----------a p class used to float image among text, to the left:--*/
.thumbnail{
float: left;
position: relative;
border: 0;
margin: 0 0 0 0;
padding: 0 8 0 0;
background-color: transparent;
}

/*----------and one to the right:--*/
.thumbnail2{
float: right;
position: relative;
border: none;
margin: 0 0 0 0;
padding: 0;
background-color: transparent;
}

img.no-border {
	border: none;
	padding: 0; margin: 0;
}



/*SIDEBAR (right) MENU=NAV------------------------------------------*/

div#navigation {float:right;}
div#navigation p {font-family:verdana; font-size:13px; font-variant: normal; text-transform:none; margin: 0 0 0 20px;}


div#menu {width:260px;padding:5px;text-align:left;background:#ffffff;  font-variant: normal; text-transform: none; }	
div#menu p {font-family:verdana;font-size:12px; margin: 0; line-height: 18px;}
div#menu ul {font-family:verdana;}
div#menu ul li {font-size:12px;padding-bottom:2px;list-style:none;margin: 0;}
div#menu ul li a {color:#000099;}

div#menu #this {color:#9e0d2f;}

/* These two bloody H tags must be percentages (vs px) for FF*/
div#menu h1 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 75% font-style: normal; text-align: left; 
color: #000000; margin: 0;}
/* RED*/
div#menu h2 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 75%; font-style: normal; text-align: left; 
color: #950926; margin: 0;}





/*footer alone---------------------------------------------*/

div#footer {
/*width:605px;*/
text-align: center;
border-top: solid 1px; 
margin: 0 100 0 100;
border-color: #4b4547;
}

div#footer #button {
	padding-bottom: 10px;
	padding-top: 5px;	
    padding-right: 0px;
	font-family: verdana;
	font-weight:normal;
    line-height: 15px;
	font-size:12px;
	background-color: #ffffff;
	color: #000;
	text-transform: uppercase;
	}

div#footer #button ul {
	width:auto;
	list-style: none;
	margin: 0 auto;
	padding: 0px;
	display:inline;
		}
		
div#footer #button li {
	display:inline;
		}
			
div#footer #button li a {
	margin 0;
	display: inline;
	padding: 0;
	background-color: #ffffff;
	color: #0e5188;
	text-decoration: underline;
		}

div#footer #button li a:hover {
	display:inline;
	background-color: #ffffff;
	color: #0e5188;
	}
	
	/*--"you are here"--*/
div#footer #button li a#on {
display:inline;
background-color: #ffffff;
color: #950926;	
}