/***************/
/* main layout */
/***************/
body { margin: 0; padding:0px; background:url(../images/bg.gif) top repeat-x #85aeda; margin:0; }

#bodyWrapper { width:980px; margin-left:10px; }

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


/*******************/
/* header elements */
/*******************/

#headerFlash { float:left; width:450px; }
#headerFlashPlacement { margin:13px 0px 0px 0px; }
.flashHeader { width:450px; height:103px;}
 
#headerTitleArea { margin:26px 0px 0px 0px; }
#headerTitleLeft { float:left; width:478px; }
#headerTitleRight {
	float:right;
	width:502px;
	text-align:right;
	font-family:'Courier New', Courier, monospace;
	font-weight:bold;
	font-size:1.6em;
	color:#85abe3;
	line-height:1em;
}

#newsletterSignUp { float:right; background:#082860; }

#newsletter {
  width: 254px;
  height: 77px;
  padding: 20px 15px 20px 15px;
  color: #9cf;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#newsletter form { margin-top: 6px; }

#newsletter #newsletter_email {
  margin-right: 6px;
  width: 192px;
  height: 14px;
  padding: 3px 6px;
  border: 0;
  color: #031561;
  font-size: 91.67%;
  font-weight: normal;
}

#newsletter #newsletter_go { vertical-align: top; }

#logo { float: left; }

#navArea { float:left; width:233px;}

ul#nav      { margin:0px; padding:0; }
ul#nav li   { margin:0px; padding:0; list-style:none; margin-bottom:8px;   }

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

#nav #nav-home a { width: 233px; background-position:  0px 0px; }
#nav #nav-our-work a { width: 233px; background-position:  0px -54px; }
#nav #nav-our-impact a { width: 233px; background-position: 0px -108px; }
#nav #nav-news a { width:  233px; background-position: 0px -162px; }
#nav #nav-help a { width: 233px; background-position: 0px -216px; }
#nav #nav-about a { width: 233px; background-position: 0px -270px; }
#nav #nav-supporters a { width: 233px; background-position: 0px -324px; }

#nav.home { background:url(../images/curve-home.png) scroll no-repeat top right; }
#nav.our-work { background:url(../images/curve-our-work.png) scroll no-repeat top right; }
#nav.our-impact { background:url(../images/curve-our-impact.png) scroll no-repeat top right; }
#nav.news { background:url(../images/curve-news.png) scroll no-repeat top right; }
#nav.help { background:url(../images/curve-help.png) scroll no-repeat top right; }
#nav.about { background:url(../images/curve-about.png) scroll no-repeat top right; }
#nav.supporters { background:url(../images/curve-supporters.png) scroll no-repeat top right; }

/*#nav #nav-home a:hover { background-position:    0px -40px; }
#nav #nav-our-work a:hover { background-position:  -77px -40px; }
#nav #nav-our-impact a:hover { background-position: -231px -40px; }
#nav #nav-news a:hover { background-position: -450px -40px; }
#nav #nav-help a:hover { background-position: -589px -40px; }
#nav #nav-about a { width: 277px; background-position: -589px 0px; }
#nav #nav-supporters a { width: 277px; background-position: -589px 0px; }*/

#divide { margin-top:10px;}

/********************/
/* content elements */
/********************/
#main { float:right; width:747px;}

/*gallery features*/
#main_gallery{margin-left:10px; width:720px; float:left; background:#fff; padding-left:10px; min-height:410px}
.galleryCategory{clear:both; margin-bottom:10px; color:#252c3e; width:33%; float:left;}
.galleryCategory{clear:both; margin-bottom:10px;}
#main_gallery #gallery{ padding:10px; width:100%}
.galleryItem{width:100px; float:left;}

#main_donate{margin-left:10px; width:720px; float:left; background:#fff; padding:8px; color:#252c3e; min-height:410px}

#homeBottom { background:url(../images/bottom-home.png) bottom no-repeat; padding-bottom:10px; }
#ourWorkBottom { background:url(../images/bottom-our-work.png) bottom no-repeat; padding-bottom:10px; }
#ourImpactBottom { background:url(../images/bottom-our-impact.png) bottom no-repeat; padding-bottom:10px; }
#newsBottom { background:url(../images/bottom-news.png) bottom no-repeat; padding-bottom:10px; }
#helpBottom { background:url(../images/bottom-help.png) bottom no-repeat; padding-bottom:10px; }
#aboutBottom { background:url(../images/bottom-about.png) bottom no-repeat; padding-bottom:10px; }
#supportersBottom { background:url(../images/bottom-supporters.png) bottom no-repeat; padding-bottom:10px; }

#homeBg { background:#85abe3 no-repeat; padding:0px; min-height:495px;}
#ourWorkBg { background:#7097cf; padding:0 15px 0 15px; min-height:385px;}
#ourWorkBg p{ width:480px;}
#ourImpactBg { background:#5876a1; padding:0 0px; min-height:395px;}
#newsBg { background:#3b506e; padding:0px 0px; min-height:395px; }
#helpBg { background:#2b394d; padding:0px 15px 0 15px; min-height:378px;}
#helpBg p { width:480px;}
#aboutBg { background:#252c3e; padding:0 15px 0 15px; min-height:385px;}
#aboutBg p {width:480px;}
#supportersBg { background:#1b1f2e; padding:0 15px 0 15px; min-height:415px;}
#supportersBg p {width:480px;}

#content {
	margin:0px 0px 0px 15px;
	padding-bottom:8px;
}

