/*stylesheet for use with cuh&h website*/
/*all upgrades to site shoud make use of this stylesheet where possible*/

@font-face {
    font-family: "fat font";
    src: url(http://www.cuhh.org.uk/fonts/fat.ttf) format("truetype");
}
@font-face {
    font-family: "airstrip";
    src: url(http://www.cuhh.org.uk/fonts/airstrip.ttf) format("truetype");
}

div {
	padding:0px;
	margin:0px;
	border: 0px;
	}
	
span {
	padding:0px;
	margin:0px;
	border: 0px;
	}
/********************/
/*******links********/
/********************/
a img{
	border:none;
	}
a{
	font-weight:bold;
	color:black;
	}
a:link, a:visited, a.active{
   margin: 0px;
   padding:0px;
   border:0px;
   color: black; /*#3152a5;*/
   text-decoration: none;   
}
a:hover{
   color: #a1abc2;
   text-decoration: none;
  
}
a.anchor:link, a.anchor:visited, a.anchor:active, a.anchor:hover{
   color: #000000;
   text-decoration: none;
   font-weight: normal;
}
/***********************/
/*********text**********/
/***********************/

body{
	background-color:#D3D3D3;
   background-repeat: no-repeat;
   color: #000000;
   font-family: verdana, arial, helvetica, sans-serif;
   text-decoration: none;
   padding-left:5px;
}
b{
   font-weight: bold;
}
center{
	text-align:center;
}
i{
	font-style: italic;
}
hr{
	height: 1px;
}
p{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	text-align:justify;
	font-family: verdana, arial, helvetica, sans-serif;
}
pre p{
	font-family: verdana, arial, helvetica, sans-serif;
   }
pre{
   margin: 10px;
   padding: 0px;
   text-align:justify;
	 font-size: 120%;
}
li{
   padding-top: 0px;
   padding-bottom: 0px;
}
dt{
   margin-left: 10px;
   padding: 0px;
   text-align:justify;
   font-family: verdana, arial, helvetica, sans-serif;
   padding-top: 4px;
   padding-bottom: 4px;
}
img{
   padding: 0px;
}

td{
   vertical-align:top;
	}

/*********************/
/*****page wrap*******/
/*********************/

div.wrap1{	
    width:1000px;
    background-color:white;
    margin-left:auto;
    margin-right:auto;
}

/************************/
/********tables**********/
/************************/

table{
    vertical-align:top;
    /*padding-left: 0px;*/
}
table.borders td,table.borders th{
   border:1px solid #a1abc2;
   vertical-align: top;
   padding-left: 1em;
   padding-right: 1em;
   text-align:left;
}
table.borders{
    
    border-collapse: collapse;
}
table.spacing td{
	padding-left:0px;
	padding-right:15px;
	padding-top:0px;
	padding-bottom:0px;
}
table.horizontalborders td,table.horizontalborders th{
   border-top:1px solid #a1abc2;
   border-bottom:1px solid #a1abc2;
   vertical-align: top;
   padding-left: 1em;
   padding-right: 1em;
   text-align:left;
}
table.horizontalborders{
    border: none;
    border-collapse: collapse;
}
table.nospacing td,table.nospacing th{
   border:none;
   vertical-align: middle;
   padding: 0px;
   margin:0px;
}
table.nospacing table{
    padding-left:0px;
    border-collapse: collapse;
    padding: 0px;
    margin:0px;
}
table.nospacing{
    border: none;
    border-collapse: collapse;
    padding: 0px;
    margin:0px;
}
table.nospacing img{
   border:/*1px mg*/ 0px solid #a1abc2;
	padding:0px;
	margin: 10px;
}

table.noborders td,table.noborders th{
   border:none;
   vertical-align: middle;
   padding: 0;
}
table.noborders table{
    border-collapse: collapse;
}
table.noborders{
    border: none;
    border-collapse: collapse;
}
table.noborders img{
   border:0px;
}

table th{
	text-align: left;
}
/*cuh&h banner running along the top of the page*/
/*
table.banner {
	width:980px;  
   margin-left:auto;
   margin-right:auto;
   background-color:black;
   background-repeat: no-repeat;
   height: 150px;
   padding-left:0px;
}
table.banner td{
   vertical-align: middle;
}*/

/**********************/
/*****banner***********/
/**********************/

div.banner {
	width:1000px;  
   margin-left:auto;
   margin-right:auto;
   background-color:black;
   background-repeat: no-repeat;
   height: 150px;
   text-align:center;
}
div.title {
	padding-top:35px;
   font-family: georgia, sans-serif;
   color: #99CCCC;
   font-size: 200%;
}
div.title small{
  	font-family:arial, sans-serif;
   color: white;  
}

span.phrase {
   font-family: verdana, arial, helvetica, sans-serif;
   color: #99CCCC;
   font-size: 80%;
   float:right;
   font-style: italic;
}

div.banner img {
	float: right;
	padding-right:5px;
	padding-top: 25px;	
}

/******************/
/******left column*/
/******************/

#leftcol {
	float:left;
	width:150px;
	}
#rightcol {
	float:right;
	width:250px;
	}
