﻿/*------------------------------------------------------------------------------------------------*/
/*-                                            LAYOUT.CSS                                        -*/
/*-THIS IS USED TO DECLARE LAYOUT ONLY, INCLUDING POSISTIONING AND BACKGROUND STYLING OF ELEMENTS-*/
/*-                           IT DOES NOT DECLARE TEXT OR CONTENT STYLING.                       -*/
/*------------------------------------------------------------------------------------------------*/

body {
 background: #0f3c17 url(../images/bg_main.jpg) no-repeat center 0;
}

/* ################################### HEADER LAYOUT #################################*/

#headercontainer {
 background: #eeecd9;
 width: 100%
}

#header {
margin: 0 auto;
width: 945px;
height:74px;
}

/* ################################### NAV LAYOUT #################################*/

#ctl00_navigationcontainer {
 background: url(../images/bg_main_nav.png) repeat-x 0 0;
 width: 100%
}

#navigation {
margin: 0 auto;
width: 905px;
height:76px;
padding: 0 20px 0 20px;
}

/*Top Links*/
ul#topLinks {
float:left;
}

ul#topLinks li {
float:left;
padding-top:17px;
}

ul#topLinks li a {
width:146px;
height:42px; /*remove and make up with padding*/
float:left;
background: url(../images/sprite.png) no-repeat -258px 0px;
text-decoration:none;
text-align:center;
color:#00451e;
font-size:1.8em;
padding: 15px 0 0 0;
line-height: 1.05em;
}

ul#topLinks li a:hover, ul#topLinks li a.navon {
background: url(../images/sprite.png) no-repeat -258px -57px;
color:#fff;
text-decoration:none;
}

ul#topLinks li.NFS {
padding-top:0;
}

ul#topLinks li.NFS a {
width:178px;
height:44px; /*remove and make up with padding*/
background: url(../images/sprite.png) no-repeat -258px -115px;
font-size:2em;
padding: 30px 0 0 0;
}

ul#topLinks li.NFS a:hover, ul#topLinks li.NFS a.navon {
background: url(../images/sprite.png) no-repeat -258px -189px;
}

/*
ul#siteLinks {
float:right;
padding-top:50px;
background:  url(../images/tel.jpg) no-repeat right -5px;
}

ul#siteLinks li {
float:left;
}

ul#siteLinks li a {
float:left;
text-decoration: none;
color:#00451e;
font-size:1.8em;
padding: 0 0 0 20px;
}

ul#siteLinks li a:hover {
color:#265d42;
padding-top:1px;
}
*/


ul.class1 {
float:right;
padding-top:50px;
background:  url(../images/tel.jpg) no-repeat right -5px;
width:174px;
}

ul.class2 {
float:right;
padding-top:50px;
background:  url(../images/tel_long_meadow.jpg) no-repeat right -5px;
width:174px;
}

ul.class1 li, ul.class2 li {
float:left;
}

ul.class1 li a, ul.class2 li a {
float:left;
text-decoration: none;
color:#00451e;
font-size:1.35em;
padding: 0 0 0 10px;
}

ul.class1 li a:hover, ul.class2 li a:hover {
color:#265d42;
padding-top:1px;
}

/* ################################### PAGE LAYOUT #################################*/

#maincontainer {
 margin: 0 auto;
 width: 945px;
padding: 0 8px 0 8px;
background: url(../images/bg_shadow.png) repeat-y 0 0;
}

#copyarea {}

#ctl00_mainarea_content1 {
 float: left;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 0px 0px 25px 20px;
 width: 648px;
}

#ctl00_mainarea_content1.singlecol {
 float: left;
 height:auto !important;
 height: auto;
 min-height: 800px;
 padding: 0px 0px 25px 0px;
 width: 945px;
}

#ctl00_mainarea_content2 {
 float: right;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 0px 20px 25px 0px;
 width: 238px;
}

#ctl00_mainarea_content1.copy {
 float: left;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 0px 0px 25px 0px;
 width: 257px;
text-align:center;
}

#ctl00_mainarea_content2.copy {
 float: right;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 0px 20px 25px 0px;
 width: 648px;
}

#ctl00_mainarea_content4 {
 height:316px;
 width: 945px;
 background: url(../images/content4_bg.gif) repeat-x left bottom;
padding-bottom:15px;
position: relative;
z-index:0
}

#ctl00_mainarea_content4 #slides {
z-index: 5;
width:945px; height: 316px;
}

#slides img { display: none }
#slides img.first { display: block }

#ctl00_mainarea_content4 img.slide-logo {
z-index:10;
position: absolute;
top:0;
left:0;
}

#ctl00_mainarea_sidemenu {
 padding: 0px 0px 0px 0px;
 width: 257px;
margin-bottom:15px;
}

.quotes {
 display: block;
 margin: 11px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 180px
}

.quotestop {
 background: #8da5c8;
 display: block;
 padding: 6px 0px 6px 15px
}

.quotesmiddle {
 background: #fff;
 border-right:solid 1px #ccc;
 border-left:solid 1px #ccc;
 display: block;
 padding: 10px 15px 1px 15px;
}

.quotesbottom {
 border-bottom:solid 1px #ccc;
 display: block;
}

.newsoverview {
 display: block;
 height:auto !important;
 height: 120px;
 margin: 15px 0px 0px 0px;
 min-height: 120px
}

/*Photo Gallery Page*/


#preview {
position: absolute;
border: 1px solid #ccc;
background: #333;
padding: 5px;
display: none;
color: #fff;
}

#gallery {
margin-top:30px;
}

#gallery a img {
margin: 0 25px 30px 0px;	
border:solid 3px #08300e;
}


/*Contact Page*/

.form-container {
background:#e2dda9;
width:640px;
height:auto;
padding:45px 0 20px 8px;
position:relative;
}

.botContainer {
padding:20px 0 0 8px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
}

#envelope {
background:url(../images/envelope.png) no-repeat 0 0;
width:101px;
height:94px;
position:absolute;
top:-60px;
right:-15px
}

table {
clear:both;
}

/*######################################## PAGINATION FOR NEWS PAGE ##############################*/

.pagination {
 border: solid 0px #000;
 display: block;
 height: 12px;
 margin: 20px 0px 0px 0px;
 text-align: center
}

.pagination a {
 border: solid 0px #AAE;
 color: #66b220;
 text-decoration: none
}

.pagination a, .pagination span {
 margin-bottom: 0px;
 margin-right: 5px;
 padding: 0.3em 0.2em
}

.pagination .current {
 background: none;
 border: solid 0px #AAE
}

.pagination .current .prev, .pagination .current .next{
 background: none;
 border: #999;
 color: #707070;
 font-weight: normal
}

/*########################################FOOTER LAYOUT##############################*/

#footercontainer {
width: 945px;
padding: 0 8px 0 8px;
background: url(../images/bg_shadow.png) repeat-y 0 0;
margin:0 auto;
}

#footer {
 margin: 0 auto;
 width: 905px;
height:auto;
background:#e1dcc6;
padding: 15px 20px 30px 20px;
overflow: hidden;
}

#address {
float:left;
height:auto;
overflow:hidden;
margin-bottom:0px;
width:905px
}

#footer-small {
clear:both;
}

#bot_shadow {
width: 945px;
padding: 0 8px 0 8px;
background: url(../images/bg_bot_shadow.png) repeat-y 0 0;
margin:0 auto;
height:8px;
clear:both;
margin-bottom:30px;
}

#social {
float:right;
width:190px;
}

#social img {
float:right;
margin-right:10px;
}

