/*CSS Colours
24653A
*/

/*  Reset CSS v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none}
/* remember to define focus styles! */
:focus {outline: 0}
/* remember to highlight inserts somehow! */
ins {text-decoration: none}
del {text-decoration: line-through}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;	border-spacing: 0}
* {padding:0;margin:0}

body {
background: #f2f2f2;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;}

#wrapper { 
margin: 0 auto;
width: 844px;}

#faux {
background: #fff url(images/rounded_top.gif) no-repeat top; 
margin-bottom: 0px;
overflow: auto;
width: 100%}

#header {
background: url(images/nav_bg.gif) no-repeat bottom left; 
color: #000;
width: 846px;
padding: 0px;
height: 395px;
margin: 10px 0px 10px 0px;}

#leftcolumn { 
display: inline;
color: #000;
margin: 10px;
padding: 0px;
width: 650px;
float: left;}

#rightcolumn { 
float: right;
color: #000;
margin: 0px;
padding: 0px;
width: 164px;
display: inline;
position: relative;}

#footer { 
width: 844px;
clear: both;
color: #000;
background: #f2f2f2 url(images/rounded_bottom.gif) no-repeat top; 
margin: 0px 0px 10px 0px;
padding: 20px 0px 0px 0px;}

.clear {clear:both;background:none}


h1 {
text-align:left;
color: #000;
margin: 0 0 30px 0;
font-size: 25px;
line-height: 30px;
font-weight: bold;}


h2 {
background: url(images/hd.gif) no-repeat left center; 
text-align:left;
color: #fff;
margin: 20px 0 20px 0;
padding: 10px 0px 10px 10px;
font-size: 17px;
line-height: 19px;
font-weight: bold;}


p{
font-size:14px;
line-height: 16px;
text-align:justify;
color: #000;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;}


#header ul.top_nav{
width:100%;
margin:8px 0 0 20px;
text-align:left;}

#header ul.top_nav li{
display:inline;
float:left;
padding-left:16px;
margin:0 8px 5px 0;}

#header ul.top_nav li a{
font-size:14px;
color:#fff;
text-decoration:none;
text-align:center;
padding:8px 12px 0 0;}

#header ul.top_nav li a:hover{
color: #111;}

h2 a {
color:#fff!important;
text-decoration:none!important;}

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

#leftcolumn ul li{
background: url(images/dot.gif) no-repeat 1px 4px;
margin: 0px 0px 2px 0px;
padding: 0px 0px 0px 13px;}

#leftcolumn a{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: underline;
color: #24653A;}

#leftcolumn a:hover{
color: #24653A;
text-decoration:none;}

#rightcolumn ul {
margin: 20px 0px 10px 5px;
padding: 0px 0px 0px 0px;
list-style: none;}

#rightcolumn ul li{
background:none;
margin: 0px 0px 2px 0px;
padding: 0px 0px 0px 13px;}

#rightcolumn a{
margin: 0px 10px 0px 0px;
padding: 0px 5px 10px 5px;
border-bottom:1px solid #24653A;
text-decoration: none;
display:block;
width:135px;
color: #24653A;}

#rightcolumn a:hover{
color: #24653A;
text-decoration:none;}


#footer ul{
text-align: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}

#footer li {
font-family: Helvetica, Arial, sans-serif;
color: #696969;
font-size: 10px;
display: inline;
list-style-type: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

#footer a {
font-family: Helvetica, Arial, sans-serif;
padding: 0px 3px 1px 0px;
color: #696969;
font-size: 10px;
text-decoration:none;}

#footer a:hover {color: #222}

.logo {
margin: 0px 0px 10px 0px;}

.slideshow{
float:left;
display:inline;
height:318px;
width:626px}

.slide {
margin-left: 0px;
width: 626px;
height: 318px;}



#things {
float:right;
display:inline;
width: 217px;
padding-left:0px;
margin:0 0 10px 0}

#things li {
padding: 0px;
float:left;
margin:0 0 3px 0;
background:none}

#things a {
position:relative;
display:block;
height: 104px;
width: 217px;
background-position: 0 -104px;
background-repeat:no-repeat;}
	
	
#things a span {
display:none}

#things a:hover {
display: block;
height: 104px;
width: 217px;
background-position: 0 0;}



#things .to_see {background-image:url(images/to_see.gif)}
#things .to_see span.hover{background-image:url(images/to_see.gif)}

#things  .to_do {background-image:url(images/to_do.gif)}
#things .to_do span.hover{background-image:url(images/to_do.gif)}

#things .to_enjoy {background-image:url(images/to_enjoy.gif)}
#things .to_enjoy span.hover{background-image:url(images/to_enjoy.gif)}


/* WP styles */
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;}

.alignleft {float: left}

.alignright {float: right}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;}
/* End WP styles */


/* breadcrumbs */
#leftcolumn #breadcrumbs {
border-bottom:0px solid #24653A;
text-align:left;
list-style: none;
padding:0 0px 7px 0;
margin:-3px 0 0 0px;}


#leftcolumn #breadcrumbs li{
background-image:none;
display:inline;
margin:0 0px 0px 0;
padding:0 6px 0px 0;
font-size:12px;
color:#24653A;}

#leftcolumn #breadcrumbs li a{
font-size:12px;
color:#24653A;
background-image:none;
text-decoration:none;
padding:0px 0px 0 4px;}

#leftcolumn #breadcrumbs li a:hover{color:#24653A;}
#leftcolumn #breadcrumbs li.current a, #leftcolumn #breadcrumbs li.current a:hover{color:#24653A;cursor:default}