/***************/
/* main layout */
/***************/
body {
	background:url(../images/bg.gif) repeat-x #FFFFFF;
	margin-top:77px;
	}
	
h2{ text-transform:uppercase; font-size:16px; }
h3{  font-size:14px; color:#727272; font-family:Arial, Helvetica, sans-serif; font-weight:normal;  }

.input {  border:1px solid #a1a1a1; width:305px; height:15px; color:#a1a1a1; padding:3px;}

#bodyWrapper { width:982px; margin:auto; }

#reflection { 
	width:1106px;
	height:734px;
	margin:auto;
	background:url(../images/reflection.gif) no-repeat;
	background-position: 0px 569px;
}

#reflection-wide { 
	width:1106px;
	height:734px;
	margin:auto;
	background:url(../images/reflection_wide.gif) no-repeat;
	background-position: 0px 569px;
	}

/* specific link colours for this site */
a         { color: #a12b6b; text-decoration: none; }
a:link    { color: #a12b6b; text-decoration: none; }
a:visited { color: #a12b6b; text-decoration: none; }
a:hover   { color: #666666; text-decoration: none; }
a:active  { color: #666666; text-decoration: none; }

/*******************/
/* header elements */
/*******************/
#header { background-color:#FFFFFF;  }

#logo {
	float:left;
	padding:14px 0px 12px 16px;
	}
#bannerAdd {
	float:left;
	padding:26px 0px 0px 14px;
	}

/* nav */
ul#nav      { width:982px; margin: 0; padding:2px 0 0 0;  }
ul#nav li   { margin:0; list-style:none; float:left; }

ul#nav li a {
	background: transparent url(../images/nav.png) no-repeat scroll 0 0;
	display: block;
	height: 35px;
}
ul#nav li a { text-indent: -999px; overflow: hidden;}

#nav #nav-about a 							{ background-position:    0px 0px; width: 95px; }
#nav #nav-whatson a 						{ background-position: 	-95px	0px; width: 94px; }
#nav #nav-pick a 								{ background-position: -189px 0px; width: 129px; }
#nav #nav-competitions a 				{ background-position: -318px 0px; width: 104px; }
#nav #nav-news a 								{ background-position: -422px 0px; width: 78px; }
#nav #nav-gallery a 						{ background-position: -500px 0px; width: 90px; }
#nav #nav-membership a 					{ background-position: -590px 0px; width: 115px; }
#nav #nav-team a 								{ background-position: -705px 0px; width: 75px; }
#nav #nav-tickets a 						{ background-position: -780px 0px; width: 107px; }
#nav #nav-contact a 						{ background-position: -887px 0px; width: 95px; }

#nav #nav-about a:hover					{ background-position:    0px -35px; width: 95px; }
#nav #nav-whatson a:hover				{ background-position: 	-95px	-35px; width: 94px; }
#nav #nav-pick a:hover					{ background-position: -189px -35px; width: 129px; }
#nav #nav-competitions a:hover 	{ background-position: -318px -35px; width: 104px; }
#nav #nav-news a:hover					{ background-position: -422px -35px; width: 78px; }
#nav #nav-gallery a:hover				{ background-position: -500px -35px; width: 90px; }
#nav #nav-membership a:hover		{ background-position: -590px -35px; width: 115px; }
#nav #nav-team a:hover					{ background-position: -705px -35px; width: 75px; }
#nav #nav-tickets a:hover				{ background-position: -780px -35px; width: 107px; }
#nav #nav-contact a:hover				{ background-position: -887px -35px; width: 95px; }


/********************/
/* content elements */
/********************/
#main {  }



/** calendar events page new **/
ul.months{ }
ul.months li{ float:left; margin-right:37px;  }
ul.months li a{ }
#middleContainerOther{ 
	border:4px solid #780342; 
	margin-top:2px; 
	background:#a12b6b;  
	padding:10px 10px;  
}
#middleContainerOther #inner{ 
	background:#fff;  
	min-height:200px;
	padding:14px;
}
#middleContainerOther #inner h1{  
	line-height:1em;
	text-transform:uppercase;
	font-size:16px;
	margin-bottom:10px;
	letter-spacing:0.0em;
}
#middleContainerOther .newsItem{ 
	float:left;
	 border:1px solid #a12b6b; 
	 width:205px;
	 margin-left:12px;
	 height:257px;
	 padding:5px;
}
.content .left-btn{ 
	width:200px; float:left;
}
.content .right-btn{ 
	width:200px; float:right; margin-right:105px;
}
#searchBox{ 
	border:1px solid #a1a1a1; 
	height:243px;
	width:433px; 
	float:left; 
	padding:15px 16px 9px 16px; 
}

