body {
	margin:0;
	padding:0;
	background-color: #41233b;
	}
	
#container{
	width: 850px;
	margin:0px auto;
	padding: 0;
	text-align: left;
	background-color:#baa9b1;
	border: 6px solid #000000;
}

#content{
	width: 820px;
	padding: 15px;
	display: block;
	height: 100%;
	clear:left;
	float:left;
	background-color:#d6cfc9;
}


#content-left{
	width: 540px;
	padding: 15px;
	float:left;
	clear:left;
	display: block;
	height: 100%;
	background-color:#d6cfc9;
}

#rightcolumn {
	margin:0px auto;
	margin-top:0;
	padding:2px;
	width: 275px;
	float: right;
	display: block;
	vertical-align:top;
	height:100%;
	background-color:#baa9b1;
}

#rightcolumn a {
	color: #663399;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
#rightcolumn a:hover {
	color: #FF6600;
	text-decoration: underline;
	}
	


/* Text Styles */

#content p, #content-left p  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height:20px;
	text-decoration: none;
	color: #000000;
}

#content h1, #content-left h1 {
	margin-top:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	text-decoration: none;
	color: #41233b;
	font-weight:400;
	line-height:30px;
	letter-spacing:0.05em;
}

#content h2, #content-left h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight:400;
	line-height:20px;
	margin-top:0px;
	text-decoration: none;
	color: #000000;
	letter-spacing:0.05em;
}

#content ul li, #content-left ul li{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height:20px;
	text-decoration: none;
	color: #000000;
	list-style-type: disc;
	padding-bottom: 8px;
}	

#content .photo-carousel ul li{
	list-style-type: none;
	display: inline;
	list-style-position: none;
}
	
#content a:link, a:visited, #content-left a:link, a:visited{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #660099;
	font-weight:bold;
	text-decoration: none;
	}
	
#content p a:link, a:visited, #content-left a:link, a:visited{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #660099;
	font-weight:bold;
	text-decoration: none;
	}	
	
#content a:hover, #content-left a:hover {
	color: #333300;
	text-decoration: underline;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
#content td, #content-left td {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-decoration: none;
	color: #000000;
}
								
hr {
	width: 100%;
	padding: 0;
	margin-top: 0;
	border: 2px dotted #660066;
	border-style: none none dotted;
	}
	
hr#new {
	width: 100%;
	padding: 0;
	margin-top: 0;
	border: 2px dashed #003300;
	border-style: none none dashed;
	}	
	
#content .quotes, #content-left .quotes {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height:26px;
	font-style:italic;
	color: #333333;
}
#content .smalltext, #rightcolumn .smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:15px;
	text-decoration: none;
	color: #000000;
}	
/* ===== header topmenu ===== */	

#havenheader {
	height: 151px;
	width: 850px;
	background-color: #41233b;
	float: center;
}

/* #----- CSS for top menu new ----- */


ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width:100%;
	list-style: none;
	position: relative;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:12px;
    font-weight:bold;
    letter-spacing:0.2em;
	background-color:#41233B;
	text-align:center;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid #555;
}
ul#topnav li a {
	padding: 8px 8px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover {
  background: #996699;
}
ul#topnav li span {
	float: left;
	padding: 6px 0 6px 0;
	position: absolute;
	left: 0;
	top:30px;
	display: block;
	width:100%;
	background: #996699;
	color: #fff;
    letter-spacing:0.05em;
	text-align:center;
}
ul#topnav li:hover span {
  display: block;
}
ul#topnav li span a {
  display: inline;
}
ul#topnav li span a:hover {
  text-decoration: underline;
}

/* #----- CSS for new drop down menu ----- */
.nav, .nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  z-index: 100;
background-color:#41233B;
border-top: 1px solid #330033;
float:left;
font-size:12px;
font-weight:bold;
letter-spacing:0.2em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:relative;
text-align:center;
width:100%;
}
.nav li {
  font-family:Georgia,"Times New Roman",Times,serif;
  border-left: 1px solid #330033;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
color:#F0F0F0;
display:block;
padding:8px 15px 8px 15px;
text-decoration:none;
text-align:left;
}

.nav li a:hover {
  background: #ccc;
  color: #000;

}
#nav-one li:hover a,
#nav-one li.sfHover a {
  background: #7A5E77;
  color: #F0F0F0;
}
#nav-one li:hover ul a,
#nav-one li.sfHover ul a {
  background: #F9EFC5;
  color: #330033;
  padding:8px 10px 8px 10px;
  letter-spacing:0.1em;
}
#nav-one li:hover ul a:hover,
#nav-one li.sfHover ul a:hover {
  background: #F9DB91;
  color: #330033;
  text-decoration: none;
}

.nav ul {
  background: #F9EFC5;
  list-style: none;
  margin: 0;
  padding-right:5px;
  width: 100%;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 30px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 1px solid #988A99;
  padding-right: 10px;
  width: 200px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #C6AAC6;
  color: #330033;
}

/* << ----------------// Footer //------------ */

#footer{
	clear: both;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFFFFF;
	padding: 5px;
	margin-top: 0px;
    text-align:center;
    width:100%;
}

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

#footer a:hover {
	text-decoration: underline;
	color:#FC0;
}


/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //------------ */

.clear { 
display: block; 
height: 0;
width:0;
clear: both; 
visibility: hidden;
overflow:hidden;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: block;}


* html .clearfix {height: 1%;}