html {
	height: 100%;
}

body {
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 1em;
text-decoration: none;
margin: 0;
padding: 0;
height: 100%;
background-image: url("../images/bg_main_page.gif");
background-repeat: repeat-y;
background-position: center;
}

table,tr, td, p,div, ul {
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 1em;
text-decoration: none;
}


#hr {
background-color: #4c4c4c;
height: 1px;
width: 748px;
}


#topheader {
background-image: url("../images/gradient_header.gif");
background-repeat: repeat-x;
width:748px;
height: 35px;
}

#topNav, #topNav a {
color: #000;
font-weight: bold;
text-decoration: none;
padding-right: 5px;
font-size: 14px;
}

#topNav a:hover {
color: #f00;
}

#container {
width: 790px;
height: 100%;
background-image: url("../images/bg_main_page.gif");
background-repeat: repeat-y;
background-position: center;
}

#header_img {
padding: 0px;
width:748px;
height: 104px;
}



/* Main Nav
================================================*/

#nav {
display: block;
background-image: url("../images/bg_nav_orange.gif");
background-color: orange;
background-repeat: repeat-x;
margin: 0px;
padding: 0px;
width: 748px;
height: 24px;
color: #ffffff;
text-align: center;
line-height: 24px;
vertical-align: middle;
font-size: .75em;
position: relative;
clear: both;
}

/* Hides from IE-mac \*/
* html #nav a {
  width:1%;
  }
/* End hide from IE-mac */

#nav a:link, #nav a:visited {
color: #ffffff;
text-decoration: none;
}

#nav a:active, #nav a:hover {
color: #000000;
}

#nav .cat {
display: block;
background-image: url("../images/bg_nav_orange.gif");
background-color: orange;
background-repeat: repeat;
width: 90px;
float: left;
}

#nav .cat strong {
display: block;
background-image: url("../images/bg_nav_green.gif");
background-repeat: repeat-x;
width: 90px;
float: left;
}

.white {
background-color: #ffffff;
}

#content_container {
display: block;
width: 748px;
position: relative;
}

#content {
padding-bottom: 20px;
}

#footer {
background-image: url("../images/gradient_footer.gif");
background-repeat: repeat-x;
font-size: .75em;
vertical-align: middle;
color: #4c4c4c; 
width: 748px;
height: 24px;
line-height: 24px;
clear: both;
}


/* Tables
----------------------------------------------- */
#content .lined td {
border-top: 0; 
border-right: 0; 
border-left: 0; 
border-bottom: 1px solid black;
}

#content table.lined {
border: 0px; 
}

#content .dotted td{
border-top: 0; 
border-right: 0; 
border-left: 0; 
border-bottom: 1px dotted black;
}

#content table.dotted {
border: 0px; 
}

#content .boxed td {
border: 1px solid black;
}

#content table.boxed {
border: 1px solid black;
}


#content th { 
background-color: #999; 
color: #000;
text-align: center;
border: 1px solid black;
}

