
/*** General Style Elements ***/

body {
margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Arial,sans-serif;
background: #297D38;
}

h2 {
color: #000;
font-size: 16px;
background-color:transparent;
font-family: Arial, Helvetica, sans-serif;
margin:0;
}

a {
color:#297D38;
text-decoration: underline;
}

a:hover {
color:#6B3A69;
text-decoration:none;
}

#wrap {
background-color: #fff;
/*background: #fff url("_img/bgTest.gif") top center no-repeat;*/
color: #303030;
margin: 0 auto;
width: 760px;
padding: 0;
position:relative;
}

#frontphoto {
margin: 0px 0px 10px 0px;
border: 0;
}

#title {
margin: 0 0 5px 0;
border-top:3px solid #F7F2F7;
padding: 0;
line-height: 1.6em;
text-align: right;
}

#title h1 {
font-size: 0.8em;
margin: 0 1.5em 0 0;
}

#title p {
float: left;
text-align: left;
color: #000;
/*background-color: #F7F2F7;*/
margin: 2px 0 0 0;
font-size: 0.8em;
font-weight:bold;
line-height: 1.6em;
padding:3px;
}

#title p a {
color:#297D38;
text-decoration: underline;
}

#title p a:hover {
color:#6B3A69;
text-decoration:none;
}


#navigation {
float: left;
clear: left;
background: #E9F8EB;
width: 180px;
margin: 0;
margin-left: -20px;
padding: 5px;			
border: solid 1px #297D38;
position:relative;
}

#navigation ul {
margin-left: 10px;
padding-left: 0;
list-style-type: none;			
float: left;
width: 150px;
}

#navigation a {
background: transparent;
display: block;
padding: 5px;
width: 150px;
border-bottom: 1px solid #297D38;
color:#9E579B;
font-weight:bold;
text-decoration:none;
}

#navigation a:hover {
color:#297D38;
background-color: #CBEFCF;
font-weight:bold;
text-decoration:none;
}

#navigation li.new {
background:url("images/new.gif") no-repeat right;
}


#navigation p {
margin-top: 20px;
width: 150px;
padding: 5px 0px 5px 5px;
border-bottom: 1px dotted #297D38;
border-top: 1px dotted #297D38;
}
#navigation p a {display:inline; text-decoration:none; border-bottom:none;}

#navigation p a:hover {
display:inline;
background-color: #E9F8EB;
}

.nav-tag-top {
	position:absolute;
	top: -11px;
	left:0;
	width:18px;
	height:10px;
	background: url(images/nav-tag-top.jpg) no-repeat top left;
}
.nav-tag-bottom {
	position:absolute;
	bottom: -11px;
	left:0;
	width:18px;
	height:10px;
	background: url(images/nav-tag-bottom.jpg) no-repeat top left;
}

/** EXCLUSIVE ***************/
#navigation p.exclusive {
margin-top: 16px;
width: 150px;
padding: 5px 0px 0px 0px;
border:none;
}
#navigation p.exclusive a {display:inline; text-decoration:none; border-bottom:none;}

#navigation p.exclusive a:hover {
display:inline;
background-color: #E9F8EB; }

#navigation p.cVille_guide {
margin: 12px auto 5px auto;
padding:0 3px 0 0;
text-align:center;
border: 0; }

#navigation p.cVille_guide a {
text-decoration:none; }

#navigation p.cVille_guide a img {
border:none; }


#navimg {
margin: 0 auto;
border: 0;
display:block;
}

body.home #menu li.home {
color:#297D38;
background-color: #CBEFCF;
font-weight:bold;
}
body.indoor #menu li.indoor {
color:#297D38;
background-color: #CBEFCF;
font-weight:bold;
}


#main{
width: 560px;
margin: auto;
padding: 0.5em 1.0em 0.5em 0.5em;
float: right;
}
.wicker {
background:url(_img/wicker/wicker-hdr.jpg) no-repeat top center;
padding-top:240px;
}

.title_purple {
font-family:Arial, Helvetica, sans-serif;
color:#9E579B;
background-color: #fff;
font-size:12pt;
font-weight:bold;
padding: 0;
margin: 0 0 -8px 0;
}

.title_green {
font-family:Arial, Helvetica, sans-serif;
color:#297D38;
background-color: #fff;
font-size:12pt;
font-weight:bold;
padding: 0;
margin: 0 0 -8px 0;
}

.footer {
position:relative;
clear:both;
width:750px;
height:20px;
margin: 14px 0 0 0;
padding:4px 0;
font-size:.8em;
text-align:center;
border-top:1px solid #9E579B;
}

.footer_text {
font-family:Arial, Helvetica, sans-serif;
color:#303030;
background-color: #fff;
font-size:9pt;
font-weight:bold;
padding: 0;
margin: 0 0 -8px 0;
}

#footer a {
color:#297D38;
background-color: #fff;
text-decoration: none;
}

#footer a:hover {
color:#9E579B;
background-color: #fff;
}

.clear {
	clear:both;
	width:750px;
	display:block;
	height:1px;
	}
#fade-container {
	width:420px;
	background:#fff url(_img/wicker/wicker-1.jpg) top left no-repeat;
	margin:0 auto;
	position:relative;
	height:350px;
	}

