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

/*WRAPPER has border, 875 px wide*/
div#wrapper {
margin:0% auto; 
width:875px; 
padding:0; 
background-image: url(images/footerdfc.png); background-position: bottom center; background-repeat: no-repeat;
background-color:transparent;
border: none; 
border-color:#4b4547;}	


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


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


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

	}

div#nav #button ul {
	padding:  0 0px 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 0px 5px 6px;
	background-color:transparent;
	color: #075d5d;
	text-decoration: none;
	border-right: 1px solid #4f111e;	
		}

div#nav #button li a:hover  {
	display:inline;
	padding:  0 0px 5px 6px;
	background-color:transparent;
	color: #8ea598;
	border-right: 1px solid #000;	
	}
	
	/*--"you are here"--*/
div#nav #button li a#current{
background-color:transparent;
color: #8d3333;	
}
		
/*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;}

/*indented--*/			
.indent {font-family:verdana;
			font-size:13px; 
			margin: 0 0 0 20px;
			padding: 0 0 0 30;
			}
			
/*sm caps*/			
.smcap {font-family:verdana;
			font-size:10px; 
			margin: 0px;
			padding: 0;
			font-variant: small-caps;
			}
			

.span1 {
font-size: smaller; 
vertical-align: text-top;
text-decoration: none;
}


/*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;}

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

/*same as above:*/			
div#contentnarrow2 {float:left;width:420px;text-align:left; border: none; background-color: transparent;}
div#contentnarrow2 p {font-family:verdana;font-size:13px; margin: 0 0 0 20px;}


/*centre aligned (0r, clear-both & place below side bar):*/			
div#contentwide2 {
text-align: center;
width:850px; border: none; background-color: transparent;}
div#contentwide2 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: 0 0 0 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #075d5d;
}

h2 {
	text-align: left;
	border: none;
	padding: none;
	margin: 0 0 0 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #075d5d;
}

/* RED HEADLINE:*/
h3 {
	text-align: left;
	border: none;
	padding: none;
	margin: 0 0 0 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #71202d;
}


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

.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#menu {width:215px;padding:5px;text-align:left;background-color: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:#000099;}
div#menu h3 {text-transform:uppercase;font-size:12px;margin: -1 0 3 0;}	
div#menu h3 a{text-decoration:underline;color:#000;}
div#menu p {font-family:verdana;font-size:12px; margin: 0;}


/*wider sidebar for index*/
div#navigation2 {float:left;}

div#menu {width:250px;padding:0 0 0 25px;text-align:left;background-color: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:#000099;}
div#menu h3 {text-transform:uppercase;font-size:12px;margin: -1 0 3 0;}	
div#menu h3 a{text-decoration:underline;color:#000;}
div#menu p {font-family:verdana;font-size:12px; margin: 0;}






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

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

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:transparent;
	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:transparent;
	color: #075d5d;
	text-decoration: underline;
		}

div#footer #button li a:hover {
	display:inline;
background-color:transparent;
	color: #075d5d;
	}
	
	/*--"you are here"--*/
div#footer #button li a#on {
display:inline;
background-color:transparent
color: #71202d;	
}	

