/***********************************************/
/* main.css                                    */
/* Dartford Harriers Main CSS file             */
/***********************************************/

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
}

a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
	font-family: Verdana,Arial,sans-serif;
	color: #000099;
	text-align: center;
	padding: 20px;

}

h2{
	color: #000099;
	text-align: center;
	padding: 20px;
}

h3{
	color: #000000;
	padding: 10px;
}

h4{
	color: #000000;
	padding: 10px;
}

h5{
 color: #000000;
}

.bold {
	font-weight:	bold;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #000000;
}
				
#coaches {
	background-color: #FFFFFF;
	color: #000000;
	width: 17cm;
/*	margin: 0.5cm;*/
	margin-top: 0.5cm;
	margin-bottom: 0.5cm;
	padding: 0.5cm;
	border: 2px solid #000099;
}

#coaches_pagebrk {
	page-break-after: always;
}

#coaches h2 {
	text-align: left;
	padding-top: 30px;
}

#coaches ul {
	clear: left;
	font-size: 90%;
	list-style-type: none;
	padding-left: 100px;
/* padding-right: 100px;*/
 
}

#coaches .list_title {
	font-weight: bold;
	font-size: 110%;
}

#coaches img {
	height: 100px;
	border: 2px solid #000099;
	float: left;
	margin-right: 50px;
	margin-bottom: 20px;
}
/* Coaches Big Font for noticeboard */

#coaches_bigfont {
	background-color: #FFFFFF;
	color: #000000;
	width: 17cm;
/*	margin: 0.5cm;*/
	margin-top: 0.5cm;
	margin-bottom: 0.5cm;
	padding: 0.5cm;
	border: 2px solid #000099;
}

#coaches_pagebrk {
	page-break-after: always;
}

#coaches_bigfont h2 {
	text-align: left;
	padding-top: 30px;
	font-size: 200%;
}

#coaches_filler {
	clear: left;
}

#coaches_bigfont ul {
/*	clear: left;*/
	font-size: 90%;
	list-style-type: none;
	padding-left: 20px;
/* padding-right: 100px;*/
 
}

#coaches_bigfont .list_title {
	font-weight: bold;
	font-size: 130%;
}
#coaches_bigfont ul li {
	font-size: 130%;
}

#coaches_bigfont img {
	height: 200px;
	border: 2px solid #000099;
	float: left;
	margin-right:  50px;
	margin-top:    20px;
	margin-bottom: 0px;
}



#contacts {
	width: 17cm;
}

#contacts h3 {
	padding-left: 1cm;
}

#contacts table {
	border-collapse: collapse;
	border: 2px solid #000099;
	width: 17cm;
	margin: 10px;
}

#contacts table thead th {
	color: #000000;
	background: lightslategray;
}

#contacts table tbody tr.odd {
	background: #e0e0e0;
}

#links {
	width: 17cm;
}

#links h3 {
	padding-left: 1cm;
}

#links table {
	border-collapse: collapse;
	border: 2px solid #000099;
	width: 17cm;
	margin: 10px;
}

#links table thead th {
	color: #000000;
	background: lightslategray;
}

#links table tbody tr.odd {
        color: #000000;
	background: #e0e0e0;
}


#holidayclub {
	width: 17cm;
}

#holidayclub h2 {
	padding-top:	20px;
	padding-bottom:	20px;
	text-align: center;
}

#holidayclub h3 {
	padding-bottom:	10px;
	text-align: center;
}

#holidayclub_features img {
	float: right;
	border: 4px solid #000099;
	margin: 20px;
}

#holidayclub_features ul {
	font-weight: 500;
	font-size: 120%;	
}

#holidayclub_features .heading {
	font-weight: 700;
}

#holidayclub_contact {
	clear: both;
	padding-top: 20px;
}

#holidayclub_contact ul {
	line-height: 1.4;	
}

#holidayclub_contact .heading {
	font-weight: 700;
}

#dhm_results_intro {
	width: 20cm;
	margin: 1cm;
	padding: 1cm;
	border: 2px solid #000099;

}

#dhm_results_intro input {
 font-weight: bold;
}

#dhm_results {
	width: 20cm;
	margin: 1cm;
	padding: 0.5cm;
	border: 2px solid #000099;

}

