html {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
background:#C1BAA3;
text-align:center;
font:normal 80% Arial, sans-serif;
color:#333;
}

a {
outline:none;
}

#outer_wrapper {
width:939px;
margin:0 auto;
background:url(/img/sv_shadow.jpg) top center repeat-y;
}

#container {
position:relative;
width:857px;
margin:0 auto;
text-align:left;
background:#fff;
}

/*Skip Links*/
#skip {
position:absolute;
top:0;
left:-999px;
}

/*Header*/
#header {
width:100%;
height:186px;
background:url(../img/serpentine_valley_header.gif) 0 0 no-repeat;
}

#header h1 {
display:none;
}

/*Footer*/
#footer {
position:relative;
width:70%;
padding-left:30%;
height:152px;
background:url(../img/serpentine_valley_footer.gif) 0 0 no-repeat;
color:#CECAC3;
font-size:85%;
}

#footer .footer_contact_details {
float:left;
width:320px;
margin-top:20px;
padding:20px 0;
margin-left:35px;
}

#footer .footer_contact_details strong {
display:block;
color:#fff;
}

#footer .footer_contact_details a:link,
#footer .footer_contact_details a:visited {
color:#ED7B41;
text-decoration:none;
}

#footer .footer_contact_details a:hover {
text-decoration:underline;
}

#footer a.footer_logo:link img,
#footer a.footer_logo:visited img {
border:0;
position:absolute;
top:37px;
left:30px;
}

#footer a.sjlogo:link img,
#footer a.sjlogo:visited img {
border:0;
position:absolute;
top:37px;
right:10px;
}

/*Navigation*/
#nav {
position:absolute;
top:186px;
width:100%;
background:#302215;
color:#C1BAA3;
font-size:85%;
padding:10px 0;
}

#menu {
margin:0 0 0 30px;
padding:0 0 0 10px;
list-style:none;
height:10px;
}

#menu li {
position:relative;
display:block;
float:left;
}

#menu li a:link,
#menu li a:visited {
display:block;
float:left;
color:#C1BAA3;
text-decoration:none;
border-right:1px solid #C1BAA3;
padding:0 6px;
}

#menu li a:hover,
#menu li a.active:link,
#menu li a.active:visited {
color:#EA6625;
}

#menu li.end a:link,
#menu li.end a:visited {
border-right:none;
}

#menu li ul {
display:none;
position:absolute;
top:13px;
margin-left:0;
background:#302215;
text-align:left;
margin:0;
padding:10px 0 0 0;
list-style:none;
width:120px;
}

#menu li.end ul {
left:-56px;
}

#menu li:hover ul,
#menu li.sfHover ul {
display:block;
}

#menu li ul li {
display:block;
margin:0;
padding:0;
width:100%;
}

#menu li ul li a:link,
#menu li ul li a:visited {
display:block;
float:none;
margin:0;
padding:5px 10px;
border:0;
}

#menu li ul li a:hover {
background:#211306;
}

/*Content*/
#content {
margin-top:32px;
min-height:400px;
overflow:visible;
}

* html #content {
height:400px;
}

#content a:link,
#content a:visited {
color:#EA6625;
text-decoration:none;
}

#content a:hover {
text-decoration:underline;
}

/*Home Page*/
.row .col {
float:left;
}

#row1, #row2 {
overflow:auto;
}

#row1 #r1_col1 {
width:220px;
height:277px;
background:#472824 url(../img/left_box_bg.gif) top right repeat-y;
border-bottom:1px solid #C1BAA3;
color:#fff;
}

#row1 #r1_col1 .content {
padding:20px 20px 0 20px;
}

#row1 #r1_col1 .content p {
margin-top:0;
padding:0;
}

#row1 #r1_col1 .content ul {
margin:0 0 0 30px;
padding:0 0 0 10px;
font-size:85%;
}

#row1 #r1_col2 {
width:350px;
height:276px;
margin-top:1px;
overflow:hidden;
border-bottom:1px solid #C1BAA3;
}

