/*******************************************
 *	style.css
 *
 *	Author: Seán Smithers
 *******************************************/
 
/******************************************
 	GENERIC CLASSES
******************************************/
 
.left { float: left;}
.right { float: right;}
.center { text-align: center; }
.divider { border-bottom: 1px solid #D3D3D3;}

/******************************************
 	SITE WIDE TAGS
******************************************/
html,body  {
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
	background-color: #EDEDED;
	padding: 0px;
	margin: 0px;
}

dl dt { font-weight: bold; }
dl dd {
	margin-left: 0px;
	margin-bottom: 5px;
	font-size: smaller;
}

fieldset {
	background-color: #EDEDED;
	border: 1px solid #D3D3D3;
	padding: 10px;
	margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6 { color: #B01030;}
h1 { font-size: 150%;}
h2 { font-size: 125%;}
h3 { font-size: 115%; color: green;}

h2 a,h3  a { color: #B01030;}

img { border: 0px;}

img.right {
	padding-left: 15px;
	padding-bottom: 10px;
}

img.left {
	padding-right: 15px;
	padding-bottom: 10px;
}

object {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

p { text-align: justify;}
p.divider { padding-bottom: 10px; }
p.nojustify { text-align: left;}
p.error {
	color: #FFFFFF;
	background-color: #DC143C;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	background-image: url("../images/error.png");
	background-repeat: no-repeat;
	background-position: 20px; 
	border: 2px solid #9A0E2A;
}

p.accept {
	color: #FFFFFF;
	background-color: #42B663;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	background-image: url("../images/accept.png");
	background-repeat: no-repeat;
	background-position: 20px;
	border: 2px solid #549367;
}

p.green-notice {
	color: #FFFFFF;
	background-color: #42B663;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	border: 2px solid #549367;
}

p.ethos {
	text-align: center;
	font-weight: bold;
	font-size: larger;
	font-style: italic;
}

p.signature {
	margin-top: 20px;
	font-size: larger;
	font-style: italic;
}

select.full { width: 98%;}

table#results {
	width: 100%;
}

table#results tr.headings { background-color: #E5E5E5; }
table#results tr.odd { background-color: #FFFFFF; }
table#results tr.even { background-color: #EDEDED; }
p.results-legend { 
	font-size : smaller;
	float: right;
	margin-top: 20px;
}

ul.checklist { padding-left: 10px; }

ul.checklist li {
	list-style-type: none;
	padding-left: 25px;
	background: url("../images/tick.png") top left no-repeat;
	margin-bottom: 5px;
}

/******************************************
 		LINKS
******************************************/
a {
	text-decoration: none;
	color: #228B22;
}

a:hover { text-decoration: underline;}
a img { border: none;}

a.more-black {
	padding-right: 15px;
	background: url("../images/bullet_black.gif") no-repeat scroll right center transparent;
}

a.more-green {
	padding-right: 15px;
	background: url("../images/bullet_green.gif") no-repeat scroll right center transparent;
}

a.more-white {
	padding-right: 15px;
	background: url("../images/bullet_white.gif") no-repeat scroll right center transparent;
}

/******************************************
 		DIVS
******************************************/
#wrapper {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border-left: 1px solid #D3D3D3;
	border-right: 1px solid #D3D3D3;
	overflow: hidden;
}

#content {
	width: 659px;
	min-height: 300px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 15px;
}

#content.right { border-left: 1px solid #D3D3D3;}

#side-panel {
	width: 180px;
	margin-top: 15px;
}

#side-panel.right { padding-right: 20px;}
#side-panel.left { padding-left: 20px;}

.side-panel-box {
	width: 160px;
	height: 180px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 15px;
	color: #FFFFFF;
	overflow: auto;
}
	
	.side-panel-box h2 { color: #FFFFFF;}
	.side-panel-box p { text-align: left;}
	.side-panel-box a { 
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	.side-panel-box ul {
		list-style-type: none;
		padding-left: 0px;
		margin-left: 0px;
	}
	
	.side-panel-box ul li { 
		padding-bottom: 5px;
		padding-left: 20px;
		background: url('../images/bullet_white.gif') no-repeat scroll left center transparent;
	}
	
	.red-box { background: url('../images/red-box.png') no-repeat; }
	.blue-box { background: url('../images/blue-box.png') no-repeat; }
	.green-box { background: url('../images/green-box.png') no-repeat; }
	
.side-panel-sponsors {
	margin-top: 15px;
	padding-left: 10px;
}



#articles-photo-wrapper {
	height: auto;
	width: auto;
	overflow: hidden;
	margin-top: 10px;
}
#events-community-wrapper {
	clear: both;
	height: auto;
	width: auto;
	overflow: hidden;
}

	#recent-articles, #events, #community, #photo-of-the-month {
		width: 314px;
		min-height: 300px;
		float: left;
	}
	
	#recent-articles, #events {
		padding-right: 15px;
		border-right: 1px solid #D3D3D3;
	}
	
	#photo-of-the-month, #community { padding-left: 15px;}
	#events, #community { min-height: 170px;}
	
		#recent-articles h2, #events h2, #community h2, #photo-of-the-month h2{
			padding: 5px;
			background-color: #EDEDED;
		}
	
		#recent-articles ul, #community ul {
			list-style-type: none;
			padding-left: 0px;
			margin-left: 0px;
		}
		
		#recent-articles ul li {
			padding-left: 20px;
			padding-top: 5px;
			padding-bottom: 5px;
			background: url('../images/bullet_black.gif') no-repeat scroll left center transparent;
			border-bottom: 2px dotted #EDEDED;
			line-height: 1.4;	
		}
		
		#community ul li {
			padding: 10px;
			padding-top: 0px;
			float: left;	
		}
			
		#recent-articles ul li a { color: #000000;}
	
		#photo-of-the-month img {
			max-width: 280px;
			max-height: 200px;
			display: block;
			margin-left: auto;
			margin-right: auto;
			border: 2px solid #C61236;
		}
	
		#photo-of-the-month p {
			text-align: center;
			font-size: smaller;
		}
		
		#events dl dt { font-weight: bold;}
		#events dl dt a { color: #000000;}