#dhm_results table {
	border-collapse: collapse;
	border: 2px solid #000099;
}

#dhm_results table thead th {
	color: #000000;
	background: lightslategray;
	font-size: 90%;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: 2px solid #000099;
/*	padding: 5px;*/
}

#dhm_results table tbody tr {
	color: #000000;
	background: #FFFFFF;
	font-size: 80%;
/*	padding-left: 20px;*/

}

#dhm_results table tbody tr td {
	padding-left: 4px;
	padding-right: 4px;
}

#dhm_results table tbody tr td.r_just {
	text-align: right;
}

#dhm_results img {
	width: 19cm;
	margin-top: 0.5cm;
	margin-left: 0.5cm;
	margin-right: 0.5cm;
	margin-bottom: 0.2cm;
	border: 2px solid #000099;
}

/* Club Results */

#club_results {
	width: 20cm;
	margin: 1cm;
	padding: 0.5cm;
	border: 2px solid #000099;
}

#club_results hr {
	background-color: #FFFFFF;
	color: #000099;
	width: 100%;
}

#club_results img {
	width: 19cm;
	margin-top: 0.5cm;
	margin-left: 0.5cm;
	margin-right: 0.5cm;
	margin-bottom: 0.2cm;
	border: 2px solid #000099;
}

#photo_button {
	float: right;
}

#photo_button input {
	font-weight: bold;
}

#photo_gallery {
	width: 20cm;
	margin: 1cm;
	padding: 0.5cm;
	border: 2px solid #000099;
}

#photo_gallery img {
	width: 19cm;
	margin-top: 0.5cm;
	margin-left: 0.5cm;
	margin-right: 0.5cm;
	margin-bottom: 0.2cm;
	border: 2px solid #000099;
}

#photo_gallery img.portrait {
	width: 14cm;
	margin-top: 0.5cm;
	margin-left: 2.5cm;
	margin-right: 2.5cm;
	margin-bottom: 0.2cm;
	border: 2px solid #000099;
}

#photo_credit {
	width: 19cm;
	font-size: 75%;
	font-weight: bolder;
	text-align: right;
	padding-right: 0.5cm;
}
#photo_caption {
	width: 19cm;
	margin-top: 0.3cm;
	margin-bottom : 0.5cm;
	font-size: 90%;
	font-weight: bolder;
	text-align: center;
	padding-left: 1.0cm;
	padding-bottom: 0.5cm;
	border-bottom: 2px solid #000099;
}

#club_results table {
	border-collapse: collapse;
	border: 2px solid #000099;
}

#club_results table thead th {
	color: #000000;
	background: lightslategray;
	font-size: 90%;
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: 2px solid #000099;
/*	padding: 5px;*/
}

#club_results table tbody tr {
	color: #000000;
	background: #FFFFFF;
	font-size: 90%;
/*	padding-left: 20px;*/

}

#club_results table tbody tr td {
	padding-left: 4px;
	padding-right: 4px;
}

#club_results table tbody tr td.r_just {
	text-align: right;
}

#club_awards h2{
	width: 930px;
	margin: 20px;
}

#club_awards p {
	width: 930px;
	margin: 20px;
}
#club_awards img {
	width: 930px;
	margin: 20px;
	border: 4px solid #000099;
}

#club_awards .img_caption {
	width: 930px;
	margin: 20px;
}


#newsletter {
	width: 600px;
	margin-top: 20px;
	border: 2px solid #000099;

}

#newsletter ul {
	margin-left: 200px;
}

#club_results {
	width: 800px;
	margin-top: 20px;
	border: 2px solid #000099;

}

#club_results ul {
	margin-left: 50px;
	font-size: 110%;

}

#club_results ul img {
	height: 30px;
	width:	30px;
	margin-top:	0px;
	margin-bottom:	0px;
	margin-left:	10px;
	margin-right:	10px;
	border:	0px;
}

#calendar {
	width: 26cm;
}

#calendar table {
	border-collapse: collapse;
	border: 2px solid #000099;
	width: 25cm;
	margin: 10px;
}

#calendar table thead th {
	color: #000000;
	background: lightslategray;
}