#row1 #r1_col3 {
width:287px;
height:277px;
overflow:hidden;
border-bottom:1px solid #C1BAA3;
}

#row2 #r2_col1 {
width:284px;
min-height:200px;
overflow:visible;
}

#row2 #r2_col1 h3 {
padding:10px 0 10px 15px;
margin:0 0 0 10px;
color:#9F9F56;
background:url(../img/square_bullet_green.gif) left center no-repeat;
font-size:120%;
}

#row2 #r2_col1 p a:link,
#row2 #r2_col1 p a:visited {
color:#9F9F56;
}

#row2 .content {
padding:10px;
font-size:85%;
}

#row2 .content ul {
margin:0;
padding:0;
list-style:none;
}

#row2 .content ul li a:link,
#row2 .content ul li a:visited {
display:block;
margin-bottom:15px;
color:#333;
}

#row2 #r2_col1 .content ul li a:hover {
text-decoration:none;
}

#container #r2_col2 .content ul li a:link,
#container #r2_col2 .content ul li a:visited {
color:#333;
}

#row2 #r2_col1 .content ul li a:link strong,
#row2 #r2_col1 .content ul li a:visited strong {
display:block;
color:#9f9f56;
margin-bottom:4px;
}

#row2 #r2_col1 .content ul li a:link span,
#row2 #r2_col1 .content ul li a:visited span {
color:#EA6625;
}

#row2 #r2_col1 .content ul li a:hover span {
text-decoration:underline;
}

#row2 #r2_col2 {
width:284px;
min-height:200px;
overflow:visible;
border-right:1px solid #C1BAA3;
border-left:1px solid #C1BAA3;
}

#row2 #r2_col2 h3 {
padding:10px 0 10px 15px;
margin:0 0 0 10px;
color:#4889A8;
background:url(../img/square_bullet_blue.gif) left center no-repeat;
font-size:120%;
}

#row2 #r2_col2 a:link,
#row2 #r2_col2 a:visited {
color:#4889A8;
}

#row2 #r2_col2 ul a:link,
#row2 #col2 ul a:visited {
color:#333;
}

#row2 #r2_col2 ul a:hover {
text-decoration:none;
}

#row2 #r2_col2 a:link strong,
#row2 #r2_col2 a:visited strong {
display:block;
color:#4889A8;
margin-bottom:4px;
}

#row2 #r2_col2 ul a:hover strong {
text-decoration:underline;
}

#row2 #r2_col2 a:link strong span,
#row2 #r2_col2 a:visited strong span {
font-weight:normal;
}

#row2 .heading {
background:url(../img/h3_shadow_bottom.gif) bottom left repeat-x;
}

/*
Tourism partner
*/

#r2_col2 img {
margin:10px 0 0 10px;
}

#r2_col2 a img {
border:1px solid;
}

#r2_col2 strong {
color:#4889A8;
font-size:85%;
margin-left:10px;

}

#r2_col2 p {
font-size:85%;
color:#333;
margin:0 10px;
padding-bottom:10px;
}

/*---*/


#row2 #r2_col3 {
width:287px;
min-height:200px;
overflow:visible;
}

#row2 #r2_col3 h3 {
padding:10px 0 10px 15px;
margin:0 0 0 10px;
color:#B55335;
background:url(../img/square_bullet_red.gif) left center no-repeat;
font-size:120%;
}

#row2 #r2_col3 a:link,
#row2 #r2_col3 a:visited {
color:#B55335;
}

#row2 #r2_col3 ul a:link,
#row2 #col3 ul a:visited {
color:#333;
}

#row2 #r2_col3 ul a:hover {
text-decoration:none;
}

#row2 #r2_col3 a:link strong,
#row2 #r2_col3 a:visited strong {
display:block;
color:#B55335;
margin-bottom:4px;
}

#row2 #r2_col3 ul a:hover strong {
text-decoration:underline;
}

#row2 #r2_col3 a:link strong span,
#row2 #r2_col3 a:visited strong span {
font-weight:normal;
}

