/* Start of CMSMS style sheet 'MAIN STYLE' */
* {
margin:0;
padding:0;
}

body {
text-align: left;
font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
font-size: 75.01%;
line-height: 1em;
background-color: #dfe1e1;
color: #333;
margin:1em 0 0 0;
}

div {
font-size: 1em;
}

img {
border: 0;
}

a,
a:link 
a:active {
text-decoration: underline;
background-color: inherit; 
color: #446801; 
}

a:visited {
text-decoration: underline;
background-color: inherit;
color: #435101;
}


a:hover {
text-decoration: none;
background-color: #d1e7a9;
color: #446801;
}
div#pagewrapper {
border: 0px solid #d52220;
margin: 0 auto;
width: 970px;
background-color: #dfe1e1;;
color: black;
}


div#header {
height: 274px;         
}

div#header h1#logo a {
float: left;
width: 290px;
height: 195px;
display: block;
text-indent: -9999px;
background: url(uploads/images/villageslogo.gif) no-repeat;
}

div#header #tagline {
float: left;
width: 210px;
height: 195px;
background: url(uploads/images/tagline.gif) no-repeat;
}

div#header #divider {
clear: both;
width: 970px;
height: 3px;
background: url(uploads/images/divider.gif) no-repeat;
}

div#header #icon-nav {
width: 970px;
height: 76px;
}

div#header #icon-nav ul {
list-style-type: none;
text-indent: -9999px;
}

div#header #icon-nav li {
float: left;
}

div#header #icon-nav li a {
display: block;
height: 76px;
background: url(uploads/images/icon-nav.gif) no-repeat;
width: 80px;
}

div#header #icon-nav li a.iconnew {background-position: 0 0;}
div#header #icon-nav li a.icongreen {background-position: -80px 0;}
div#header #icon-nav li a.icongarden {background-position: -160px 0;}
div#header #icon-nav li a.iconprinciples {background-position: -240px 0;}
div#header #icon-nav li a.iconwater {background-position: -320px 0;}
div#header #icon-nav li a.iconpeople {background-position: -400px 0;}
div#header #icon-nav li a.iconphoto {background-position: -480px 0;}
div#header #icon-nav li a.iconvillage {background-position: -560px 0;}
div#header #icon-nav li a.iconrole {background-position: -640px 0;}
div#header #icon-nav li a.icontrails {background-position: -720px 0;}
div#header #icon-nav li a.iconbuzz {background-position: -800px 0;}
div#header #icon-nav li a.iconcontact {background-position: -880px 0;}

div#header #icon-nav li a.iconnew:hover {background-position: 0 -76px;}
div#header #icon-nav li a.icongreen:hover {background-position: -80px -76px;}
div#header #icon-nav li a.icongarden:hover {background-position: -160px -76px;}
div#header #icon-nav li a.iconprinciples:hover {background-position: -240px -76px;}
div#header #icon-nav li a.iconwater:hover {background-position: -320px -76px;}
div#header #icon-nav li a.iconpeople:hover {background-position: -400px -76px;}
div#header #icon-nav li a.iconphoto:hover {background-position: -480px -76px;}
div#header #icon-nav li a.iconvillage:hover {background-position: -560px -76px;}
div#header #icon-nav li a.iconrole:hover {background-position: -640px -76px;}
div#header #icon-nav li a.icontrails:hover {background-position: -720px -76px;}
div#header #icon-nav li a.iconbuzz:hover {background-position: -800px -76px;}
div#header #icon-nav li a.iconcontact:hover {background-position: -880px -76px;}

div#header #icon-nav a:hover {
background-position: 0 -76px;
}

div#header .homeMain {
border: 1px solid #da9028;
width: 450px;
height: 175px;
overflow: hidden;
margin: 10px 0 0 0;
float: right;
}

div#search {
float: right;
width: 23em;
text-align: right;
padding: 0.6em 0 0.2em 0;
margin: 0 1em;
}

div.breadcrumbs {
padding: 1em 0 1.2em 0;
font-size: 90%;
margin: 0 1em;
border-bottom: 1px dotted #da9028;
}

div.breadcrumbs span.lastitem { 
font-weight:bold; 
}

div#content {
margin: 1.5em auto 2em 0;
}


div#main {
width: 684px;
float: right;
}

div#sidebar {
float: left;
width: 240px;
margin: 0 0 0 10px;
}

div#footer {
clear: both;
color: #fff;
background-color: #da9028;
}

div#footer p {
font-size: 0.8em;
padding: 1.5em;
text-align: center;
margin: 0;
}

div#footer p a {
color: #fff;
}

div.hr {
height: 1px;
padding: 1em;
border-bottom: 1px dotted solid #da9028;
margin: 1em;
}
div.left49 {
width: 49%;
}
div.right49 {
float: right;
width: 49%;
text-align: right;
}

div#content h1 {
font-size: 2em;
line-height: 1em;
margin: 0;
}
div#content h2 {
color: #446801; 
font-size: 1.5em; 
text-align: left; 
padding-left: 0.5em;
padding-bottom: 1px;
border-bottom: 1px solid #da9028; 
border-left: 1.1em solid #da9028; 
line-height: 1.5em;
margin: 0 0 0.5em 0;
}
div#content h3 {
color: #da9028; 
font-size: 1.3em;
line-height: 1.3em;
margin: 0 0 0.5em 0;
}
div#content h4 {
color: #026472; 
font-size: 1.2em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}
div#content h5 {
color: #026472; 
font-size: 1.1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}
h6 {
color: #026472; 
font-size: 1em;
line-height: 1.3em;
margin: 0 0 0.25em 0;
}


p {
font-size: 1em;
margin: 0 0 1.5em 0; /* some air around p elements */
line-height: 1.4em;
padding: 0;
}

blockquote {
border-left: 10px solid #ddd;
margin-left: 10px;
}
strong, b {
/* explicit setting for these */
font-weight: bold;
}
em, i {
/* explicit setting for these */
font-style:italic;
}


div#main ul,
div#main ol,
div#main dl {
font-size: 1.0em;
line-height: 1.4em;
margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
margin: 0 0 0.25em 3em;
}

div#main dl dt {
font-weight: bold;
margin: 0 0 0 1em;
}
div#main dl dd {
margin: 0 0 1em 1em;
}

div#main dl {
margin-bottom: 2em;
padding-bottom: 1em;
border-bottom: 1px solid #c0c0c0;
}

.contactform label {
width: 200px;
padding: 0 15px 0 0;
float: left;
text-align: right;
}
.contactform div {
padding: 5px 0 0 0;
clear: both;
}
.contactform {
width: 500px;
margin: 0 auto;
padding: 0 0 30px 0;
line-height: 1.2em;
}
.contactform textarea {
width: 240px;
height: 90px;
float: left;
}
.radios div {
float: right;
width: 280px;
clear: none;
}
.radios div label {
width: 100px;
text-align: left;
clear: none;
float: left;
}
.radios div input {
width: 20px;
float: left;
}
/* End of 'MAIN STYLE' */