.stripeBox {
	float:left;
	margin:0px 0px 0px 15px;
	width:188px;
	background:url(../images/box-bottom.png) bottom no-repeat;
	padding-bottom:8px;
}

.stripeBoxBg {
	background:url(../images/box-bg.gif);
	border:2px solid #284888;
	border-bottom:0;
}

.stripeBoxContent {
	color:#000;
	background:#fff;
	margin:10px;
	padding:10px 10px 2px 10px;
}

#video {
	float:right;
	width:514px;
	margin-right:15px;
}



/* courts */

.bigBox {
	border: 2px solid #2c4d83;
	background: transparent url(../images/background.png) repeat scroll 0 0;
	padding: 5px;
}

.bigBox_home {
	border: 2px solid #2c4d83;
	background: transparent url(../images/background.png) repeat scroll 0 0;
	padding:5px;
	width:96%;
	margin:10px auto 0 auto;
	clear:both;
}

.bigBoxInner {
	background: #fff;
	color: #05196a;
	padding: 15px;
}

.bigBoxInner a:link 	  { color: #028CCD; text-decoration: none; }
.bigBoxInner a:visited { color: #028CCD; text-decoration: none; }
.bigBoxInner a:hover   { color: #435C9E; text-decoration: underline; }
.bigBoxInner a:active  { color: #028CCD; text-decoration: underline; }

ul#breadcrumbs { margin: 0; padding: 0; padding-bottom: 3px; border-bottom: 1px solid #05196a; margin-bottom: 15px; }
ul#breadcrumbs li { margin: 0; padding: 0; display: inline; }

/* list of regions, LAs and courts */
.courtitem.region { margin-bottom: 10px; }
.courtitem.la { margin-bottom: 10px; }
.courtitem.la strong { background-color: #cf0; color: #006; padding: 1px 4px; }
.courtitem.court { margin-bottom: 4px; }

/* detail of a court */
#court {  }
#court h2, #coaching h2 { background-color: #9cf; border-bottom: 1px solid #000082; font-size: 110%; font-weight: bold; padding: 1px 3px; margin: 0; }
#micropage {
  margin-top: 15px;
}

/* Registration Page */
#register form{
	padding:0px;
	margin:0px;
}
#register form div.bordered{
	border-top:2px solid #fff;
	padding-top:10px;
	margin-top:7px;
}
#register form .clearfix{
	margin-top:3px;
}
#register form .clearfix label{
	text-align:right;
	display:block;
	float:left;
	width:180px;
	padding-right:10px;
}
#register form div.bordered p{
	margin:10px 0px 0px 0px;
	width:auto;
}
#register form .error{ color:#ff0000; }

/*********/
/* items */
/*********/
.item          { margin-bottom: 10px; }
.item .title   { font-size: 1em; font-weight: bold; }
.item .date    { font-style: italic; }
.item .image   {  }


/*******************/
/* footer elements */
/*******************/
#footer {float:right; margin-top:10px; clear:both; width:400px;}
#footer a { text-decoration: none; } /* for the clevercherry.com link */


/***********************/
/* 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 */

.newsletterInputArea { border:0; height: 18px; width:200px; } 

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 */


/* impact items */

.item_item{
	background:url(../images/background.png);
	width:483px;
	margin-left:15px;
	margin-bottom:10px;
	padding-bottom:5px;
	border:2px solid #2c4d83;
}

.item_item img{
	float:left;
	margin:5px 0 0 5px;
}

.item_item #content{
	float:left;
	width:275px;
	height:125px;
	background:#fff;
	margin:5px 0 0 8px;
}

.item_item h1{
	color:#000;
	font-size:16px;
	font-weight:normal;
	margin:5px 0 0 10px;
}

.item_item p{
	color:#666666;
	font-size:12px;
	font-weight:normal;
	margin:10px 0 0 10px;
}

/*item section for news and our impact*/

.item{
	margin:0 5px 0 15px;
	background:url(../images/background.png);
	width:715px;
	border:2px solid #2c4d83;
}

.item .image{
	margin:10px 5px 0 10px;	
	float:left;
}

.item #content{
	background:#fff;
	margin:10px 0 10px 10px;
	float:left;	
	width:480px;
	padding:5px;
}

.item h1{
	color:#000;
	font-size:16px;
	font-weight:normal;
	margin:5px 0 0 10px;
}

.item p{
	color:#666666;
	font-size:12px;
	font-weight:normal;
	margin:10px 0 0 10px;	
}

/*map area section*/

#map_area{
	float:right;
	width:225px;
	border-left:2px solid #fff;
	padding:0 0 0 5px;
}

#map_area_dif{
	float:right;
	width:225px;
	padding:0 0 0 0;
}
#map_area_home{
	float:left;
	clear:both;
	margin:10px 0 0 10px;
	width:188px;
}

#map_area .input_map{
	border:0;
	padding:6px 6px;
	background:url(../images/input_area.png) no-repeat;
	width:177px;
	height:27px;
}

#main .map_other{
	border-left:2px solid #fff;
}	

/*our box*/

.our-box_area{	
	width:490px;
}

.our-box{
	float:left;
	width:240px;
	height:248px;
	background:url(../images/our-work-bg.png) no-repeat;
	margin-right:3px;
}


.our-box img{	
	padding:13px 10px;
}


.our-box h1{
	color:#000;
	font-size:14px;
	text-transform:capitalize;
	margin:0 0 0 20px;
}