#r2_col3 ul li.hide{
display:none;
}


/*---*/


/*Listings*/
#listings.index .listing_category {
color:#5A5246;
}

#listings.index .listing_category h2 {
font-size:150%;
}

#listings.index .listing_category .content {
height:185px;
padding-top:15px;
padding-right:30px;
padding-left:306px;
border-bottom:1px solid #C1BAA3;
}

#listings.index #entries {
position:relative;
}

#listings.index #entries .left_col {
position:absolute;
top:0;
left:0;
}

#listings.index #entries .left_col ul {
margin:0;
padding:10px;
list-style:none;
text-align:right;
font-size:85%;
width:256px;
}

#listings.index #entries .left_col ul li a:link,
#listings.index #entries .left_col ul li a:visited {
display:block;
margin:5px 0;
}

#listings.index #entries .left_col ul li a.active:link,
#listings.index #entries .left_col ul li a.active:visited {
text-decoration:underline;
}

#listings.index #entries .right_col {
margin-left:276px;
background:#fff;
min-height:800px;
overflow:visible;
padding:10px 20px;
}

* html #listings.index #entries .right_col {
height:400px;
}

#listings.index #entries .right_col .listing {
min-height:122px;
overflow:visible;
border-bottom:1px solid #C1BAA3;
margin-bottom:20px;
padding-bottom:10px;
font-size:85%;
}

#listings.index #entries .right_col .listing .image {
float:left;
}

#listings.index #entries .right_col .listing .content {
margin-left:175px;
}

#listings.index #entries h3 a:link,
#listings.index #entries h3 a:visited {
display:block;
font-size:150%;
padding:40px 0;
}

/*Calendar*/
#events.index,
#events.view_details {
padding:20px;
}

#events.index h2,
#events.view_details h2 {
margin-top:0;
color:#5A5246;
}

.calendar table {
border:1px solid #A38C67;
border-width:1px 0 0 1px;
font-size:80%;
}

.calendar table th {
padding:3px 0;
border-bottom:3px double #A38C67;
border-right:1px solid #A38C67;
text-align:center;
}

.calendar table td {
border:1px solid #A38C67;
border-width:0 1px 1px 0;
font-size:85%;
padding:0;
}

.calendar table td .box {
width:105px;
height:84px;
vertical-align:top;
text-align:right;
padding:3px 5px;
margin:0;
}

.calendar table td.blank .box {
background:#eee;
}

.calendar table td.center {
text-align:center;
height:auto;
padding:3px 0;
}

.calendar table td .today {
border:1px solid #E4F1FB;
background:#E4F1FB;
}


.calendar table td .box ul {
text-align:left;
margin:0;
padding:0 0 0 12px;
}

.calendar table td .box a:link,
.calendar table td .box a:visited {
color:#333;
}

.calendar table td .box a:hover {
color:#fa4c1d;
}

#events.view_details img {
float:right;
border:1px solid #000;
}

.top_link {
text-align:right;
font-size:85%;
}

/*LINKS*/
#links.index {
padding:10px 20px;
}

/*CONTACT*/
#pages.contact {
padding:10px 20px;
}

/*EMPLOYMENT*/
#jobs.index .listing_category {
color:#5A5246;
}

#jobs.index .listing_category h2 {
font-size:150%;
}

#jobs.index .listing_category .content {
height:185px;
padding-top:15px;
padding-right:30px;
padding-left:306px;
border-bottom:1px solid #C1BAA3;
}

#jobs.index .jobs {
position:relative;
}

#jobs.index .left_col {
position:absolute;
top:12px;
left:10px;
}

#jobs.index .left_col ul {
margin:0;
padding:0;
list-style:none;
width:255px;
text-align:right;
}

#jobs.index .left_col ul li a:link,
#jobs.index .left_col ul li a:visited {
color:#fff;
font-size:85%;
}

#jobs.index .left_col ul li a:hover,
#jobs.index .left_col ul li a.active:link,
#jobs.index .left_col ul li a.active:visited {
text-decoration:underline;
}

