/* Universal Reset */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

/* XHTML  Elements */
html{
	background: url(../images/i_body-gradient.jpg) repeat-x top left;
	/*border: 1px solid blue;*/
}
body{
	font: 76%/160% Geneva, Arial, Helvetica, sans-serif;
	background: #f4f5e6 url(../images/i_body-dropshadow.png) repeat-y top;
	text-align: center;
	color: #2f1e11;
	/*border: 1px solid red;*/
}

ul, p, dl, table, blockquote{
	margin: 0 0 1em 0;
}
ul, li{
	margin-left: 1em;
}
a{
	color: #7e773a;
	text-decoration: underline;
}
a:hover{
	color: #2f1e11;
}
img{
	border: none;
}
blockquote{
	margin: 0 0 0 2em;
	color: #6e6259; 
}
fieldset{
	border: 0;
}
h2{
	font: 280% "Euphemia UCAS", Geneva, Helvetica, Arial, Sans-serif;
	color: #afa550;
	font-weight: 400;
	line-height: 120%;
	margin-top: 10px;
}
h3{
	font: 130% "Euphemia UCAS", Geneva, Helvetica, Arial, Sans-serif;
	font-weight: 600;
	line-height: 180%;
        color: #afa550; 
}
dt{
	font-weight: 600;
}
/* Layout */
#wrap{
	width: 770px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

/* Header section */
#header{
	background: #afa550 url(../images/i_header-logo.png);
}
#header h1{
	text-indent: -999999px;
	overflow: hidden;
	line-height: 120px;
}
#header h1 a{
	text-decoration: none;
	display: block;
	height: 120px;
}
body.home #subheader{
	height: 140px;
	background: #6a5f4c url(../images/i_banner-home2.jpg) left no-repeat;
} 
#subheader{
	height: 40px;
	background: #6a5f4c url(../images/i_banner-home.jpg) no-repeat 0px -65px;	
}

/* Main navigation */
#primarynav{
	background: #e7e3c1;
	height: 40px;
}
#primarynav ul{
	margin: 0;
	padding: 0;
}
#primarynav ul li{
	text-align: center;
	width: 118px;
	float: left;
	line-height: 40px;
	list-style-type: none;
	margin: 0;
}
#primarynav ul li a{
	display: block;
	height: 40px;
	color: #2f1e11;
	text-decoration: none;
	padding: 0;
	border-right: 1px solid #cfccaf;
}
#primarynav ul li a:hover, #primarynav ul li a.active{
	background: #cfccaf;
}

/* Search */

#search label{
	line-height: 40px;
	padding: 10px;
}
#search input{
	width: 100px;
	border: 1px solid #cfccaf;
}

/* Secondary Navigation */
#secondarynav{
	width: 200px;
	float: left;
}
#secondarynav ul{
	margin: 20px 0;
}
#secondarynav ul ul{
	margin: 0;
	font-size: 80%;
}
#secondarynav li{
	list-style-type: none;
	line-height: 250%;
	margin: 0;
}
#secondarynav li li a{
	padding: 0 0 0 20px;
}
#secondarynav li a{
	display: block;
	text-decoration: none;
	color: #2f1e11;
	padding: 0 10px;
	background: url(../images/i_secondarynav-gradient.jpg) bottom left no-repeat;
}
#secondarynav li a:hover, #secondarynav li a.active{
	background-repeat: repeat-y;
}

/* Content area */
#content{
	float: left;
	width: 770px;
	background: #fff url(../images/i_secondarynav-bg.png) repeat-y left;
}
.home #content{
	background: #fff url(../images/i_secondary-bg.png) repeat-y left;
}

#primarycontent{
	width: 540px;
	float: right;
	margin: 0 10px 0 20px;
}
.home #primarycontent{
	width: 355px;
	float: left;
	margin: 0 10px;
}
.directory #primarycontent{
	width: 295px;
	float: left;
}
.directory-listing #primarycontent{
	float: right;
	width: 335px;
	margin: 0 10px 0 0;
}

#secondarycontent h2{
	font-size: 200%;
	color: #2f1e11;
	background: #f3f2e1 url(../images/homeIcons.gif) no-repeat 92% 50%;
	line-height: 78px;
	margin: 0 -10px 10px -10px;
	text-indent: 10px;
}
.home #secondarycontent{
	width: 355px;
	float: right;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;	
}
/*.home #secondarycontent #news, .home #secondarycontent h3, #whatson, #weather {display: none;}
.home #secondarycontent h2 {display: none;}*/
.home #secondarycontent div{
	width: 167px;
	float: left;
	margin-right: 10px;
}
.home #secondarycontent div div{
	margin: 0;
	width: auto;
}
.home #secondarycontent #weather div{
	background: #e7e3c1 url(../images/i_weathermodule-b.png) bottom left no-repeat;
	width: 167px;
}
.home #secondarycontent #weather ul{
	margin: 0;
	padding: 0;
	padding: 20px 5px;
	background: url(../images/i_weathermodule-t.png) top left no-repeat;
	width: 100%;
	float: left;
}