#content-bottom {
	width: 902px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	background: url('../images/content-bottom.png') no-repeat;
}

#footer {
	width: 860px;
	padding: 20px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	font-size: smaller;
	color: #FFFFFF;
	background: url('../images/footer-bg.png') no-repeat;
}

	#footer p { text-align: right;}
	#footer a { color: #FFFFFF;}
	#footer img { float: left;}
	
#footer-bottom {
	width: 900px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	background: url('../images/footer-bottom.png') no-repeat;
}

.coaches-profile, .sponsors-profile {
	min-height: 100px;
	overflow: hidden;
}

#login-wrapper {
	width: 450px;
	min-height: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	background-color: #FFFFFF;
	padding: 10px;
	border: 2px solid #D3D3D3;
	overflow: hidden;
}

/******************************************
 		CALENDAR
******************************************/
.calendar {
	width: 42px;
	height: 42px;
	float: left;
	margin-right: 6px;
	background: url('../images/calendar.png') no-repeat;
	text-align: center;
	overflow: hidden;
	clear: both;
}

.month {
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 3px;
}

.day {
	font-weight: bold;
	padding-top: 3px;
}

/******************************************
 		NEWS
******************************************/
div.article {
	text-align: justify;
	overflow: hidden;
}

	div.article img.article-image-right {
		float: right;
		max-width: 250px;
		max-height: 250px;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	
	div.article img.article-image-left {
		float: left;
		max-width: 250px;
		max-height: 250px;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	div.article table { width: 100%; }

div.article-footer {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: smaller;
	color: #228B22;
	text-align: right;
}

form#search { margin-bottom: 15px;}

/******************************************
 		PAGELINKS
******************************************/
div.pagelinks {
	padding: 20px;
	text-align: center;
}

a.page-prev-link {
	border: 1px solid #B01030;
	padding: 5px;
}

span.page-prev-dead {
	border: 1px solid #D3D3D3;
	color: #D3D3D3;
	padding: 5px;
	margin: 5px;
}

a.page-num-link {
	border: 1px solid #B01030;
	padding: 5px;
	margin-left: 2px;
	margin-right: 2px;
}

span.page-num-dead {
	border: 1px solid #B01030;
	background-color: #B01030;
	color: #FFFFFF;
	padding: 5px;
}

a.page-next-link {
	border: 1px solid #B01030;

	padding: 5px;
}

span.page-next-dead {
	border: 1px solid #D3D3D3;
	color: #D3D3D3;
	padding: 5px;
}

/******************************************
 		TRAINING - TIMETABLE
******************************************/
table#training {
	border-collapse: collapse;
	width: 100%;
}

table#training th { 
	background-color: #DC143C;
	color: #FFFFFF;
	height: 30px;
}

