/*
	Adrian Willard April 2009
	Edits by P Jones 2010-2011
	Designed by Solutions At Work Ltd.
	www.Solutionsatwork.co.uk
*/ 	

img {
	border-style: none;
}

body {
	margin:0;
	padding:0;
	line-height: 1.5em;
	background: white url('images/background.png') repeat fixed center top;
	}
	
b {
	font-size: 110%;
	}

em {
	color : red;
	}

#maincontainer{
	font-family:Arial, Helvetica, sans-serif;
	width: 900px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background-color:white;
	background: white url('images/left_ds.png') repeat-y scroll left top;
	padding-left: 8px;
}

#topsection{

	font-family:Arial, Helvetica, sans-serif;

	background: #0000FE;

	height: 175px; /*Height of top section was 175*/

}



#topsection h1{

	margin: 0px;

	padding-top: 15px;

	}



#contentwrapper{

	float: left;

	width: 100%;

	}



#contentcolumn{

	margin: 0px 180px 0px 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	background:white;

	}



#contentcolumn h2{

	font-family:Arial, Helvetica, sans-serif;

	color: #ff0000;

	padding: 20px 20px;

	margin: 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	}



#contentcolumn h3{

	font-family: Trebuchet MS;

	padding: 10px;

	margin: 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	}



#contentcolumn h5{

	font-family:Arial, Helvetica, sans-serif;

	font-size:medium;

	color: #4040ff;

	padding: 0px 20px;

	margin: 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	}



#contentcolumn p{

	font-family:Arial, Helvetica, sans-serif;

	padding: 5px 20px;

	font-size: 80%;

	color: black;

	line-height: 1.5em;

	margin: 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	}



#contentcolumn p.crumbs{

	font-family:Arial, Helvetica, sans-serif;

	padding: 5px 5px;

	font-size: 65% ;

	line-height: 1.3em;

	color: #c54005;

	margin: 0px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	}



#allcolumns{

	margin: 0 0 0 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	background:white;

	}



#allcolumns p.crumbs{

	font-family:Arial, Helvetica, sans-serif;

	padding: 5px 5px;

	font-size: 65% ;

	line-height: 1.3em;

	color: #c54005;

	margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	}



#allcolumns a.crumbs{

	font-family:Arial, Helvetica, sans-serif;

	padding: 5px 5px;

	text-decoration: none;

	line-height: 1.3em;

	color: #c54005;

	margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	}



#maincolumn{

	margin: 0 0 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	background:white;

	}



.gallery li {

	font-family:Arial, Helvetica, sans-serif;

	font-size: 12px;

    display: inline;

    list-style: none;

    float: left;

    margin: 0 10px 10px 0;

    text-align: center;

	}



#maincolumn p{

	font-family:Arial, Helvetica, sans-serif;

	padding: 5px 20px;

	font-size: 12px;

	color: black;

	line-height: 1.5em;

	margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	}



#maincolumn a{

	font-family:Arial, Helvetica, sans-serif;

	padding: 5px 5px;

	font-size: 12px;

	color: black;

	line-height: 1.5em;

	margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	}



#maincolumn p.crumbs{

	font-family:Arial, Helvetica, sans-serif;

	padding: 5px 5px;

	font-size: 10px;

	line-height: 1.3em;

	color: #c54005;

	margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	}



#maincolumn a.crumbs{

	font-family:Arial, Helvetica, sans-serif;

	padding: 5px 5px;

	font-size: 10px;

	text-decoration: none;

	line-height: 1.3em;

	color: #c54005;

	margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	}



#maincolumn h2{

	font-family:Arial, Helvetica, sans-serif;

	color: #ff0000;

	padding: 20px 20px;

	margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	}

	

#maincolumn h3{

	font-family:Arial, Helvetica, sans-serif;

	color: #ff0000;

	padding: 20px 20px;

	margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	}



#maincolumn h4{

	font-family:Arial, Helvetica, sans-serif;

	color: #ff0000;

	margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	margin-left:20px;

	}



#maincolumn h6{

	font-family:Arial, Helvetica, sans-serif;

	color: #000000;

	font-size:small;

	margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	margin-left:23px;

	}

#leftcolumn{
	float: left;
	width: 180px; /*Width of left column in pixel*/
	margin-left: -900px; /*Set margin to that of -(MainContainerWidth)*/
	}

#leftcolumn p{
	font-family:Arial, Helvetica, sans-serif;
	color: black;
	padding: 5px 10px;
	font-size: 80% ;
	line-height: 1.3em;
	margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	}

