/* Village Solutions stylesheet */

/*
Color Scheme
	content bar: #869e70
	main content bar:  #788e65
	page background:  #
*/


/*
UTILITY
*/

.floatLeft {              
						float: left;
}

.floatRight {             
						float: right;
}

.clear {                  
						clear: both;
}

.button  {
                        border: 1px solid #272727;
						background: white;
						padding: 1px 5px;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						color: #272727;
}

.button:hover {
                        background: #cccccc;
						color: black;
}


/*
General Typography
*/

body {
						font-family: GillSans, Calibri, Trebuchet, sans-serif;
}

h1 {
						font-size: 1.5em;
}

h2 {
						font-size: 1.3em;
}

h3 {
						font-size: 1.1em;
}

/*
UTILITY
*/

html {
						background-color: #51643f;			
}

body {
						background-image: url("images/background.jpg");
						background-position: top left;
						background-repeat: repeat-x;
						color: white;						
}

#page-wrap {
                        width: 960px;
						margin: 0px auto;
						
}

#push {
                        height: 250px;
}

#background-plan {
						position: absolute;
						left: 0px;
						top: 280px;
						z-index: -1;
						width: 100%;
						height: 596px;
						background-image: url("images/background-plan.jpg");	
						background-position: top left;
						background-repeat: repeat-x;
}

#footer {
						height: 100px;
						width: 960px;
						background-color: #869e70;						
						background-image: url("images/footer.jpg");
						background-repeat: repeat-x;
						text-align: center;
}

#footer p{
						padding-top: 55px;
}

/*
Header
*/

#header {
						height: 280px;												
						text-align: center;
}

#banner {
						height: 248px;
						background: url("images/page-header.jpg");
}

#nav {
						padding-top: 5px;						
						margin-top: 0px;
						height: 30px;
}

#nav li{
						display: inline;
						padding: 0px 25px 0px 25px;
}


/*
Main Content
*/

#main-content {											
						padding-top: 10px;			
						background-color: #869e70;
}

#main-content h1 {
						margin: 10px 0px 20px 0px;
						text-align: center;						
}

ul#home-intro  img{
						float: left;
						padding: 15px 10px 10px 0px;
}

ul#home-intro li {
						list-style-type: none !important;
						list-style-position: inside !important;
						margin-left: 0px !important;
						margin-bottom: 10px;
						clear: both;
}

#maps {
						text-align: center;
						padding-top: 20px;
}

#maps img{
						
						margin: 0px 40px 30px 40px;
						width: 600px;
}

#main-bar h2,h3{
						padding-bottom: 10px;
}

#main-bar h2{
						border-bottom-style: solid;
						border-bottom-width: 1px;
						border-bottom-color: #51643f;
						padding-bottom: 3px;
}

#main-bar h3{
						padding-top: 10px;
}

#main-bar {
						background-color: #788e65;
						float: left;
						width: 600px;
						padding-left: 10px;
						padding-right: 10px;
						padding-top: 10px;
						padding-bottom: 10px;
						margin-bottom: 20px;
						margin-left: 10px;
						min-height: 700px;						
}

#main-bar ul li{
						list-style-type: disc;
						margin-left: 20px;
}

.portraits {
						padding: 10px 10px 0px 0px;
}

#main-bar ul {
						margin-bottom: 10px;
}

#process-charts {
						text-align: center;
}

#process-charts img {
						width: 550px;
						padding-top: 10px;
}

#alt-page-text {
						line-height: 1.3em;
}

#alt-page-text img{
						padding-left: 10px;
}

#alt-page-text p{
						padding-bottom: 20px;
}

#alt-page-text h2	{
						margin-bottom: 20px;
}

#alt-page-text ul {
						list-style-type: disc;
						margin-left: 30px;
						margin-bottom: 20px;
}

#alt-page-text li{
						list-style-type: disc;
						margin-bottom: 5px;
						
}

.services-page #main-bar img {
						margin: 0px 10px 15px 10px;
						padding: 0px !important;
						border: 10px white solid;
						background-color: white;
}

.about-page #main-bar img {
						margin: 0px 10px 15px 10px;
						padding: 0px !important;
						border: 10px white solid;
						background-color: white;
}

/*
Side Bars
*/

#left-sidebar {
						float: left;
						width: 140px;
						padding: 15px 10px 0px 10px;
						
						font-size: .9em;
}

#left-sidebar  li{
						padding-top: 10px;
}

#left-sidebar ul{
						margin-bottom: 30px;
}

#left-sidebar h3{
						border-bottom-style: solid;
						border-bottom-width: 1px;
						border-bottom-color: #51643f;
						padding-bottom: 5px;
} 

#right-sidebar {
						float: left;
						width: 140px;
						padding-left: 20px;
						padding-top: 15px;
						padding-right: 10px;
						font-size: .9em;
}



#right-sidebar  li{
						padding-top: 10px;
}

#right-sidebar ul{
						margin-bottom: 30px;
}

#right-sidebar h3{
						border-bottom-style: solid;
						border-bottom-width: 1px;
						border-bottom-color: #51643f;
						padding-bottom: 5px;
}

#alt-right-sidebar {
						float: left;
						width: 140px;
						padding-left: 20px;
						padding-top: 60px;
						padding-right: 10px;
						font-size: .9em;
}

#alt-right-sidebar  li{
						padding: 5px 0px 5px 0px;						
						margin-left: 10px;
}

#alt-right-sidebar ul{
						margin-bottom: 0px;
						margin-right: 0px;
}





#alt-right-sidebar h3{
						border-bottom-style: solid;
						border-bottom-width: 1px;
						border-bottom-color: #51643f;
						padding-bottom: 5px;
}

/*
Retail Lists
*/

Table {
						margin: 0px 0px 20px 0px;
						background-color: #94c1da;	
						border-style: solid;
						border-width: 2px;
						background-color: #94c1da;	
						width: 650px;
}

tr {
						border-style: solid;
						border-width: 2px;
						background-color: #BFD2C3;
						border-color: white;
}

td {
						padding: 10px 100px 10px 5px;
						color: #474747;
}

tr:hover {
						background-color: #9AB8A0;
						border-style: solid;
						border-width: 2px;		
						border-color: white;
}

th {
						padding: 10px 30px 10px 5px;
						font-weight: bold;
						background-color: #9AB8A0;										
}

th:hover {
						background-color: #9AB8A0;
}

.table-nmbrlist td{
						padding: 10px 20px 10px 5px;
}


/*
Links
*/

#top-link {
						background-image: url("images/arrow.jpg");
						background-position: top right;
						background-repeat: no-repeat;
						width: 120px;
						height: 40px;
}

#top-link {
						padding: 10px 0px 0px 0px;
}

a {
                        text-decoration: none;
						color: #d3e4f2;
}

a:hover {                        
						color: white;
}

#nav a {
						color: #212121;
						font-weight: bold;
}

#nav a:hover {                        
						color: white;
}