table#training td {
	border: 1px solid #D3D3D3;
	text-align: center;
	height: 30px;
	font-size: smaller;
}

table#training th.time { width: 50px;}
table#training td.break { 
	background-color: #EDEDED;
	height: 10px;
}
table#training td.junior-squad { background-color: #0099CC;}
table#training td.junior-squad-land { background-color: #00BFFF;}
table#training td.masters { background-color: #00CCCC;}
table#training td.adult-beginners { background-color: #00FFFF;}
table#training td.junior-lessons { background-color: #33CCFF;}

/******************************************
 		TRAINING - PRICES
******************************************/
table#pricing {
	border-collapse: collapse;
	width: 100%;
	text-align: center;
}

table#pricing th {
	background-color: #EDEDED;
	border: 1px solid #D3D3D3;
}
table#pricing tr td { border: 1px solid #D3D3D3; }

/******************************************
 		LINKS PAGE
******************************************/
ul.links {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 300px;
}

/******************************************
 		CONTACT FORM
******************************************/
table#contact { 
	background-color: #EDEDED;
	border: 2px solid #D3D3D3;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

table#contact tr td { padding: 5px;}
table#contact tr td textarea, table#contact tr td input[type=text] { width: 99%;}
table#contact label { float: right;}

/******************************************
 		ADMIN
******************************************/
#login-wrapper form { 
	margin-top: 30px;
	margin-right: 20px;
}

#login-wrapper img { 
	width: 150px;
}
table.admin { width: 100%; background-color: #EDEDED;}
table.admin tr td { padding: 5px;}
table.admin tr td textarea, table.admin tr td input[type=text], table.admin tr td input[type=file], table.admin tr td select.full { width: 98%;}
table.admin label { float: right;}

table.admin tr.organisation-hidden, table.admin tr.venue-hidden { display: none; }

/******************************************
 		MENU
******************************************/
ul#menu {
	width: 100%;
	height: 35px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	font-size: larger;
	overflow: hidden;
}

ul#menu li {
	width: 99px;
	line-height: 35px;
	float: left;
	background: url('../images/menu-bg.png') repeat-x;
	text-align: center;
	border-right: 1px solid #B01030;
}

ul#menu li:hover { 
	background-color: #B01030;
	background: url('../images/menu-bg-inverse.png') repeat-x;
}

ul#menu li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

/******************************************
 		MAP
******************************************/
#map-container {
	border: 1px solid #D3D3D3;
}

/******************************************
 		SIDE-MENU
******************************************/
ul#side-menu {
	list-style-type: none;
	padding: 0px;
	padding-right: 15px;
	margin-top: 15px;
	margin-left: 0px;
}

ul#side-menu li { border-bottom: 1px solid #D3D3D3;}

ul#side-menu li a { 
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;

}

ul#side-menu li a:hover { 
	text-decoration: none;
	background: url('../images/bullet_green.gif') no-repeat center right;

}

ul#side-menu li a.active { 
	font-weight: bold;
	background: url('../images/bullet_green.gif') no-repeat center right;

}