﻿
/* General styles */

body {font-family:Arial, Sans-Serif; color:White; font-size:62.5%;}

.Clear{clear:both; height:0; line-height:0; font-size:0;}

/* Template Styles */

#Header{height:226px; background:url(../i/HeaderBack.jpg) repeat-x center top;}
#Header .Inner{width:940px; margin:auto; height:226px; position:relative;}
#LogoWrapper{position:absolute; top:24px; width:220px; height:85px;}

#TopMenu{position:absolute; top:194px; height:32px;}
#TopMenu li{display:block; float:left; margin-right:1px;}
#TopMenu li a{display:block; height:32px;}
#TopMenu .Home{width:82px; background:url(../i/TopMenuHome.gif);}
#TopMenu .About{width:166px; background:url(../i/TopMenuAbout.gif);}
#TopMenu .News{width:125px; background:url(../i/TopMenuNews.gif);}
#TopMenu .Jobs{width:150px; background:url(../i/TopMenuJobs.gif);}
#TopMenu .Links{width:127px; background:url(../i/TopMenuLinks.gif);}
#TopMenu .Contact{width:118px; background:url(../i/TopMenuContact.gif);}

#Main{background:#7F933A; padding:20px 0px;}

#MainColumns{width:940px; margin:auto;}
#MainColumns .Left{float:left; width:220px;}
#MainColumns .Right{float:left; width:700px; margin-left:20px;}



#Menu{margin-bottom:8px;}
#Menu li{display:block; margin-bottom:4px;}
#Menu li a{display:block; position:relative; height:30px;}

#Menu .GroundsManagement a{background:url(../i/MenuGroundsManagement.gif);}
#Menu .GroundsManagement a:hover{background:url(../i/MenuGroundsManagement.gif) -220px;}
#Menu .Countryside a{background:url(../i/MenuCountryside.gif);}
#Menu .Countryside a:hover{background:url(../i/MenuCountryside.gif) -220px;}
#Menu .Environmental a{background:url(../i/MenuEnvironmental.gif);}
#Menu .Environmental a:hover{background:url(../i/MenuEnvironmental.gif) -220px;}
#Menu .Recycling a{background:url(../i/MenuRecycling.gif);}
#Menu .Recycling a:hover{background:url(../i/MenuRecycling.gif) -220px;}
#Menu .Horticulture a{background:url(../i/MenuHorticulture.gif);}
#Menu .Horticulture a:hover{background:url(../i/MenuHorticulture.gif) -220px;}
#Menu .Golf a{background:url(../i/MenuGolf.gif);}
#Menu .Golf a:hover{background:url(../i/MenuGolf.gif) -220px;}
#Menu .FacilitiesManagement a{background:url(../i/MenuFacilitiesManagement.gif);}
#Menu .FacilitiesManagement a:hover{background:url(../i/MenuFacilitiesManagement.gif) -220px;}

#Menu .SubMenu{margin:5px 0 5px 30px;}
#Menu .SubMenu li{display:block; margin-bottom:3px;}
#Menu .SubMenu li a{display:block; position:relative; text-decoration:none; color:White; height:24px; background:none; background:url(../i/SubMenuItemBack.gif);}
#Menu .SubMenu li a:hover{display:block; position:relative; text-decoration:none; color:White; height:24px; background:none; background:url(../i/SubMenuItemBack.gif) -190px;}
#Menu .SubMenu li a span{position:relative; left:24px; top:6px; cursor:pointer;}
#MenuFooterImage .MenuFooter {background-color: #26341d; padding-left: 5px;}

#Footer{height:97px; position:relative; background:url(../i/FooterBack.jpg) repeat-x center top;}
#Footer .Inner{width:940px; margin:auto; text-align:right;}
#Footer .SiteMap{float:right; position:relative; top:12px; width:77px; margin-right:3px; height:33px; }
#Footer .SiteMap a{display:block; height:33px; background:url(../i/FooterSiteMap.jpg);}
#Footer .Credit{float:right; position:relative; top:12px; width:333px; height:33px; }
#Footer .Credit a{display:block; height:33px; background:url(../i/FooterCredit.gif);}