/** news items **/
.newsListItem{  border-bottom:1px solid #a1a1a1; padding:0 0 20px 0;  margin-bottom:20px; }
.newsListItem .img{ width:200px; float:left; }
.newsListItem .content{ width:665px; float:right; margin-right:5px; height:198px;  }
.newsListItem .content h1{ font-size:16px; font-weight:bold; letter-spacing:0.0em;  }


/** middle and footer new bits **/

#middleContainer{ 
	height:213px; 
	border:4px solid #780342; 
	margin-top:2px; 
	background:#a12b6b;  
	padding:10px 10px;  
}
#middleContainer #left{ 
	background:#fff; 
	height:186px; 
	float:left;
	padding:14px 19px;
}
#middleContainer #right{ 
	background:#fff;
	height:186px;
	float:right;
	padding:14px 19px;
}

#middleContainer #left h1, #middleContainer #right h1{
	color:#a12b6b;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.0em;
	text-transform:uupercase;
	text-transform:uppercase;
}

#middleContainer .footerItem{ float:left; width:228px; height:191px; margin-right:14px; }
#middleContainer .footerItem .h2_bg{ background:#fff; height:38px; padding:7px 0 0 12px;  }
#middleContainer .footerItem .h2_bg h2{ color:#a12b6b; font-weight:bold; font-size:12px; letter-spacing:0.0em;  }

/** icons **/
ul.icons{ float:right; margin-top:2px; }
ul.icons li{ float:left; margin:2px 10px 0 0; }
ul.icons{ width:243px; }

/** news **/
#newsTicker{ float:right; width:277px; margin-top:15px; padding-right:15px;  }
#newsTicker span#title{ color:#a12b6b;   }
.headItem{ 
	border-bottom:16px solid #a12b6b; 
	width:463px; 
	height: 41px;
	padding-left:16px; 	
}
.headItem h1{ 
	margin-bottom:0;
	padding-top:2px;
	float:left;
	width:166px;
}
.headItemRight{ 
	width:437px; 
	height: 41px;
	padding-left:16px;
	background:#fff; 
	border-bottom:16px solid #a12b6b;
}
.headItemRight h1{ 
	width:437px; 
	margin:0px;
}

.leftArea {
	float:left;
	width:497px;
	}
.boxLeftMiddle {
	background:url(../images/left_box_middle.gif) repeat-y;
	}
.boxLeftContent {
	padding:0px 32px 10px 17px;
	height:472px;
	overflow: hidden;
}
.boxLeftContentCalendar {
	padding:0px 32px 10px 32px;
	height:458px;
	overflow: hidden;
}
.rightArea {
	float:right;
	width:483px;
	}
.boxRightMiddle {
	background:url(../images/right_box_middle.gif) repeat-y;
	}
.boxRightContent {
	background-color:#FFFFFF;
	width:409px;
	font-size:93%;
	margin-left:14px;
	padding:10px 20px 10px 26px;
	/* fixed height */
	height: 319px;
	overflow: hidden;
	}
.boxTopRightCalendarContent {
	background-color:#FFFFFF;
	width:414px;
	font-size:93%;
	margin-left:14px;
	padding:13px 20px 10px 20px;
	/* fixed height */
	height:320px;
	overflow: hidden;
}
.boxBottomRightCalendarContent {
	background-color:#FFFFFF;
	width:414px;
	font-size:93%;
	margin-left:14px;
	padding:13px 20px 10px 20px;
	/* fixed height */
	height:68px;
	overflow: hidden;
}
.rightSmlBoxes {
	width:429px;
	margin:14px 0px 0px 14px;
	background:#fff;
	height:119px;
	padding:10px 13px;
}
.rightSmlBoxes h1 {
	color:#a12b6b; 
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:0.0em;
}
.smlBoxLeft {
	float:left;
	width:221px;
	}
.smlBoxRight {
	float:right;
	width:221px;
	height:193px;
	background-color:#FFFFFF;
	overflow: hidden;
	}