#leftcolumn p.orange{
	font-family:Arial, Helvetica, sans-serif;
	color: #ff0000;
	padding: 5px 10px;
	font-size: 80% ;
	line-height: 1.3em;
	margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	}

#leftcolumn p.readmore{
	font-family:Arial, Helvetica, sans-serif;
	color: orange;
	padding: 5px 10px;
	font-size: x-small ;
	text-align: right;
	line-height: 1.3em;
	margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	}

#leftcolumn a.readmore{
	font-family:Arial, Helvetica, sans-serif;
	color: orange;
	padding: 5px 10px;
	font-size: x-small ;
	text-decoration: none;
	text-align: right;
	line-height: 1.3em;
	margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	}

#leftcolumn a.readmore:hover{
	font-family:Arial, Helvetica, sans-serif;
	color: orange;
	padding: 5px 10px;
	font-size: x-small;
	text-decoration: underline;
	text-align: right;
	line-height: 1.3em;
	margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	}

#leftcolumn a.news{
	font-family:Arial, Helvetica, sans-serif;
	color: black;
	padding: 5px 10px;
	font-size:x-small;
	text-decoration: none;
	text-align: right;
	line-height: 1.3em;

	margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

	}

#leftcolumn a.news:hover{
	font-family:Arial, Helvetica, sans-serif;
	color: black;
	padding: 5px 10px;
	font-size:x-small;
	text-decoration: underline;
	text-align: right;
	line-height: 1.3em;
	margin: 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	}

.infobox {
	font-family:Arial, Helvetica, sans-serif; 
	height:12px;
	background-color:white;
	background-position:left top;
	line-height:normal;
	}

.infobox .tl {background-image:url('images/tl.png'); background-repeat: no-repeat; width:12px}
.infobox .top {background-image:url('images/t.png'); background-repeat:repeat-x; width:160px;}
.infobox .tr {background-image:url('images/tr.png'); background-repeat: no-repeat; width:12px}
.infobox .bl {background-image:url('images/bl.png'); background-repeat: no-repeat; width:12px}
.infobox .bottom {background-image:url('images/b.png'); background-repeat:repeat-x}
.infobox .br {background-image:url('images/br.png'); background-repeat: no-repeat;  width:12px}
.infobox .left {background-image:url('images/l.png'); background-repeat: repeat-y; width:12px;}
.infobox .right {background-image:url('images/r.png'); background-repeat: repeat-y; width:12px;}



.champbox {
	background-color: #dfe3f2;
	background-position:left top;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px;
	text-align:right;
	line-height:normal;
	}

.champbox .title {font-size:20px; color: #4166A9; text-align:center; width:684px;	height: 1%; /* IE fix */}
.champbox .titlesmall {font-size:14px; color: #4166A9; text-align:left; width:378px;	height: 1%; /* IE fix */}
.champbox .member {height:16px;font-size:x-small; color: black; text-align:left;width:84px;}
.champbox .tri {padding-right:0px;height:16px;font-size:11px; color: black; text-align:right;width:84px; font-weight:bold}
.champbox .distance {height:8px;font-size:x-small; color: #4166A9; text-align:right;width:84px;}
.champbox .date {height:8px;font-size:x-small; color: #4166A9; text-align:right;width:84px;}
.champbox .score {height:16px;font-size:x-small; color:gray;}
.champbox .scoretotal {height:16px;font-size:x-small; color:black;}
.champbox .tl {height:16px;background-image:url('images/tl_score.png'); background-repeat: no-repeat; width:16px}
.champbox .top {height:16px;background-image:url('images/t_score.png'); background-repeat:repeat-x;}
.champbox .tr {height:16px;background-image:url('images/tr_score.png'); background-repeat: no-repeat; width:16px}
.champbox .bl {height:16px;background-image:url('images/bl_score.png'); background-repeat: no-repeat; width:16px}
.champbox .bottom {height:16px;background-image:url('images/b_score.png'); background-repeat:repeat-x}
.champbox .br {height:16px;background-image:url('images/br_score.png'); background-repeat: no-repeat;  width:16px}
.champbox .left {background-image:url('images/l_score.png'); background-repeat: repeat-y; width:16px;}
.champbox .right {background-image:url('images/r_score.png'); background-repeat: repeat-y; width:16px;}
.champbox .middle {height:8px; background-image:url('images/mid_score.png'); background-repeat:repeat-x;}
.champbox .middletop {height:8px; background-image:url('images/mid_score_top.png'); background-repeat:repeat-x;}

.curlycontainer{
	border-top: medium #A0A0FE outset;
	border-left: medium #A0A0FE outset;
	border-bottom: medium #A0A0FE inset;
	border-right: medium #A0A0FE inset;
	margin-bottom: 1em;
	margin-left: 3px;
	width: 175px;
	}

.curlycontainer .innerdiv{
	background: #F8F8FE url('images/brcorner.gif') no-repeat right bottom;
	position: relative;
	left: 0px;
	top: 0px;
	padding: 1px 4px 15px 5px;
	}

.curlycontainer .innerdivwhite{
	background: #FFFFFF url('images/brcorner.gif') no-repeat right bottom;
	position: relative;
	left: 0px;
	top: 0px;
	padding: 1px 4px 15px 5px;
	}

#rightcolumn{
	float: left;
	width: 180px; /*Width of right column*/
	margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
	}

#rightcolumn img{
	margin-left: 35px;
	border-color:white;
	}

#footer{

	clear: left;

	font-family: Arial, Helvetica, sans-serif

	font-size: x-small;

	width: 900px;

	height:87px;

	color: black;

	text-align: right;

	background: #004C94 url('images/footer.png') no-repeat scroll left top;

	}

#footer a{
	text-decoration:None;
	color: white;
	}

