/* == General Site Layout
------------------------------------------------- */

#container{float: left; width: 100%; background: url(/img/bg-cont.gif) transparent repeat-x top left;}
#wrap{float: left; width: 100%; background: url(/img/bg-wrap.jpg) transparent no-repeat top left;}
#wrap #page{float: left; width: 975px;}
#wrap #page #head{float: left; position: relative; width: 100%; height: 135px;}
#wrap #page #nav{float: left; width: 100%; height: 30px; background: #a1c020;}
#wrap #page #content{float: left; width: 100%; padding: 30px 0;}
#wrap #foot{float: left; width: 100%; background: url(/img/bg-foot.gif) transparent repeat-x 0 25px; margin: 30px 0 0 0;}

/* == Header
------------------------------------------------- */

#wrap #head a{position: absolute; width: 161px; height: 90px; top: 20px; left: 28px; text-decoration: none;}


/* == Navigation
------------------------------------------------- */

/* == This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop2.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements == */
#wrap #page #nav ul{float: left; display: inline; position: relative; height: 30px; padding: 0; margin: 0 0 0 184px; list-style-type: none; list-style-image: none; z-index: 50;}
#wrap #page #nav li{float: left; position: relative; list-style-type: none; list-style-image: none; margin: 0 11px;}
#wrap #page #nav a{display: block; text-decoration: none; color: #e0efc4; height: 30px; line-height: 30px; font-size: 130%; font-weight: bold; border: 0; padding: 0; margin: 0;}
* html #wrap #page #nav a{width: 30px; w\idth: 30px;}
#wrap #page #nav ul ul{position: absolute; width: 240px; height: 0; top: 30px; left: -20px; margin: 0; padding: 7px 0 0 0; _padding: 7px 0; background: url(/img/bg-subnav-left.gif) no-repeat bottom left #89a31d; visibility: hidden;}
* html #wrap #page #nav ul ul{top:29px;t\op:29px; font-size: 80%;}
#wrap #page #nav ul ul li{margin: 0;}
#wrap #page #nav ul ul li.curve{*margin: -3px 0 0 0;}
#wrap #page #nav ul ul li.curve img{vertical-align: top; _display: none;}
#wrap #page #nav table{position: absolute; top: 0; left: 0; border-collapse: collapse; border: 1px #A1C020 solid; background: none;}
#wrap #page #nav ul ul a{width: 210px; background: #89a31d; color: #fff; height: auto; line-height: 1em; font-size: 100%; font-weight: normal; padding: 7px 15px; border: 0;}
* html #wrap #page #nav  ul ul a{width:210px;w\idth:210px;}
#wrap #page #nav a:hover, #wrap #page #nav a.on{color: #fff; background: #A1C020;}
#wrap #page #nav :hover > a, #wrap #page #nav ul ul :hover > a{color: #fff; background: #A1C020;}
#wrap #page #nav ul ul :hover > a{color: #fff; background: #A1C020;}
#wrap #page #nav ul ul a:hover, * html #wrap #page #nav ul ul a:hover{background: #7e981f;}
#wrap #page #nav ul li:hover ul, #wrap #page #nav ul a:hover ul{visibility: visible;}


/* == Main Content
------------------------------------------------- */

#wrap #page #content .left, #wrap #page #content .center{float: left; width: 195px;}
#wrap #page #content .center{width: 480px; min-height: 320px; _height: 320px;}
#wrap #page #content .right{float: right; position: relative; width: 275px; text-align: right;}

#wrap #page #content .left img{float: left; margin: 0 0 5px 0;}

#wrap #page #content .left .contact{margin: 20px 0 0 8px; color: #777;}
#wrap #page #content .left .contact strong{color: #555;}
#wrap #page #content .left .contact a{color: #444;}


/* == Right Column Adverts
------------------------------------------------- */

#wrap #page #content .right .ad{float: right; position: absolute; width: 265px; height: 329px; background: url(/img/rightbanners/info.jpg) no-repeat top left; top: 0; right: 0;}
#wrap #page #content .right .ad a.btn{position: absolute; width: 97px; height: 26px; background: url(/img/rightbanners/btn.gif) no-repeat top left; top: 220px; left: 45px; cursor: pointer;}
#wrap #page #content .right .ad a.btn:hover{background: url(/img/rightbanners/btn-on.gif) no-repeat top left;}
#wrap #page #content .right .ad a.btn span{display: none;}

#wrap #page #content .right .homeon{display: none; width: 210px; background-image: url(/img/rightbanners/info-on.jpg); color: #737669; text-align: left; padding: 25px 35px 0 20px; font-size: 120%;}
#wrap #page #content .right .homeon h2{color: #8c907f;}
#wrap #page #content .right .homeon p{margin: 15px 0;}


/* == Footer
------------------------------------------------- */

#wrap #foot .inner{float: left; width: 975px;}
#wrap #foot .inner .nav{float: left; display: inline; width: 500px; margin: 2px 0 0 110px;}
#wrap #foot .inner .nav ul, #wrap #foot .inner .nav ul li{display: inline; margin: 0; padding: 0; list-style: none;}
#wrap #foot .inner .nav ul li a{margin: 0 10px 0 0; color: #b8cf56; text-decoration: none; font-weight: bold;}
#wrap #foot .inner .nav ul li a:hover{color: #9eb63a;}
#wrap #foot .inner .nav p{color: #b8cb7b; margin: 12px 0 0 0;}
#wrap #foot .inner .nav p a{color: #b8cb7b; text-decoration: none;}
#wrap #foot .inner .nav p a:hover{text-decoration: underline;}

#wrap #foot .inner .contact{float: right; width: 300px; text-align: right; color: #4d5149; font-size: 90%;}
#wrap #foot .inner .contact p{line-height: 15px;}
#wrap #foot .inner .contact p.title{font-size: 110%; margin: 3px 0 16px 0;}


/* == Text, Links, Images Etc.
------------------------------------------------- */

p.white, p.grey{padding: 7px 5px;}
p.grey{background: #eee;}