/* 	Index CSS: 
	This style sheet specifies styles for ALL homepages 
	It is then modified by page specific style sheets i.e. Marathon.css cycling.css etc 
*/
/*	##################################################
	1/8/08 Have removed the general page setup styles and moved them up to th
	'classes' stylesheet. So that all pages have this style.
	##################################################


/* 	##################################################
	Start Content 
	##################################################

/theme1/

*/
#main {
    padding: 0 0;
} 

h2 { font-size:14px;}


#pagecontent {
	width: 960px;
	background-image: url(/images/frontpage-graphics/content-bg.gif);
	background-repeat: repeat-y;
}
/* Start Content Column setup */
#column1 {
	width: 245px;
	float: left;
	margin-left: 7px; /* TESTING Pink */
	padding-left: 10px;
	display: inline; /* < IE6 double margin hack fix */
}
#column2 {
	height: 100%;
	float: left;
	width: 365px;
	padding: 0 20px 0 35px;
	background-color: #FFFFFF;
	display: inline; /* < IE6 double margin hack fix */
}

#right_column {
	width: 270px;
	float: left;
	padding: 0 3px 0 3px;

	display: inline; /* < IE6 double margin hack fix */
}
/* End Content Column setup */
.videolink a {
	color:#FF0000;
	float: left;
	margin-left: 80px;
}
.cameralink a {
	color: #006699;
	float: left;
	margin-left: 0;
}

.textdate {
	color:#666; 
	font-size:10px; 
	width:50px; 
	float:left;
	margin-top:2px;
}

/* Start Recent events */
.recent_events {
	padding: 0px 0px 8px 0px;
	font-size:11px;
	margin-bottom: 15px;
	width: 245px;
	border-top: solid #FFFFFF 1px;
	margin-left: 0px;
}

.recent_events h1 {  /* Defines the boxed header shape and colour */
	color: #fff;
	font-weight:bold;
	text-align:center;
	padding: 3px 0 0px 0;
	background-image: url(/images/frontpage-graphics/Recent-events-BG.jpg);
	background-repeat: no-repeat;
	height: 17px;
	border-bottom: solid #333 1px;
}
.recent_events a {
	/*white-space: nowrap;*/
	display:block;
	font-size: 11px;
	color: #069;
}
.recent_events .date {
	padding-left: 2px;
    min-width: 38px;
	max-width: 45px;
	color: #666;
}
.recent_events a:hover {
	color: #FF0000;
}
.recent_events ul{
	margin: 0;
	padding: 4px 0 15px 0;
	float: left;
	width: 243px;
	list-style-type:none;
	list-style-position: inside;
	background-color: #d2dce5;
	border: solid #666666 1px;
}
.recent_events li{
	margin: 0 0 6px 0;
	padding: 0;
	float: left;
	width: 100%;
	/*white-space: nowrap;*/
}

.searchbox {
	background-color: #d2dce5;
	border-color: #1e3852;
	border-width: 1px;
	border-style: solid;
	height: 90px;
	margin-bottom: 15px;
	text-align: center;
	width: 243px;
	background-image: url(/images/frontpage-graphics/search1.jpg);
	background-repeat: no-repeat;
}
.searchbox P {
	margin-left:130px;
	margin-top: 25px;
}
.searchbox h1 {  /* Defines the boxed header shape and colour */
	color: #333333;
	font-weight:bold;
	text-align:center;
	padding: 3px 0 3px 0;
	background-image: url(/images/frontpage-graphics/title-center-search.gif);
	background-repeat: repeat-x;
	border-bottom: solid #1e3852 1px;
	margin-bottom: 10px;
}

/* End Recent events */

/* Start Center Events modifiers */
#column2 h1 {
	text-align:center;
	font-size: 14px;
	margin: 0 0 4px 0;
	font-weight: bold;
}
#column2 h4 {
	text-align:left;
	font-size: 12px;
	margin: 0 0 4px 0;
	font-weight: bold;
}
#column2 .flag {
	margin-right:6px;
	width: 16px;
	margin-top: 1px;
	margin-left: 3px;
	padding-top: 3px;
	float: left;
	margin-bottom: 0px;
	border: none;
	display: inline; /* < IE6 double margin hack fix */
}
.centerevent {
	background-image: url(/images/frontpage-graphics/horz-spacer.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 45px;
	margin-bottom: 10px;
}
.centerevent a {
	float: left;
	margin-top: 3px;
}
.centerevent img  {
	margin-bottom: 1px;
	border: solid #000 3px;
}
.videolink img {
	border:none;
	margin:0;
	padding:0;
}



/* End Center Events modifiers */

/* Start Upcoming events */
.upcoming_events {
	padding: 0px 0px 15px 0px;
	font-size:11px;
	margin-bottom: 7px;
	width: 270px;
	border-top: solid #FFFFFF 1px;
	margin-left: 0px;
}

.upcoming_events h1{  /* Defines the boxed header shape and colour */
	color: #FFFFFF;
	font-weight:bold;
	text-align:center;
	padding: 3px 0 0px 0;
	background-image: url(/images/frontpage-graphics/H1-upcoming-bg.gif);
	background-repeat: no-repeat;
	height: 17px;
	border-bottom: solid #333 1px;
	margin-bottom: 4px;
}
.upcoming_events ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style-type:none;
	list-style-position: inside;
}
.upcoming_events li{
	margin: 0 0 5px 0;
	padding: 0;
	/*white-space: nowrap;*/
	float: left;
	width: 100%;
}
.upcoming_events img {
	width: 23px;
	height: 14px;
	float: right;
	margin: 0px 4px 0px 2px;
	border-bottom: solid #000 1px;
	border-right: solid #000 1px;
}