.home #secondarycontent #weather li{
	width: 70px;
	text-align: center;
	display: block;
	float: left;
	list-style: none;
	margin: 0;
}

.home #whatson dd img {float: right;}
.home #whatson dt a {text-decoration: none;}
.home #whatson dt a:hover {text-decoration: underline;}

.home #secondarycontent h3 a {

	text-decoration: none;
}

.home #secondarycontent h3 a:hover {text-decoration: underline;}

html body.home div#secondarycontent div.tx-gbweather-pi1{
  border-top: 1px solid #e7e3c1;
  padding-top: 10px;
  margin-bottom: 10px;
  float: right;
}

.directory #secondarycontent{
	width:  235px;
	float: right;
	margin: 50px 0 0 10px;
}
.directory-listing #secondarycontent{
	float: left;
	width: 185px;
	margin: 25px 0 0 10px;
}
.directory #secondarycontent h3 {color: #afa550;}
/*
.directory-listing #secondarycontent ul {
	list-style: none;
	margin-left: 200px;
}
.directory-listing #secondarycontent li {margin-left: 30px; }
*/
.directory-listing #secondarycontent li{
	margin: 0;
}
.directory-listing #secondarycontent li{
	list-style-type: none;
	margin: 0 0 .9em 0;
	padding: 0;
}

/* Footer */
#footer{
	float: none;
	width: 770px;
	clear: both;
	background: #e7e3c1;
	height: 70px
}
#footer p{
	line-height: 70px;
	margin: 0 10px
}

/* Classes */

.note{
	font-size: 90%;
	color:  #999;
}

.block{
	display: block;
	clear: both;
	width: 100%;
	float: left;
	margin: 10px 0;
}
p.first{
	font-size: 110%;
}
img.thumb_s{
	width: 60px;
	/*height: 60px;*/
	float: right;
	margin: 0 0 5px 5px;
}
img.thumb_m{
	width: 87px;
	height: 87px;
	float: left;
	margin: 10px 20px 10px 10px;
}
#primarycontent .shadow{
	background: url(../images/i_dropshadow-ffffff.png) bottom right no-repeat;
	padding: 5px;
	
	margin: 10px;
}
#primarycontent .shadow img{
	margin: -10px 0 0 -10px;
}
#secondarycontent .shadow{
	background: url(../images/i_dropshadow-f9f8f0.png) bottom right no-repeat;
	
	padding: 3px;
}
#secondarycontent .shadow img.thumb_s{
	float: right;
	margin: -8px 0 0 -8px;
}

.rightImages {float: right; margin-top: 20px;}

.rightImages + a + h2 {margin-right: 150px; }

/* IE Specific Rules */

*html #search{
	height: 40px;
	padding: 13px 0 0 5px;
}

*html #primarycontent{
	width: 520px;
}

*html .home #secondarycontent{
	width: 375px;
	margin: 0;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash #primarycontent h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 44px;
}


/* form stuff */
.csc-form-labelcell {vertical-align: top;}
.csc-form-labelcell p {margin: 0; padding: 0;}
table.csc-mailform td {padding: 0 10px 10px 0;}

/* news stuff */
.news-list-item hr {display: none;}
.news-list-item {border-bottom: 1px solid #BFBB9B; padding: 4px; margin: 5px 0;}
.news-list-item:hover {background: #EFEEE0;}
.news-list-item h3 a {text-decoration: none;}
.news-list-container {padding: 0;}
.news-single-img {float: right; margin-left: 10px; font-size: 80%;}
.news-list-item img {float: right; margin-top: -30px; }
.news-list-morelink {clear: right;}
#secondarycontent #news a + h3 {line-height: 1.3em; padding-top: 4px;}
#secondarycontent #news h3 {line-height: 1.3em;}

/* This is for the directory icon put back in by dom 9.5.06 */
.ident {float: right; width: 60px; margin-top: 1em; margin-right: 1em;}
div.ident + h2 { margin-right: 120px;}

/* wierd Typo3 internal link checking */
a.internal-link {background: none !important; border: none !important;}

.whatson_d { float: right;}