.smlBoxRightCal {
	float:right;
	width:221px;
	height:193px;
	overflow: hidden;
	}
.wideArea {
	width:982px;
	}
.wideMiddle {
	background:url(../images/wide_middle.gif) repeat-y;
	}
.wideContent {
	padding:13px 40px 10px 32px;
	min-height:445px;
	/* max-height:445px */
}
.wideContentGallery {
	padding:13px 40px 10px 32px;
	min-height:445px;
}

.gallery-category {
	float: left;
	font-size: 0.87em;
	height: 180px;
	line-height: 1.3em; 
	margin-bottom: 15px;
	margin-right: 15px;
	width: 130px;
}
.gallery-category a { display: block; }
.gallery-category span { display: block; }
.gallery-category span.title { font-weight: bold; }

ul.cats{ float:left; margin-right:20px; }

.team-item {
	display: block;
	float: left;
	font-size: 0.87em;
	height: 170px;
	line-height: 1.3em; 
	margin-bottom: 0px;
	margin-right: 15px;
	width: 130px;
}
.team-item a { display: block; }
.team-item span { display: block; }
.team-item span.title { font-weight: bold; }

.gallery-item {
	float: left;
	height: 130px;
	margin-bottom: 15px;
	margin-right: 15px;
	width: 130px;
}
	
/*********/
/* items */
/*********/
.item        {  }
.item .title { font-size: 2.2em; font-weight: bold; text-transform: uppercase; }
.item .date  { font-style: italic; }


/************/
/* calendar */
/************/

#prevLink { float: left; width: 15%; text-align: left; font-weight: bold; line-height: 2em; }
#midLink  { float: left; width: 69%; text-align: center; font-weight: bold; line-height: 43px;  }
#nextLink { float: right; width: 15%; text-align: right; font-weight: bold; line-height: 2em; }

#calendar { margin-top: 10px; border-left: 1px solid #333; border-top: 1px solid #333; }
#calendar th, #calendar td {  border-right: 1px solid #333; border-bottom: 1px solid #333; }
#calendar th { background: #eee; }
#calendar td { height: 45px; background: #fae4f0; }
#calendar td.notInMonth { background: #f09dca; }

#calendar .event { font-size: 0.909em; line-height: 1.3em; }
#calendar .event a,
#calendar .event a:link,
#calendar .event a:visited,
#calendar .event a:hover,
#calendar .event a:active  { color: #000; }

/*******************/
/* footer elements */
/*******************/
#footer {
	font-size:90%;
	padding:12px 0px 0px 16px;
	background:url(../images/footer_bg.png) no-repeat; height:96px;
}
#footer a {
	text-decoration: none;
	}
#footer a:link {
	color:#727272;
	text-decoration: none;
	}
#footer a:visited {
	color:#727272;
	text-decoration: none;
	}
#footer a:hover {
	color:#cc6699;
	text-decoration: none;
	}
#footer a:active {
	color:#cc6699;
	text-decoration: none;
	}


/***********************/
/* general form styles */
/***********************/
.required { color: #f00; }

/* all form elements are contained within a formrow div, with a label and
 *  then the element, this is the best way (but still not good) to emulate
 *  a table */
div.formrow {
  clear: both;
  text-align: left;
  margin-bottom: 10px;
}

div.formrow label {
  float: left;
  text-align: right;
  margin-right: 10px;
  width: 80px; /* default width for a default form, add new form ids and override */
}
div.formrow.indent { margin-left: 90px; } /* label width + label margin-right, override as above */
div.formrow label.radio {
	float: none;
	text-align: inherit;
	margin-right: 0;
	width: auto;
}

/* message and error boxes, not just useful in contact form */
#messages,
#errors,
#warnings,
#info { margin-bottom: 10px; }
.message { border: 1px solid #080; background: #efe; color: #080; padding: 3px 5px; margin-bottom: 15px; float: left; } /* you may need to clearfix this */
.message.nomargin { margin-bottom: 0; } /* if before something with a margin-top */
.message.info { border-color: #880; background: #ffe; color: #880; } /* info box in yellow */
.message.warn { border-color: #f40; background: #ffe; color: #f40; } /* warning box in orange */
.message.error { border-color: #f00; background: #fee; color: #f00; } /* error box in red */