/*********************/
/*****Side menu*******/
/*********************/

#navcontainer { 
	padding-top:25px;
	padding-left:10px;
   	  	
}
#navcontainer ul
{
    	margin: 0;
    	padding: 0;
    	list-style-type: none;
    	font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { 
	padding-top: 1px;
   width:140px;
}


#navcontainer a
{
    	width: 140px;
    	color: #99CCCC /*#a3c1ad*/;
    	background-color: black;
    	text-decoration: none;
    	font-weight:normal;
    	font-size:12px;
}

#navcontainer a:hover
{
	color: black;
	background-color: #99CCCC /*#a3c1ad*/;
	text-decoration: none;
}

#navcontainer ul ul a
{
	color: white;
	background-color: #A9A9A9;
	text-decoration: none;
}

#navcontainer ul ul a:hover
{
	color: #fff;
	background-color: #99CCCC /*#a3c1ad*/;
	text-decoration: none;
}

#navcontainer ul li a{
	padding: 5px 10px;
	display:block;
	width:120px;
}

/************************/
/****** Main page *******/
/****** (general) *******/
/************************/

div#maincontent{
	width:830px;
	font-size: 12px;
	padding-top:25px;
	padding-right:10px;
	padding-left:10px;
	float:right;
	}

/***********************/
/****** index page *****/
/****** (homepage) *****/
/***********************/
	
div#indexcontent{
	float:left;
	width:570px;
	}

div#nextevent{
	border:solid black 1px;
	background-color: #D3D3D3;
	margin-bottom:10px;
	}
div#nextevent img{
	border-bottom:solid black 1px;
	}	

div#nextevent a:hover img{
	opacity:0.4;
	filter:alpha(opacity=40);
	}

div#nexteventtext{
	padding:10px;	
	}

div#nexteventtext a{
	color:black;
	}
div#nexteventtext a:hover{
	color:white;
	}
	
div#nexteventtext h1{
	margin-bottom:10px;
	}
	
div#indexgetintouch{	
		border:solid black 1px;
		padding:10px;
		margin-bottom:10px;
		}
div#indexboundaryrun{
                border:solid red 1px;
                padding:10px;
                margin-bottom:10px;
		color: red;
                }

div#indexboundaryrun a{
	color: red;
}

div#indexboundaryrun a:hover{
        color: gray;
}
		
div#indexnews{	
		border:solid black 1px;
		padding:10px;
		}

div#indexnews a{
		color:black;
		font-weight:normal;
		}
		
div#indexnews a:hover{
		color:gray;
		text-decoration: underline;
		}

div#indexnews span.newstitle {
	font-size:14px;
	padding-left:20px;
	}

/**********************/
/******* Images *******/
/**********************/

img.alignleft{
	padding:10px 10px 10px 0px;
	}

img.alignright{
	padding:10px 0px 10px 10px;
	}

#coverage img {
	border: solid black 1px;
	}
/***********************/	
/***** Headings ********/
/***********************/

h1{
   font-family: verdana, arial, helvetica, sans-serif;
	 font-weight: bold;
	 padding-top: 0px;
	 margin-bottom: 2px;
	 text-transform: uppercase;
	 letter-spacing: 1pt;
	 font-size: 110%;
	 border-bottom: 2px /*dotted mg*/ solid /*#3152a5 mg*/;
	 width: 250px; /*100% mg*/
	 margin-top: 5px;
}
h2{
   font-family: verdana, arial, helvetica, sans-serif;	 
	 font-weight: bold;
	 padding-top: 5px;
	 margin-bottom: 1px;
	 letter-spacing: 1pt;
	 font-size: 100%;
	 border-bottom: 1px solid #3152a5;
	 /*width: 100%;*/
	 margin-top: 2px;
}
h3{
   font-family: verdana, arial, helvetica, sans-serif;
   	 font-weight: bold;
	 padding-top: 0px;
	 margin-bottom: 1px;
	 letter-spacing: 0.5pt;
	 font-size: 100%;
	 text-decoration: underline;
	 /*width: 100%;*/
	 margin-top: 2px;
}
h4{
   font-family: verdana, arial, helvetica, sans-serif;
   	 font-weight: bold;
	
	 padding-top: 0px;
	 margin-bottom: 1px;
	 font-size: 100%;
	 margin-top: 1px;
}
h5{
   font-family: verdana, arial, helvetica, sans-serif;
   	 font-weight: normal;
	 padding-top: 0px;
	 margin-bottom: 1px;
	 font-size: 100%;
	 text-decoration: underline;
	 margin-top: 1px;
}

/*********************/
/***** News Page *****/
/*********************/

div#news_page h2 {
        font-family: century gothic;	 
	 font-weight: bold;
	 padding-top: 5px;
	 letter-spacing: 1pt;
	 font-size: 18px;
	 margin-top: 5px;
     border: none;
     margin-bottom:2px;

}
div#news_page h3 {
        font-family: helvetica;	 
        text-decoration:none;
        font-size: 12px;
        margin-top:2px;
        border: none;
        margin-bottom:6px;

}

div.newsstory{
	text-align: justify;
	clear:both;
	}

.newsstory img.alignleft{
	padding-top:0px;
	}

.newsstory img.alignright{
	padding-top:0px;
	}

/***********************/
/** Countdown timer ****/
/***********************/
 	
div#countdown {
	text-align:center;
	border:solid 2px;
	margin-left:8px;
	padding:2px;
	font-size:15px;
}
div#countdown h3 {
	margin-left:auto;
	margin-right:auto;
	font-family: 'fat font';
	font-weight:bold;
	font-size: 38px;
	text-decoration:none;
}

/************************/
/***** Race coverage ****/
/************************/

div#coverage {
	}

div#coverage h2{
	text-decoration:none;
	border:none;
	}
div#racedescription {
	float:left;
	margin-top:10px;
	padding:10px;
	width:380px;
	border:solid black 1px;
	}
div#coverage table{
	width: 830px;
	border: solid black 1px;
	}

div#coverage table td{
		border: solid black 1px;
		}
div#coverage table img{
		border: none;
		width: 120px;
		}
div#racedescription p{
	margin-left:0px;
	margin-right:0px;
	}
div#raceinfo {
	margin-top:10px;
	float:right;
	width:400px;
	border:solid black 1px;
	padding:10px;
	}

/***************************/
/******* Footer ************/
/***************************/

div#footer{
	padding:10px 10px;
	clear:both;
	font-size: 12px;
	}

span.edit {
    float:right;
    font-size:7px;
    }