/* Stylesheet for Bedgerabong Races
 new layout may 2009 */
 
 /* reset */
 *,h1,h2,h3,h4,h5,h6,h7,h8,p,div,body,html,ul,li,ol,img,a { margin:0; padding:0; }
.clear { clear: both; }
.hide { display: none; }
p { margin: 0em 0 1.2em 0; }
hr { display: none; }
a img { border: none; }

body { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444;
text-align : center;
background-image: url(images/blue-stripe-bg-grey.gif);
background-repeat: repeat; 
 }

/* RED */
#content_main a { color: #bb012b;   
    text-decoration: none;
    border-bottom: 1px dotted #bb012b;
}
#content_main a:hover {
    border-bottom: 1px solid #bb012b;
    color: #bb012b;   /* red colour  */
}

#container { 
width : 820px; 
margin : 0 auto; 
padding : 0; 
text-align : left;
background-color: #fff; 
background-image: url(images/bedg-new-banner-820.jpg);
background-repeat: no-repeat; 
}

#content { width : 100%; }

#branding {
	LEFT: 2%;  /*to move in slightly make this 2%  */
	WIDTH: 322px; 
	POSITION: relative; 
	TOP: 0px; 
	HEIGHT: 300px;  /* affects location of nav bar - forcing it to be higher than logo to drop nav bar lower  */
}
#date {
	left: 60%; 
	WIDTH: 296px; 
	POSITION: relative; 
	TOP: 0px; 
	HEIGHT: 87px;
}

.floatleft { 
    float: left; 
    margin: 10px 10px 10px 10px; 
}
.floatright { 
    float: right; 
    margin: 10px 10px 10px 10px; 
}
/* nav bar
------------------------------------------- */


#nav { 
margin : 0; 
padding : 0; 
background-color: #002060;
text-align: center;
height: 36px;   /* need this here to view coloured bg to nav in Firefox */
}

#nav ul{ 
background-color: #002060;
list-style: none;
text-align: center;

}
#nav ul li{ 
list-style: none;
float: left;
display: inline;
padding: 0 30px 0 30px;
}

#nav ul a { 
color: #fff;
display: block;
text-decoration: none;
border-bottom: none;
font-size: 110%;
letter-spacing: 1px;
font-family: "Trebuchet MS", helvetica, sans-serif;

}

#nav li a:hover {
	background:#002060;
	color:#fff;
}

	
#nav ul li a {
	text-decoration: none;
	color: #fff;  /*	pale grey nav bar text */
	padding:8px;

	}
#nav ul li a.active{
	color: #fff;
		padding-bottom: 5px;
 background: url(images/nav-marker.png) no-repeat 50% 100%;   
	font-weight: bold;

	}
#nav ul li a:hover {
	color: #fff ;
	padding-bottom: 7px;
	background: url(images/nav-marker.png) no-repeat 50% 100%;  
	}

/* content (wrapper for main and sidebar)
------------------------------------------- */
#content { 
	background:#fff!important;
}
#content_main { background-color : #fff; }

#content_main { 
float : right; 
width : 580px;
margin : 0; 
padding : 0; }

#content_main img.award{ float: right;     margin: 0 0 10px 5px;  }

#content_main h1 { 
color: #002060; font-size: 160%; padding : .5em 0 .5em 0; margin : 10px .75em; font-weight: bold; }
 
#content_main h3  { color: #002060; font-size: 140%; padding : .5em 0 .5em 0; margin : 10px .75em; }
p { margin : 0 1em; padding : .5em 0; line-height: 20px; }

#content_main img.award {  float: right; padding: 20px;}
#content_main ul { list-style: disc; margin : 0 2em; padding : .5em 0 .5em 0; 
}

#content_sidebar {
float : left; 
width : 220px; 
margin : 0; 
padding : 0;
margin-left: 10px;
text-align: center; }

#sponsors {
text-align: center; 
	background:#fff;
	padding: 10px;
}

#sponsors img{

padding-bottom: 10px; }
#content_sidebar { background-color : #ccc;}

#content_sidebar h3  { margin : 1em 1em 1em .5em; padding : 0 0 .5em 0; font-weight: bold; text-align: left; }

#content_sidebar ul { margin : 0 0 0 5px; padding : 0 0 0 5px; text-align: left; background:#ccc;}
#content_sidebar li {list-style-type : none; margin : 0 0 0 0; padding : .2em 0 .2em 0; }
#content_sidebar li.active {  text-decoration: underline;}
#content_sidebar li:hover {  text-decoration: underline;}

#content_sidebar li a {display : block; font-size : 100%; letter-spacing: .1em; color : #666;  text-decoration : none; margin : 0;}
#content_sidebar li a:hover {  text-decoration: underline;}
#content_sidebar li a.active { text-decoration: underline;}


#footer { clear: both; width : 100%;  background-color: #002060; color: #fff;}
#footer ul { text-align : center;}
#footer li { list-style-type : none; display : inline;  }
#footer li a { letter-spacing: .1em; color : #fff;  text-decoration : underline;}

#footer .address{ float : left;  }
#footer .designer{float : right;  }
#footer .designer a {color : #fff;  text-decoration : underline;}


TABLE { border-collapse:collapse; border:1px solid #FFFFFF; margin-left: 20px;}
TD { padding:4px 9px 6px 9px; background-color:#eee; font-size:95%;  }
TH { padding:4px 9px 6px 9px; background-color:#FFFFFF; font-size:95%; text-align:left; }



p.caption{ margin : 0 1em; padding :0; font-size:85%; text-align: center;}

#clear { clear: both;}	





a img { border: none;	}

p.pdf { background: #fff url(images/pdf_sml_icon.gif) no-repeat top left; 	}