div#content_col { width:1000px; height: 100%;  margin: 0 auto; }
p{
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.border{
border:5px solid #DB7627;
}
#right_side_col {
float:right;
width: 640px;
height: auto;
padding: 0px 0 0 30px;
}
#right_side_col_racepage {
float:right;
width: 640px;
height: auto;
text-align:left;
}
.video{
position: relative;
left: 80px;
}
#racelogo{
float: right;
padding: 10px 15px 0 0 ;
}
.racepage_header{
background-image:url(/recreation/races/assets/images/grad_blue1px.gif);	
width: 700px;
padding: 5px 0px 0px 15px;
}

#facebook{
padding: 10px 0 0 30px;
text-align: left;
}
#left_side_col_index {
float: left;
margin-left: 5px;
width: 308px;
height: auto;
}
#left_side_col {
float: left;
margin-left: 20px;
width: 308px;
height: auto;
}
.register_index{
	margin: 0 0 -20px 20px;
}
/*NAVBAR*/
#navcontainer{
position:relative;
top: 10px;
left: 0px;
width: 303px;
padding: 0 0 0 5px;
background-color:#4C3523;
}
#navcontainer ul{
padding: 5px 25px 5px 0;
color: White;
list-style-type: none;
}
#navcontainer ul li{
padding: 1px 0 0 0;
}
#navcontainer ul li a{
padding: 5px 0 0 10px;
text-align:left;
display: block;
width: 287px;
background-image:url(/recreation/races/assets/images/grad_blue1px.gif);
font-family: arial, helvetica, sans-serif;
color: #000;
font-size:18px;
text-decoration: none;
}
#navcontainer ul li a:hover{
background-color: #DB7627;
color: #fff;
}
#gallery {
position: relative;
top: 10px;
left: 0px;
width: 130px;
background-color: #CDA871;
padding: 5px 0 10px 0;
}
#gallery ul li{	
	list-style-type: none;
	padding: 2px 0 2px 0;
}
#gallery ul li a {	
	list-style-type: none;
}
#rightside{
	border:5px solid #CDA871;
	width: 615px;
	background-color:#E18D2E;
	padding-bottom: 30px;
}
.info_top{
	padding: 10px;
	width: 100px;
}
.info{
	padding: 10px;
	width: 350px;
}

/*ANNUAL RACE CALENDAR*/
#events{
position:relative;
top: 30px;
left: 0px;
width: 625px;
background-color: #EF9A40;
}
/*RACE PAGES ACCORDION*/
#racepage_events{
background-color:#E18D2E;
position:relative;
top: 30px;
left: 0px;
width: 615px;
}
.racepage_items{
cursor: hand;
cursor: pointer;
padding: 2px 5px;
}
.racepage_forms{
background-image:url(/recreation/races/assets/images/grad_blue1px.gif);	
cursor: hand;
cursor: pointer;
padding-left: 15px;
}
#racepage_links{
padding-left: 20px;
font-family:Verdana, Geneva, sans-serif;
font-size: 12px;
}
a:link { color:#000; text-decoration:none; font-size: 12px; }
a:visited { color:#666; text-decoration:none; font-size: 12px; }
a:hover { color:#666; text-decoration:none; font-size: 12px;}

.racepage_details {
padding-left: 20px;
font-size: 14px;
font-weight: bold;
color: #000000;
}
/*RACES LISTED IN THE ANNUAL RACE CALENDAR*/
/*header*/
.race_events{
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background-image:url(/recreation/races/assets/images/grad_blue1px.gif);
}
.therace {
padding-left: 20px;
font-size: 14px;
font-weight: bold;
color: #000000;
}
/*expanding box with collaspe and expand*/
#race_info{
position:relative;
top: 20px;
left: 0px;
width: 288px;
height: auto;
padding: 10px 0 0 10px;
border:5px solid #DB7627;
background-color: #CDA871;
cursor: hand;
cursor: pointer;
font: bold 12px Verdana;
}
.openinfo{ /*class added to contents of 2nd demo when they are open*/
color: #222222;
}
.closedinfo{ /*class added to contents of 2nd demo when they are closed*/
color: #0000CC;
}
div#race_info a:link {
    color: #0000CC;
    font-weight: bold;
}
/*runner finder*/
.runner{
position:relative;
left: 0px;
}
#right_col_content {
position: relative;
top: 15px;
left: -15px;
padding: 10px 0 0 0px;
background-color:#CDA871;
width: 298px;
height: auto;
border-right:5px solid #DB7627;
border-left:5px solid #DB7627;
border-bottom:5px solid #DB7627;
text-align: center;
}
.openrace{ /*class added to contents of 1st demo when they are open*/
background-image:url(/recreation/races/assets/images/grad_blue1px.gif);
}