.date {
    min-width: 38px;
	max-width: 45px;
	float: left;
	color: #666;
	font-size: 9px;
	margin: 0 2px 0 1px;
	display: inline; /* < IE6 double margin hack fix */
	padding-left: 2px;
}
.upcoming_events a {
	width: 178px;
	float: left;
	color: #069;
	text-align:left;
	/*white-space: nowrap;*/
}
.upcoming_events a:hover {
	text-decoration: underline;
	color: #FF0000;
}
.run {
	width: 6px;
	height: 6px;
	float: left;
	margin: 3px 3px 0 0;
	background-image: url(/images/frontpage-graphics/run.gif);
	background-repeat: no-repeat;
}
.cycle {
	width: 6px;
	height: 6px;
	float: left;
	margin: 3px 3px 0 0;
	background-image: url(/images/frontpage-graphics/bike.gif);
	background-repeat: no-repeat;
}
.tri {
	width: 6px;
	height: 6px;
	float: left;
	margin: 3px 3px 0 0;
	background-image: url(/images/frontpage-graphics/tri.gif);
	background-repeat: no-repeat;
}
.key {
	background-image: url(/images/frontpage-graphics/key-bg.jpg);
	width: 267px;
	background-repeat: no-repeat;
	font-size: 10px;
	color: #333333;
	height: 23px;
	padding-top: 1px;
}
.key p {
	color: #FFFFFF;
	margin: 5px 0;
	text-align: center;
}
.key img {
	margin: 0 3px 0 10px;
}
/* Start Upcoming events */
.adverts {
	margin:10px 0 0 0
}
.adverts img{
	margin:20px 0 20px 0
}
/* START Box Modifiers */
.box_item {
	background-color:#d2dce5; /*  #c4d4c4 */
	width: 242px;
	float: left;
	margin-bottom: 15px;
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: 5px;
	border-bottom: solid #274b6f 1px;
	border-left: solid #274b6f 1px;
	border-right: solid #274b6f 1px;
}
#column1 .box_item a {
	float: left; /* 14/09/2008 To force video link onto same line as photo link*/
}

#column2 .box_item {
	width: 356px;
		border-top: solid #274b6f 1px;
}

#column2 .box_item h1 {
	font-size:10px;
}

#column2 .box_item a img {
	margin-top:7px;
}

#right_column .box_item {
	border: solid #000 1px;
	width: 260px;
	margin-left: 5px;
	background-color: #FFFFFF;
	padding: 0;
}	

#right_column .box_item img {
	border: none;
	padding: 0;
	margin: 10px 0;
		text-align: center;
}

#right_column .box_item a img {
	border: none;
	padding: 0;
	margin: 0 0 0 10px;
		text-align: center;
}
.box_item .centered {
	text-align: center;	
}

#right_column .box_item p {
	text-align: left;		
}	

#right_column .box_item h3 {
	text-align: center;		
}
	
.box_item a {
	padding-top: 10px;
}
.box_item img {
	padding-top: 10px;
	margin-left: 5px;
}
.box_item a img {
	margin-left: 7px;
	text-align: center;
	padding: 0;
	border: solid #000 1px;
}

.box_item .videolink img {
	border:none;
	margin:0;
	padding:0;
	margin-top: 2px;
}
.box_item p {
	padding-left: 4px;
}
.box_item .portait {
	margin-top: 10px;
}

.box_item .flag {
	margin-right:4px;
	width: 16px;
	margin-top: 1px;
	margin-left: 4px;
	padding-top: 3px;
	float: left;
	display: inline; /* < IE6 double margin hack fix */
}
.box_item h1 {  /* Defines the boxed header shape and colour */
	color: #FFFFFF;
	font-weight:bold;
	text-align:center;
	padding: 2px 0 3px 0;
	background-image: url(/images/frontpage-graphics/title-center.gif);
	background-repeat: repeat-x;
}
.box_item .videolink a {
	margin-left: 50px;
}
/* END Box modifiers */

/* 	##################################################
	END Content 
	##################################################
*/