/*global*/
/*HAS BIG FOOTER IMG, SEE "DIV WRAPPER" TAG BELOW------------------------------*/
/*BODY  reaches limits of screen */
body {background:#ffffff;text-align:center; border: 0; margin:0; padding:0;}

/*WRAPPER  770 px wide*/
div#wrapper {margin:0 auto; width:770px;
background-image: url(images/footerbr.png); background-position: bottom center; background-repeat: no-repeat;
border: solid; border-color:#ffffff; padding:0 10 0 10; background-color: #ffffff;}	


/*HEADER IMGS-----------------------------------*/
div#header{width:770px;height:265px;border:0;margin:0;padding:0;}
div#masthead {background:#ffffff;float:left;height:245px;width:770px; 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: #0e5188;
	text-decoration: none;
	border-right: 1px solid #0000ff;	
		}

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

div#content {float:left;width:525px;text-align:left; border: none; background-color: transparent;}
div#content p {font-family:verdana;font-size:13px; margin: 0 0 0 20px;}
.red {font-family:verdana;
font-size: larger; 
			font-weight: normal;
			font-style: italic;
			color: #990000; 
			line-height: 150%;
			margin: 0 0 0 20px;
			padding: 0}
			
.redroman {font-family:verdana;
font-size: larger; 
			font-weight: normal;
			font-style: normal;
			color: #990000; 
			line-height: 150%;
			margin: 0 0 0 20px;
			padding: 0}
			
.bblue {font-family:verdana;
			font-size:13px; 
			font-weight: normal;
			font-style: normal;
			color: #0e5188; 
			margin: 0 0 0 20px;
			padding: 0;}		
	
div#content ul {font-family:verdana;font-size:13px;}

.span1 {font-family:verdana;
			font-size: normal; 
			font-weight: normal;
			font-style: normal;
			color: #9900cc; 
			line-height: normal;
			margin: 0;
			padding: 0}
			
div#contentwide {float:left;width:735px;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;}*/

h1 {
	text-align: left;
	border: none;
	padding: none;
	margin: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	letter-spacing: 1px;
}

h2 {
	text-align: left;
	border: none;
	padding: none;
	margin: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	letter-spacing: 1px;
}

h3 {
	text-align: left;
	border: none;
	padding: none;
	margin: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform:uppercase;
	color: #000000;
	letter-spacing: normal;
}

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

.short {
line-height: 20%;
}

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

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

/*----------for quote indents:--*/
.thumbnail4{
float: right;
position: relative;
text-align: left;
width: 92%;
border: none;
margin: 3 3 3 3;
padding: 0;
font-family: sans-serif;
font-size: 12px;
background-color: transparent;
text-decoration: none;
}

.span3 { font-size: 11px;

}	

.span4 { font-size: 12px; color: #990000; 

}	

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

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

div#navigation {float:right;}

div#menu {width:227px;padding:0 0 0 5;text-align:right;background:transparent;}	
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:#660099;}
div#menu h3 {text-transform:uppercase;font-size:12px;margin: 0;}	
div#menu h3 a{text-decoration:underline;color:#000;}
div#menu p {font-family:verdana;font-size:12px; margin: 0;}
.quotefront{font-family:verdana;font-size:12px; margin: 0 0 0 5; padding: 0 0 0 10; text-align: right; 
font-variant: small-caps;color:#990000;}
.quote{font-family:verdana;font-size:12px; margin: 0 0 0 5; padding: 0 0 0 10; text-align: right; 
font-variant: small-caps;color:#0e5188;}

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

div#footer {width:770px;}

div#footer #button {
	
	font-family: verdana;
	font-weight:normal;
	font-size:11px;
	background-color: #ffffff;
	color: #ae6c14;
	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;
		}