#jobs.index .right_col {
background:#fff;
margin-left:276px;
padding-bottom:10px;
}

#jobs.index .job {
font-size:85%;
border-bottom:1px solid #ccc;
padding-bottom:10px;
padding-top:5px;
margin:0 20px;
}

#jobs.index .job span.small {
margin-left:20px;
color:#aaa;
font-size:80%;
font-style:italic;
}

#jobs.index .job .contact_details {
margin-top:10px;
}

/*SEARCH BOX*/
#search_box {
position:absolute;
top:0;
right:0;
}

#search_box a.search_link:link,
#search_box a.search_link:visited {
display:block;
text-decoration:none;
color:#333;
font-size:80%;
padding:5px 10px 5px 20px;
background:url(../img/magnifier2.png) left center no-repeat;
}

#search_box a.search_link:hover {
text-decoration:underline;
}

#form {
position:absolute;
top:25px;
right:20px;
width:250px;
background:#C7CAA4;
border:1px solid #A7A75E;
padding:5px;
}

#form input {
border:1px solid #A7A75E;
width:206px;
color:#aaa;
font-style:italic;
font-size:85%;
padding:3px;
}

#form input.submit {
width:auto;
padding:2px 3px;
color:#fff;
font-style:normal;
background:#4A4D38;
border:1px solid #4A4D38;
}

#form .cancel {
text-align:right;
margin-top:5px;
font-size:80%;
}

#form .cancel a:link,
#form .cancel a:visited {
color:#333;
text-decoration:none;
}

#form .cancel a:hover {
text-decoration:underline;
}

#search.search_results {
padding:10px 20px;
}

#search.search_results ul {
margin:0;
padding:0;
list-style:none;
}

#search.search_results ul li {
display:inline;
font-size:85%;
}

#search.search_results ul li a:link,
#search.search_results ul li a:visited {
color:#A7A75E;
}

#search.search_results .result {
margin-bottom:15px;
}

/*News Items*/
.gallery_images {
padding:5px 0 0 0;
}

.gallery_images ul {
margin:0;
padding:0;
list-style:none;
}

.gallery_images ul li {
display:inline;
}

.gallery_images ul li a:link img,
.gallery_images ul li a:visited img {
border:1px solid #000;
width:40px;
}

#news_items.index .listing_category {
color:#5A5246;
}

#news_items.index .listing_category h2 {
font-size:150%;
}

#news_items.index .listing_category .content {
height:185px;
padding-top:15px;
padding-right:30px;
padding-left:306px;
border-bottom:1px solid #C1BAA3;
}

#news_items.index .listings {
position:relative;
}

#news_items.index .listings .left_col {
position:absolute;
top:0;
left:0;
}

#news_items.index .listings .left_col ul {
margin:0;
padding:10px;
list-style:none;
text-align:right;
font-size:85%;
width:256px;
}

#news_items.index .listings .left_col ul li a:link,
#news_items.index .listings .left_col ul li a:visited {
display:block;
margin:5px 0;
color:#fff;
}

#news_items.index .listings .left_col ul li a.active:link,
#news_items.index .listings .left_col ul li a.active:visited {
text-decoration:underline;
}

#news_items.index .listings .right_col {
margin-left:276px;
background:#fff;
min-height:400px;
overflow:visible;
padding:10px 20px;
}

* html #news_items.index .listings .right_col {
height:400px;
}

#news_items.index .listings .right_col .listing {
min-height:122px;
overflow:visible;
border-bottom:1px solid #C1BAA3;
margin-bottom:20px;
padding-bottom:10px;
font-size:85%;
}

#news_items.index .listings .right_col .listing .image {
float:left;
}

#news_items.index .listings .right_col .listing .content {
margin-left:175px;
}

#news_items.index .listings h3 a:link,
#news_items.index .listings h3 a:visited {
display:block;
font-size:150%;
padding:40px 0;
}

.website_by a {
position:absolute;
bottom:10px;
color:#555841 !important;
right:10px;
}

.website_by a:hover {
color:#fff;
}