/* Home Page Styles */

#HomeColumns{}
#HomeColumns .Left{float:left; width:340px;}
#HomeColumns .Right{float:left; width:340px; margin-left:20px;}

.GreenBox{background:#435932; margin-bottom:10px;}
.GreenBox .Top{height:12px; background:url(../i/GreenBoxTop.gif) no-repeat left top;}
.GreenBox .Middle{padding:0px 12px;}
.GreenBox .Bottom{height:12px; background:url(../i/GreenBoxBottom.gif) no-repeat right;}

.HomeMainBox h1{margin-bottom:10px; font-size:2.2em;}
.HomeMainBox p{margin-bottom:10px; font-size:1.2em; line-height:1.4em;}
.HomeMainBox img{margin-bottom:24px;}
.HomeMainBox a{font-weight:bold; color:#fff; text-decoration:none; }
.HomeMainBox a:hover{text-decoration:underline;}

.HomeBox img{margin-bottom:6px;}
.HomeBox h3{margin-bottom:4px; font-size:1.7em;}
.HomeBox p{margin-bottom:10px; font-size:1.1em}


/* Sub Page Styles */

#PageColumns{}
#PageColumns .Top{height:12px; background:url(../i/PageColumnsTop.gif);}
#PageColumns .Middle{height: auto !important; height: 1px; background:url(../i/PageColumnsMiddle.gif) repeat-y; margin: -1px 0 -1px 0;}
#PageColumns .Bottom{height:12px; background:url(../i/PageColumnsBottom.gif); background-repeat: no-repeat;}
#PageColumns .Left{float:left; width:456px; margin-left:12px;}
#PageColumns .Right{float:left; width:196px; margin-left:24px;}

#SubPage h1{margin-bottom:10px; font-size:2.2em;}
#SubPage h2{margin-bottom:10px; font-size:1.8em; color:#ffff99;}
#SubPage h3{margin-bottom:5px; font-size:1.6em;}
#SubPage h4{margin-bottom:5px; font-size:1.4em; font-weight:bold;}
#SubPage a{font-weight:bold; color:#fff; text-decoration:none;}
#SubPage a:hover{text-decoration:underline;}
#SubPage .LinkGroups li{display:block; padding:5px 0 4px 26px; margin-bottom: 8px; width:444px; font-size:1.2em; color:#FFFF99; background:url(../i/LinkPanel.gif) no-repeat;}
#SubPage .LinkGroups li a{font-weight:bold; color:#fff; text-decoration:none;}
#SubPage .LinkGroups li a:hover{text-decoration:underline;}
#SubPage .Links li{display:block; padding:5px 0 2px 26px; width:400px; height:auto; font-size:1.1em; color:#FFFF99; background:url(../i/Bullet.gif) no-repeat 10px 7px; margin-bottom: 0;}
#SubPage .Links .Intro{display:block; padding:2px 0 8px 26px; width:400px; height:auto; border-bottom:dotted 1px #618248; font-size:1.2em; line-height:1.4em; color:#FFF; background:none;}
#SubPage .Links li a{font-weight:bold; color:#fff; text-decoration:none;}
#SubPage .Links li a:hover{text-decoration:underline;}
#SubPage .LinkGroups .Links {margin-left: 10px; margin-top: 5px; }
#SubPage p{font-size:1.2em; line-height:1.4em; margin-bottom:0.8em;}
#SubPage p.PhotoCaption{color:#C8CC71; font-size:1.1em; line-height:1.3em;}
#SubPage ul{margin-bottom:1.4em; clear:both;}
#SubPage li{display:block; padding-left:18px; font-size:1.2em; color:#FFFF99; background:url(../i/Bullet.gif) no-repeat 0px 3px;}
#SubPage .ImageLeft{float:left; margin:3px 12px 12px 0;}
#SubPage .Skyscraper{margin-bottom:12px;}
#SubPage .Job{padding-top:10px; border-top:dotted 1px #618248; clear:both;}
#SubPage .Job h1{margin-bottom:0.4em; font-size:1.6em; font-weight:bold;}
#SubPage .JobsDropDown{margin:-3px 0 10px 0; padding:3px 4px; color:#ffc; background-color:#6A7D44;}
#SubPage .JobDetails{float:left; width:120px; margin-right:10px;}
#SubPage .JobDetails li{height:auto; padding-bottom:0.5em;}
#SubPage .JobDetails li a{font-weight:bold; color:#fff; text-decoration:none;}
#SubPage .JobDetails li a:hover{text-decoration:underline;}
#SubPage .JobDescription{float:right; width:326px;}
#SubPage .JobApplication{padding:10px 0 10px 130px; border-top:dotted 1px #618248; clear:both;}
#SubPage #ApplyThanks{display:none; padding:15px 0; margin-top: 50px; }
#SubPage .JobApplication #ApplyValidation{padding:8px 0; color:Red;}
#SubPage .JobInput{margin:-7px 0 6px 0; font-weight:bold; width:260px; border:solid 2px #C4D06C; padding:1px 4px 3px 4px; color:#26341D; background-color:#EFF2D9;}
#SubPage .JobButton{margin-top:4px; font-weight:bold; color:#26341D; padding:0 6px 2px 6px;}
#SubPage .ImageNews{float:left; margin:3px 12px 10px 0; border:solid 6px #C4D06C;}
#SubPage .ImageNewsThumb{float:left; margin:3px 12px 10px 0; border:solid 3px #C4D06C;}
#SubPage .NewsDetails{margin:-7px 0 10px 0; padding:1px 4px; color:#ffc; background-color:#6A7D44;}
#SubPage .NewsItem{padding:5px 0; border-top:dotted 1px #618248; clear:both;}
#SubPage .NewsItem p{font-size:1.1em; line-height:1.3em; margin-bottom:0.5em;}
#SubPage .NewsItem a{display:block; margin-bottom:0.8em; padding-left:16px; font-size:1.4em; font-weight:bold; color:#fff; text-decoration:none;  background:url(../i/Bullet.gif) no-repeat 0 4px;}
#SubPage .NewsItem a:hover{text-decoration:underline;}
#SubPage .NewsItem .NextPrev{display:inline; margin-right:1.2em; padding-top:0.1em; font-size:1.2em;}
#SubPage .Contact{padding:10px 0; border-top:dotted 1px #618248; clear:both;}
#SubPage .Contact .Address{float:left; width:180px}
#SubPage .Contact .Address h1{margin-bottom:0.3em; font-size:1.8em;}
#SubPage .Contact .Address p{margin-bottom:0.4em; font-size:1.1em; color:#FFFF99;}
#SubPage .Contact #ContactForm{float:left; width:260px;}
#SubPage .Contact #ContactThanks{display:none; float:left; width:260px; border-top: 1px solid #dfe5f0; border-bottom: 1px solid #dfe5f0; padding:15px 0; margin-top: 50px; }
#SubPage .Contact #ContactValidation{padding:8px 0; color:Red;}
#SubPage .ContactInput{margin:-7px 0 6px 0; font-weight:bold; width:254px; border:solid 2px #C4D06C; padding:1px 4px 3px 4px; color:#26341D; background-color:#EFF2D9;}
#SubPage .ContactButton{width: 79px; height:20px; background-image:url(../i/Submit.gif); cursor:pointer;}
#SubPage .Contact .Map{}
#SubPage .Contact .Map {position: relative; width: 434px; height: 230px; margin-top:15px; border:solid 6px #C4D06C;}