.stripe1 {background-color: #f99;}
.stripe2 {background-color: #f93;}
.stripe3 {background-color: #9ff;}
.stripe4 {background-color: #399;}
.grey {background-color: #ccc;}

.table_chart_header					{ background-color: #333333; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; color: #FFFFFF; text-decoration: none; }
.table_chart						{ background-color: #CCCCCC; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; color: #333333; text-decoration: none; }
.table_chart_lt						{ background-color: #E5E5E5; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; color: #333333; text-decoration: none; }


.cellbg {
	background-color: #E9E9E9;
}

#rulertable {
	border:1px solid #666;
	border-collapse:collapse;
	}
#rulertable th {
	background-color: #888;
	color: #FFF;
	border-collapse:collapse;
	}
#rulertable td {
	border:1px solid #AAA;
	border-collapse:collapse;
	}

/* Styles
----------------------------------------------- */
h1 {
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 2em;
font-weight: normal;
color: #4c4c4c;
}

h2 {
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: normal;
color: #4c4c4c;
}

a {
cursor: pointer;
}

a:link {
color: #285B72;
}

a:hover, a:active {
color: #D76725;
}

.bold {font-weight: bold;}

a img.border{
border: 1px solid black;
}


/* Menu Boxes etc;
----------------------------------------------- */
.blueBox{
  margin-bottom:  5px; 
  border-left:  2px solid #76ADF0; 
  border-right:  2px solid #76ADF0; 
  border-bottom:  2px solid #76ADF0; 
  padding: 0px;
  font-size: 13px;
}

.blueStripe {
  background-color:  #4040FF;
  background-image: url("http://www.oarsport.co.uk/images/blue_stripe.jpg");
  padding-left: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 13px;
  font-weight: bold;
  color: white;
  line-height: 20px;
}

.boxStripe{
padding-left: 3px;
}

.lightBlue {
background-color: #BBD6F5;
}

.boxContents {
padding: 3px;
}

/* Lists
----------------------------------------------- */

dt {
font-weight: bold;
}

dd {
margin-bottom: 5px; 
}

ul {
}

ul.nobullets {
  margin:.5em 0 1em;
  padding:0;
  }
ul.nobullets li {
  margin:0 2px 0 2px;
  padding:0 2px 0px 3px;
  list-style:none;
  }

/* Image Box
================================================*/

.imageBox {
padding: 1px;
background-color: #999;
}

.imageBoxImage {
padding: 1px;
margin: 1px;
}

.imageBoxCaption {
padding: 1px;
margin: 2px;
background-color: #ccc;
}

/* Oar Options

----------------------------------------------- */
#oaroptions {
	float:left;
        width: 160px;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background-color: #fff;
	color: #333;
	}

	#oaroptions ul {
		width: 150px;
                list-style: none;
		margin: 0;
	padding: 0;
		border: none;
       	border-top: 0px solid #fff;	
		}

	#oaroptions ul li {
        	border-top: 1px solid #fff;	
         	border-bottom: 1px solid #fff;	
	margin: 0;
               background:none;
		}

	#oaroptions li a {
		display: block;
                padding: 2px 0px 2px 5px;
  		border: 1px solid #6FBF2F;
		background-color: #fff;	
		color: gray;
		text-decoration: none;
                font-weight: bold;
                width: 100%;
                voice-family: "\"}\"";
         	voice-family: inherit;
       	width:auto;
        	}
	html>body #leftmenu li a {
		width: auto;
	}	

	#oaroptions li a:hover {
		background-color: #6FBF2F;	
		color: #fff;
		}

/* CSS for the box starts here
================================================*/
/* Default styling. Used when JavaScript is unsupported */
.cbb {
	padding:0 10px;
	margin:1em 0;
	background:#fff;
	border:1px solid #666;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

.cb {
	margin:0 0;
float: left;
width: 100%;
}

/* Rules for the top corners and border */
.bt {
	background:url("http://www.oarsport.co.uk/images/box.png") no-repeat 100% 0;
	margin:0 0 0 18px;
	height:17px;
}
.bt div {
	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url("http://www.oarsport.co.uk/images/box.png") no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.bb {
	background:url("http://www.oarsport.co.uk/images/box.png") no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}
.bb div {

	height:17px;
	width:18px;
	position:relative;
	left:-18px;
	background:url("http://www.oarsport.co.uk/images/box.png") no-repeat 0 100%;
}

/* Insert the left border */
.i1 {
	padding:0 0 0 12px;
	background:url("http://www.oarsport.co.uk/images/borders.png") repeat-y 0 0;
}
/* Insert the right border */
.i2 {
	padding:0 12px 0 0;
	background:url("http://www.oarsport.co.uk/images/borders.png") repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#fff;
	border:1px solid #fff;
	border-width:1px 0;
	padding:0 10px;

}
/* CSS for the box ends here */

.quote {font-style: italic; margin-top: 12px;}
.quoter {font-weight: bold;}

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }