body {
	text-align: center;
	min-width: 825px;
	padding: 0;
	margin: 0;
	font: x-small Verdana, Helvetica, Arial, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
}
/*** #wrapper contains the layout ***/
#wrapper {
	text-align: left;
	width: 825px;
	margin-left: auto;
	margin-right: auto;
}


/*** #header contains the logos ***/
#header {
	height: 75px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#header .logo1 {
	float:left;
	width: 355px;
	margin-left: 5px;
}

#header .logo2 {
	float:right;
	width: 400px;
	margin-top: 25px;
	margin-right: 5px;	
	text-align: right;

}

#header .logo2 P {	
	color: #666666;
}

#header .logo2 a:link, logo2 a:visited {
	color: #666666;
	text-decoration: none;
}

#header .logo2 a:hover {
	color: #BA4400; 
	text-decoration: underline;	
}

.redText {
	color: #BA4400;
}

/*** #wrapper 2 wraps the main content and nav and allows us to get the three column layout while still being able to order the source code so the content is at the top. ***/
#wrapper2 {
	float: left;
	width: 603px;
}

#wrapper3 {
	float: left;
	width: 825px;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
	margin: 0px;
}


/*** float #nav left within the container and it will display as the first col ***/
#nav {
	float: left;
	width: 168px;
}

#nav ul{
	list-style: none;
 	margin: 0;
	padding: 5px 10px 15px 1px;
}

#nav ul ul {
 	margin: 0;
	padding: 0px 0px 0px 10px;
}

#nav li {
	color:  #BA4400;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 15px;
	font-weight: bold;
}
#nav li li {
 	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 15px;
	color:  #BA4400;
}

#nav li ul {
 	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#nav li a:link, #nav li a:visited {
	color: #666666;
	text-decoration: none;
}

#nav li a:hover {
	color:  #BA4400; 
	text-decoration: underline
}

#nav li li a:link, #nav li li a:visited {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

#nav li li a:hover {
	color:  #BA4400; 
	text-decoration: underline
}


/*** float #content right within the container #wrapper2 so it displays in the centre ***/
#content {
	float:right;
	width: 427px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
}

#content .inner {
	margin: 15px 20px 15px 15px;
}

#content .innerRight{
	display: block;
	float:right;
}

#content .feature img {
	display: block;
	border-bottom: #FFFFFF 2px solid;
}

#content .feature iframe {
	display: block;
	border-bottom: #FFFFFF 2px solid;
}

/*#content P {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	letter-spacing: 0em;
	word-spacing: 0em;
	text-align:justify;
	line-height: 1.5em;
}
*/
 #content P {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: small;
	letter-spacing: 0.15em;
	word-spacing: 0em;
	text-align:justify;
	line-height: 1.5em;
} 

/*** this is the right hand column ***/
#rightContent {
	float: right;
	width: 213px;
	margin-top: 10px;
	margin-bottom: 5px;
}

#rightContent P{
	padding-right: 15px;
}
#rightContent li{
	padding-right: 15px;
}

#rightContent a:link, a:visited, a:active {
	color: #BA4400;
	text-decoration: none;
}

#rightContent  a:hover {
	color:  #BA4400; 
	text-decoration: underline;	
} 


/*** clearing the footer both means that it doesn't matter which col is longest the footer will always stay underneath. The footer is divided into 3 sections, floated to match the main page content so they line up with the columns. ***/

 #footer {
	clear: both;
	width: 825px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
}

/*** footer in left nav ***/
#footer .prestige {
	padding-bottom: 8px;
	width: 150px;
	padding-left: 16px;
	position: relative;
	top: 0px;
	left: 0px;
	text-align: left;
	float: left;
}

.clear { clear:both;}

#nav .prestige {
	padding-bottom: 4px;
	max-width: 150px;
	margin-left: 16px;
	margin-top: 60px;
}
#footer .prestige p, #nav .prestige P {
	padding-right: 4px;	
}

#footer .prestige a:link, #footer .prestige a:visited, #nav .prestige a:link, prestige a:visited {
	color: #666666;
	text-decoration: none;
	font-weight:bold;
}

#footer .prestige a:hover, #nav .prestige a:hover {
	color:  #BA4400; 
	text-decoration: underline;	
	font-weight:bold;
} 

/*#footer .copy {
	float:left;
	width: 210px;
	font-size: 70%;
}

#footer .terms {
	float:left;
	width: 340px;
	text-align: center;
}

#footer .policy {
	float: right;
	width: 210px;
	text-align: right;
}

#footer {
	
	color: #000000;
}

#footer a:link, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover {
	color: #FFFFFF; 
	text-decoration: underline;
}
*/
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #666666; 
	border: solid 1px #666666
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #666666; 
	border: solid 1px #666666
}

#nav2 {
	float: left;
	width: 168px;
	background-image: url(images/bgnav.jpg);
	background-repeat: no-repeat;

}

#nav2 ul{
	list-style: none;
 	margin: 0;
	padding: 5px 10px 15px 1px;
}

#nav2 ul ul {
 	margin: 0;
	padding: 0px 0px 0px 10px;
}

#nav2 li {
	color:  #BA4400;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 15px;
	font-weight: bold;
}
#nav2 li li {
 	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 15px;
	color:  #BA4400;
}

#nav2 li ul {
 	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#nav2 li a:link, #nav2 li a:visited {
	color: #666666;
	text-decoration: none;
}

#nav2 li a:hover {
	color:  #BA4400; 
	text-decoration: underline
}

#nav2 li li a:link, #nav2 li li a:visited {
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

#nav2 li li a:hover {
	color:  #BA4400; 
	text-decoration: underline
}