/* COLOURS
------------------------------------------ */

/* HTML
------------------------------------------ */

h1 {font-size: 200%; font-family: Georgia; font-weight: normal; margin: 5px;}
h2 {font-size: 115%;font-family: Georgia; font-weight: normal; }
h3 {font-size: 105%;font-family: Georgia;font-weight: normal; }
h4 {font-size: 75%;font-family: Georgia; font-weight: normal; }
p {font-size: 100%; margin: 5px 5px 8px 5px; color: #111;line-height: 18px;}
a {font-weight: bold; color: #000; text-decoration: none;}
a img {border: none;}
a:hover {text-decoration: underline;}

/* STRUCTURE
------------------------------------------ */

#wrapper {margin: 0 auto; width: 882px; padding: 0 3px; border-left: solid 12px #2d3c4f;border-right: solid 12px #2d3c4f;border-bottom: solid 12px #2d3c4f; background: #fff; text-align:left; }
#header {float: left; clear: both; position: relative; width: 882px; display: inline; border-top: solid 1px #fff; border-bottom: solid 1px #fff;height: 185px;background:transparent url(../Images/headerback.jpg) no-repeat top left;}
.container { background: #e2dea6 url(../Images/container-back2.jpg) repeat-y top left; float: left; clear: both;}
#main {float: left; position: relative; width: 590px; display: inline; background: #fff;border-left: solid 2px #fff;}
#side {float: right; position: relative; width: 290px; display: inline;}
.paddedSide {margin: 7px; float: left; clear: both; background: #fff; padding: 5px; display:inline; width: 266px; color: #000; }


#side .article { float: left; clear: both; width: 264px; margin: 8px; display:inline; border-bottom: dotted 1px #ccc; background:#047147;padding: 5px;}
#side .article h2 { margin: 0; font-size: 18px; color: #0d4019;}
#side .article p { margin: 0; font-weight: normal;}
#side .article a {color: #fff; padding-top: 4px;}
#footer {clear: both; float: left; position: relative; width: 882px; display: inline; background: #011c2b; padding: 6px 0 25px 0;margin-bottom: 3px;}
#footer p { color: #fff;}
#footer a { color: #fff; font-weight: bold;}
.editme { display: none;}

/* NAVIGATION
------------------------------------------ */

#nav {float: left; width: 882px; height: 48px; background: #598526; clear:both; margin: 3px 0px 3px 0px; border-bottom: solid 5px #001100; }
#nav ul{margin: 0px; padding: 0; list-style-type: none;}
#nav ul li{display:block;float:left;}
#nav ul li a{float: left; color: #fff;}
#nav ul li a:hover{cursor:hand; background: #265143;}
#nav ul li a span {display:none; cursor: hand;}
/*li.menuItem a {border-left: solid 1px #569244; font-size: 120%; color: #fff; padding: 12px 20px 12px 20px; font-family: MS Sans Serif;}*/

#nav ul li#home a{background: transparent url(../Images/navhome.jpg) no-repeat; width: 81px; height: 50px; cursor: hand;}
#nav ul li#about a{background: transparent url(../Images/navabout.jpg) no-repeat ; width: 116px; height: 50px; cursor: hand;}
#nav ul li#news a{background: transparent url(../Images/navnews.jpg) no-repeat ; width: 165px; height: 50px; cursor: hand;}
#nav ul li#gallery a{background: transparent url(../Images/navgallery.jpg) no-repeat; width:92px; height: 50px; cursor: hand;}
#nav ul li#band a{background: transparent url(../Images/navband.jpg) no-repeat ; width: 120px; height: 50px; cursor: hand;}
#nav ul li#charity a{background: transparent url(../Images/navcharity.jpg) no-repeat; width: 135px; height: 50px; cursor: hand;}
#nav ul li#contact a{background: transparent url(../Images/navcontact.jpg) no-repeat ; width: 137px; height: 50px; cursor: hand;}
#nav ul li#rss a{padding-top: 15px; padding-left: 5px;}

#nav ul li#home a,
#nav ul li#about a,
#nav ul li#news a,
#nav ul li#gallery a,
#nav ul li#band a,
#nav ul li#charity a,
#nav ul li#contact a {
background-position: 0px 0px;}

#nav ul li#home a:hover,
#nav ul li#about a:hover,
#nav ul li#news a:hover,
#nav ul li#gallery a:hover,
#nav ul li#band a:hover,
#nav ul li#charity a:hover,
#nav ul li#contact a:hover {
background-position: 0px -52px;}

/* INTRO
------------------------------------------ */
.homeintro {float:left; background: #04603c;width: 292px; height: 259px; display:inline; margin-bottom: 3px; margin-right: 1px; }
.homeintro p {color: #fff; font-weight: bold; margin-left: 15px; text-align: justify; margin-right: 15px; }
.homeintro h1 {color: #fff; margin: 10px 10px 7px 15px;}
.intro {float:left; background: #04603c;width: 292px;display:inline; margin-bottom: 3px; margin-right: 1px; }
.intro p {color: #fff; font-weight: bold; margin-left: 15px; text-align: justify; margin-right: 15px; }
.intro h1 {color: #fff; margin: 10px 10px 7px 15px;}
.intro img {border-bottom: solid 1px #fff;}
.getInvolved { width: 292px; margin-bottom: 3px; margin-right: 1px; }
.getInvolved p {font-weight: bold; margin-left: 15px; margin-right: 15px; }

.panel {float: left;background: #e6e2c7; margin: 0px; padding: 5px; display:inline; width: 580px; }
.panel .newsList { float: left; }
.homepanel {float: left;background: #e6e2c7; margin: 0px; padding: 5px; display:inline; width: 580px; }
.homepanel .newsList { float: left; }
.homepanel .newsList .article {background: #fff; width: 285px; float: left; margin: 0 0 6px 0;}
.homepanel .middle { background: #fff; width: 280px; float: right; margin: 0 0 6px 0;}
.homepanel .white { background: #fff; width: 200px; margin: 0 0 6px 0;}
.panel .newsList .article {float: left; clear: both;background: #fff; margin: 5px 5px 8px 5px; padding: 5px; display:inline;width: 560px; border-bottom: solid 1px #ccc;}
.newsList .article h2 , .homepanel .newsList .article h2{font-size: 150%; margin: 5px;}
.mainbanner {width: 590px; margin: 0; padding: 0; float: left; clear: both;}
.boldGrey {background: #ccc; margin: 0px 14px 0px 10px; padding-top: 7px; }
.notGrey {background: none; }
.notGrey p {color: #fff;}
.notGrey label {float: left;}
.boldGrey .bigger {font-size: 170%; font-family: Arial; font-weight: lighter; letter-spacing: 1px; line-height: 115%;}
.paddedSide p, .paddedSide h1 { color: #000; }

.charityList .article {clear: both; background: #eee; width: 575px; padding: 0px 5px 0px 5px; margin-bottom: 3px;}
.fadedList a {color: #888;}
.paddedSide .article {clear:both;}

/* MISC CLASSES
------------------------------------------ */

.logo {float: left; margin: 35px 10px 10px 10px;}
.utility {float: right;}
.utility a{}
p.copy {float: left; margin: 5px;}
p.geeks {float:right; margin: 5px;}
.clear { clear: both;}
/* ARTICLE LISTS
------------------------------------------ */

.main .article {float: left;}
.main .article .thumbnail{}
.main .article h2.title{}
.main .article p.date {}
.main .article p.summary{ font-size: 100%;}
.main .article a.readmore{}

/* PRODUCT LISTS
------------------------------------------ */

.main .product {float: left;}
.main .product .thumbnail{}
.main .product h2.title{}
.main .product p.summary{}
.main .product p.price{}
.main .product a.readmore{}

/* ARTICLES
------------------------------------------ */

.article {float: left;}
.article h1 {}
.article p.date {}

/* PRODUCTS
------------------------------------------ */

.product {}
.product h1 {}
.product p.price {}

/* FORMS
------------------------------------------ */

.contactform {}
label {margin: 3px; float: left; font-weight: bold; width: 150px;}
.textinput {width: 210px; margin: 3px; padding: 3px; border: solid 1px #666;  font-family: Arial, sans-serif;}
.textbox {width: 210px; margin: 3px; padding: 2px; border: solid 1px #666; font-family: Arial, sans-serif;}
select {margin: 3px;}
checkbox {margin: 3px;}
.submit {}

.notGrey label { width: 50px; color: #fff; }
.notGrey .textinput {width: 180px; }

/* TABLES
------------------------------------------ */

table#listing {}
table#listing thead th{}
table#listing tbody tr td{}
table#listing tbody tr td.row {}
table#listing tbody tr td.alternate {}


/* GALLERY
------------------------------------------ */

.gallery { float: left; clear: both; width: 91%;padding: 3% 3% 3% 6%;}
.homegallery { float: left; clear: both; width: 100%;}
.homegallery .article {background: #fff; padding: 7px 7px 0px 7px; float: left; margin:6px; width: 165px;}

.gallery a img { width: 150px; height: 100px; float: left; padding: 1px; border: solid 1px #666 !important; margin: 0 12px 12px 0;}