/*LAYOUT AREAS*/

body {
	margin: 0px auto;
	padding:0;
	padding-bottom:20px;
	color: #4B2829;
	background:url(../images/page-bg.jpg) repeat;
	text-align:center;
	font-family:"Trebuchet MS", Tahoma;
	font-size: 13px;
}
bodyOLD {
	font: 0.9em "Times New Roman", Times, serif;
	color: #4B2829;
	margin: 0px;
	background: #422928 url(../images/mainbg.gif) repeat-x left top;
	text-align:center;
}

#frame {
	margin: 16px auto;
	padding: 0px;
	width: 980px;
	height: auto;
	text-align: center;
	border:1px #422928 solid;
	background:url(../images/copy-bg.jpg);
	position:relative;
}
#logo {
	margin:0px;
	padding:0px;
	width:980px;
	height:65px;
	text-align:center;
	top:0px;
	left:0px;
}	
#topnav {
	margin:0px auto;
	padding:0px;
	background:url(../images/nav-bg.jpg) top left no-repeat;
	width:980px;
	height:75px;
	clear:both;
}
#main {
	background-color:#FFFFFF;
	left:0px;
	width:100%;
	height:auto;
	clear:both;
}	
#photo {
	width:396px;
	height:auto;	
	float:left;
}
#copy {
	margin:20px 20px 20px 0px;
	padding:10px 0px 20px 0px;
	text-align:left;
	float:right;
	background:url(../images/copy-bg.jpg);
	width:554px;
	border-top:3px solid #422928;
	border-bottom:3px solid #422928;
	height:auto;
	clear:right;
}	
#newsletter {
	position:relative;
	float:left;
}	
#bottomnav {
	margin: 0px;
	padding: 15px 0px 15px 0px;
	text-align:center;
	background-color:#422928;
	color:#E8F8F6;
	width:100%;
	height:auto;
	clear:both;
}

/*COPY STYLES*/
#topnav {
	color:#FFFFFF;
	font-size:14px;
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}	
#topnav ul {
	list-style-type:none;
	display:block;
	margin-right: 0px;
	margin-left: 0px;
	margin-top:0px;
	padding-top: 28px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
#topnav ul li {
	display:inline;
	padding:0px 2px 0px 2px;
	border-right:0px dashed #E8F8F6;
}
#topnav ul li.first {
	padding-left:0px;
}
#topnav ul li.last {
	padding-right:0px;
	border-right:none;
}		
#topnav a {
	text-decoration:none;
	color:#E8F8F6;
	padding-top:5px;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:5px;
	border:#372019 1px solid;
}
#topnav a:hover {
	color:#FFFFFF;
	border:#FFFFFF 1px dashed;
}
#topnav a:visited {
}
#topnav a.current {
	background:#E8F8F6;
	color:#684542;
	border:#E8F8F6 1px solid;
}
#topnav a:hover.current {
	color:#684542;
}
h1 {
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	line-height:110%;
	color: #663300;
	font-weight:normal;
}
h1 w2 concept {
  font: bold 330%/100% Cambria;
  position: relative;
  color: #464646;
}
h1 span {
  background: url(../gradient.png) repeat-x;
  position: absolute;
  display: block;
  width: 100%;
  height: 31px;
}
h2 {
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	line-height:25px;
	color: #663300;
	font-weight:normal;
}
p {
	line-height:19px;
	color: #663300;
}
li {
	color: #663300;
}
#copy a:link {	
	color: #663300;
	border-bottom:1px dashed #663300;
	text-decoration:none;}
#copy a:visited {
	color: #663300;
	border-bottom:1px dashed #663300;
	text-decoration:none;}
#copy a:hover {
	color: #663300;
	background-color:#E8F8F6;
	border-bottom:1px solid #663300;}
#copy a:active {
	color: #663300;
	border-bottom:1px dashed #663300;
	text-decoration:none;
}

#bottomnav p {
	color:#E8F8F6;
}
#bottomnav a {
	color:#E8F8F6;
	text-decoration:none;
}	
#bottomnav a:visited {	}
#bottomnav a:hover {
	color:#FFFFFF;
	border-bottom:1px dashed #FFFFFF;
}
#bottomnav a:active {	}

.photo {
	margin:20px;
	padding:10px;
	border:#E8F8F6 3px solid;
}	

.button {
	font-family:"Trebuchet MS", Tahoma, sans-serif;
	font-size:13px;
}	
.input {
	background-color:#FFFFCC;
}	
/*Photo gallery*/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #E8F8F6;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
background-color:none; /*new*/
}

.thumbnail:hover img{
border: 1px solid #E8F8F6;
}

.thumbnail span{ /*CSS for large image*/
position: absolute;
background-color:#E8F8F6;
padding: 5px;
left: -1000px;
border: 1px solid #422928;
visibility: hidden;
color: #000;
text-decoration: none;
}

.thumbnail span img{ /*CSS for large image*/
border-width: 1;
padding: 2px;
border: 1px solid #FFFFFF;
}

.thumbnail:hover span{ /*CSS for large image*/
visibility: visible;
top: 0;
left: 230px; /*position where large image should offset horizontally */
z-index: 50;
}

#copy .gallerycontainer a {
	border-bottom:none;
	text-decoration:none;
	padding:0px;
}

#copy .gallerycontainer a:link{
	border-bottom:none;
	text-decoration:none;
}
#copy .gallerycontainer a:visited {
	border-bottom:none;
	text-decoration:none;
}

#copy .gallerycontainer a:hover {
	background:none;
	border-bottom:none; 
}
	