#footer a:hover{
	text-decoration:underline;
	}

#footer p{
	text-decoration:None;
	color: black;
	}

.innertube{
	margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
	text-align:justify;
	}

.innertube a {
	text-decoration:none;
	font-weight:bold;
	}

.innertube a:hover {
	text-decoration:underline;
	font-weight:bold;
	}

.welcome{
	font-family:Arial, Helvetica, sans-serif;
	margin: 0; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
	text-align:justify;
	}

.welcome a {
	text-decoration:none;
	font-weight:normal;
}



.welcome a:hover {
	text-decoration:none;
	font-weight:normal;
}

.headlink{
	color: white; 
	font-size: xx-small;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	}

.navtabs{
	width: 100%;
	overflow: hidden;
	border-top: 1px solid white; /*bottom horizontal line that runs beneath tabs*/
	background-image: url("images/navbg.png");
	background-repeat: repeat-x;
	}

.navtabs ul{
	margin: 0 15px;
	padding: 0;
	padding-left: 0px; /*offset of tabs relative to browser left edge*/
	font: bold 10px Arial;
	list-style-type: none;
	}

.navtabs li{
	display: inline;
	margin: 0;
	}

.navtabs li a{
	float: left;
	display: block;
	text-decoration: none;
	padding: 7px 8px; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color: white;
	background-image: url("images/navbg.png");
	background-repeat: repeat-x;
	}
	
.navtabs li a:visited{
	color: white;
	}

.navtabs li a:hover, .navtabs li.selected a{
	background: #4166A7; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
	}

.members {
	font-family: Arial, Helvetica, sans-serif;
	font-size: Medium;
	}

.equip {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align:left;
	}

.equiptitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align:left;
	}

.equip .eqcol {
	background-color:#CCCCDD;
	padding-left:5px;
	padding-right:5px;
	font-size: medium;
	}

.equip .eqcol1 {
	background-color:#EEEEFF;
	padding-left:5px;
	padding-right:5px;
	}

.equip .eqcol2 {

	background-color:#DDDDEE;

	padding-left:5px;

	padding-right:5px;

	}



.equip .eqcol3 {

	padding-left:5px;

	padding-right:5px;

	width:100px;

	vertical-align:middle;

	font-size:12px;

	font-weight:bold;

	}



.equip .eqcol4 {

	padding-left: 20px;

	padding-right:5px;

	vertical-align:middle;

	}



.equip .eqcol5 {

	padding-left: 10px;

	padding-right:5px;

	vertical-align:middle;

	font-size:12px;

	}



.equiptitle .eqcol5 {

	padding-left: 10px;

	padding-right:5px;

	vertical-align:middle;

	font-size:12px;

	font-weight:bold;

	}

#rightcolumnphoto {
	float: left;
	width: 200px; /*Width of right column*/
	margin-left: -320px; /*Set left margin to -(RightColumnWidth)*/
	}
	
.slideshowtitle {
	padding-top:3px;
	font: arial;
	color:red;
	font-size:14px;
	width:107px;
	padding-left:3px;
	vertical-align:top;
	font-weight:bolder;
	line-height:1em;
}