#calendar table tbody tr td {
	font-size: 90%;
	padding-left: 4px;
	padding-right: 4px;
}

#calendar table tbody tr td.subheading {
	font-weight: bold;
}

#calendar table tbody tr.overline {
	font-weight: bold;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #000099;
}

#calendar_expand {
	width: 20cm;
	margin: 1cm;
	padding: 0.5cm;
	border: 2px solid #000099;
}

#calendar_expand table {
	border-collapse: collapse;
	border: 2px solid #000099;
	min-width: 15cm; 
	margin: 10px;
}

#calendar_expand table thead tr th {
	border: 1px solid;
	text-align: center;
}

#calendar_expand table tbody tr td {
	min-width: 1.8cm;
	border: 1px solid;
	text-align: center;
	font-weight: bold;
}

#calendar_expand table tbody tr th {
	border: 1px solid;
	text-align: center;
	font-weight: bold;
}



#php_selection {
	width: 600px;
	margin-top: 20px;
	padding: 30px;
	border: 2px solid #000099;

}

#kxcl {
	background-color: #FFFFFF;
	color: #000000;
	width: 20cm;
	margin: 0.5cm;
	padding: 0.5cm;
	border: 2px solid #000099;
}

#kxcl_logos img.invicta  {
	width: 2.0cm;
	height: 2.5cm;
}

#kxcl_logos img.kcaa_logo  {
	width: 14cm;
	height: 2.5cm;
}

#kxcl_logos img.dh_logo  {
	width: 2.5cm;
	height: 2.5cm;
}

#kxcl_logos_small img.invicta  {
	width: 		1.4cm;
	height: 	1.75cm;
	margin-left:	3.0cm;
	margin-top: 	0.0cm;
	margin-right: 	0.0cm;
	margin-bottom: 	0.0cm;
	border: 	0px;
}

#kxcl_logos_small img.kcaa_logo  {
	width: 		10cm;
	height: 	1.75cm;
	margin-left:	0.0cm;
	margin-top: 	0.0cm;
	margin-right: 	0.0cm;
	margin-bottom: 	0.0cm;
	border: 	0px;
}

#kxcl_logos_small img.dh_logo  {
	width: 		1.75cm;
	height: 	1.75cm;
	margin-left:	0.0cm;
	margin-top: 	0.0cm;
	margin-right: 	0.0cm;
	margin-bottom: 	0.0cm;
	border: 	0px;
}

#kxcl_timetable  table thead tr th.col_1  {
	text-align:	center;
	width:		100px;
}
#kxcl_timetable  table thead tr th.col_2  {
	width:		400px;
}
#kxcl_timetable  table tbody tr td.col_1  {
	text-align:	center;
}
#kxcl_timetable  table tbody tr td.col_2  {
	text-align:	left;
	padding-left:	20px;
}

#basic_frame {
	background-color: #FFFFFF;
	color: #000000;
	width: 20cm;
	margin: 0.5cm;
	padding: 0.5cm;
	border: 2px solid #000099;
}

#dashers {
	width: 17cm;
}

#dashers h2 {
	padding-top:	20px;
	padding-bottom:	20px;
	text-align: center;
}

#dashers h3 {
	padding-bottom:	10px;
	text-align: center;
}

#dashers_features img {
	float: right;
	border: 4px solid #000099;
	margin: 20px;
}

#dashers_features ul {
	font-weight: 500;
	font-size: 120%;	
}



#dashers_contact {
	clear: both;
	padding-top: 20px;
}

#dashers_contact table {
	border-collapse: collapse;
	border: 2px solid #000099;
	min-width: 15cm; 
	margin: 10px;
}

#dashers_contact table caption {
	font-weight: 700;
}

#dashers_contact table thead tr th {
	border: 1px solid;
	text-align: center;
}

#dashers_contact table tbody tr td {
	min-width: 1.8cm;
	border: 1px solid;
	text-align: center;
	font-weight: bold;
}

#dashers_contact table tbody tr th {
	border: 1px solid;
	text-align: center;
	font-weight: bold;
}


#dashers_contact ul {
	line-height: 1.4;	
}

#dashers_contact .heading {
	font-weight: 700;
}