/* undo some default styling of common (X)HTML browsers
 ************************************************************/

  /* No list-markers by default - 
  * must redefine bullets w/ bg graphics
  ********************************************************/
ul,ol {
	list-style:none;
}

  /* Avoid browser default inconsistent heading, 
  * font-sizes and pre/code
  ********************************************************/
body,h1,h2,h3,h4,h5,h6,pre,code,td {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #282828;
}

  /* Remove inconsistent (among browsers) - 
  * default padding or margin 
  ********************************************************/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,
fieldset,input,label,div,dd,dt,dl,table,tr,td,img,hr {
    margin:0; padding:0;
}

  /* prevent blue linked image borders
  ********************************************************/
a img,:link img,:visited img,fieldset {
    border:none;
}

   
body {
	margin:0;
	padding:0;
	background-color: #4B7DB3;
	background-image: url(../images/background.png);
	background-repeat: repeat-x;

	
}


.page {
	margin:0 auto;
	position:relative;
	text-align:left;
	width:960px;
}



  /* Head Section
     ********************************************************/

.header-container {
	height: 80px;
	margin-top: 25px;
}


.logo {
	margin-top: 0;
	float: left;
	height: 56px;
	width: 262px;
}

.tagline {
	margin-top: 15px;
	float: right;
	height: 42px;
	width: 267px;
}


.headerimage {
	height: 210px;

}

#slideshow {
	width:960px; height:210px; background-color:#101010;;
}


.top_menu_bar {
	background-color: #101010;
	background-image: url(../images/top_menubar_bg.gif);
	background-repeat: repeat-x;
	height: 42px;
	text-align: left;
}

.search_box {
	height: 31px;
	margin-top: 7px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
	vertical-align:top;
}
.search_input {
	height: 27px;
	width: 160px;
	border: 0px none #FFF;
	text-indent: 5px;
	vertical-align: middle;
	line-height:27px;
	font-size:12px;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
}
#search_button {
    margin:0;
    padding:0;
    vertical-align:top;
}
.subscribe_input {
    margin:0 2px 0 0;
    height: 27px;
    width: 145px;
    border: 0px none #FFF;
    text-indent: 5px;
    vertical-align: middle;
    line-height:27px;
    font-size:12px;
}
#subscribe_button {
    margin:0;
    padding:0;
    vertical-align:top;
}


  /* Content Section
     ********************************************************/

.content_container{
	width:960px;
	float:left;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


  /* Left Column
     ********************************************************/

.xleftcol{
	float: left;
	margin-right: 20px;
	width: 220px;
	background:#ffffff;
	border:1px solid #e2e2e2;
	padding:0;
}


.xleftcolbox{
	width: 192px;
	position:relative;
	margin-top: 14px;
	margin-right: 14px;
	margin-bottom: 14px;
	margin-left: 14px;
}

li.left_nav_buttons {
	position:relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;	
}


.left_nav_grey_box{
	width: 182px;
	background:#e2e2e2;
	position:relative;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-bottom: 30px;
}

#social {
	margin-top: 15px;
	margin-bottom: 25px;
}



  /* Middel Column
     ********************************************************/

.xmiddlecol {
	overflow:auto;
	background:#ffffff;
	border:1px solid #e2e2e2;
	padding-top: 14px;
	padding-right: 14px;
	padding-bottom: 14px;
	padding-left: 14px;
	margin:0;

}
* html .xmiddlecol{float:left}
* html .xmiddlecol .xinner3{width:100%;}


.xmiddlecolbox{
	position:relative;
	padding-top: 20px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 6px;


}


.xmiddlecoldivider{
	position:relative;
	height: 20px;

}


.body_heading_bar{
	width: 515px;
	background:#e2e2e2;
	position:relative;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
	text-transform: uppercase;
}


.view_calendar{
	float: right;

}

.more_button{
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}



  /* Right Column 
     ********************************************************/


.xrightcol {
	float:right;
	width: 140px;
	background:#ffffff;
	border:1px solid #e2e2e2;
	position:relative;
	margin-left: 20px;
	
}


.xrightcolbox{
	width: 112px;
	position:relative;
	margin-top: 14px;
	margin-right: 14px;
	margin-bottom: 14px;
	margin-left: 14px;
}



li.eventlogo_spacer {
	height: 12px;
	
}




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


.footer_bar {
	background-color: #101010;
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	width: 559px;
	height: 33px;
	text-align: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 241px;
}


#copyright{
	float: left;
	font-size:9px;
	color:#c3c2c2;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;	

}

#copyright a{
	color: #c3c2c2;
	font-size:9px;

}

.footlinks{
	float: right;
	font-size:9px;
	color:#c3c2c2;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 0px;
	padding-left: 0px;	

}



/* Events List
     ********************************************************/

ul.events {
  	float: left;
  	width: 515px;
  	margin: 0;
  	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;	
  list-style: none;
}
 
li.eventimage {
  	float: left;
  	width: 63px;
	height:63px;
	border:1px solid #acabab;
 	margin: 0;
	padding:0;
} 

li.eventinfo {
 	 float: left;
 	 width: 180px;
 	 margin: 0;
 	 padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
} 



/* News List
     ********************************************************/

ul.news {
  	float: left;
  	width: 515px;
  	margin: 0;
  	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;	
  	list-style: none;
}
 
li.newsimage {
  	float: left;
  	width: 127px;
	height:127px;
	border:1px solid #acabab;
 	margin: 0;
	padding:0;
} 

li.newsinfo {
 	float: left;
 	width: 370px;
 	margin: 0;
 	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
} 



/* Heading Font styles
     ********************************************************/

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #282828;

}

h2 {
	font-size: 12px;
	color: #900;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	font-size: 11px;
	color: #282828;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}



/* Rollovers
     ********************************************************/


.displace {
	position: absolute;
	left: -5000px;
}
	
	


  /* About Roll-Over
     ********************************************************/
	 
	 
a.roll-about {
	display: block;
	width: 73px;
	height: 42px;
	text-decoration: none;
	background: url("../images/menu_about.gif");
}

a.roll-about:hover {
	background-position: -73px 0;
}
	
	
  /* Events  Roll-Over
     ********************************************************/
	 
	 
a.roll-events {
	display: block;
	width: 78px;
	height: 42px;
	text-decoration: none;
	background: url("../images/menu_events.gif");
}

a.roll-events:hover {
	background-position: -78px 0;
}
	
	
	  /* Calendar  Roll-Over
     ********************************************************/
	 
	 
a.roll-calendar {
	display: block;
	width: 97px;
	height: 42px;
	text-decoration: none;
	background: url("../images/menu_calendar.gif");
}

a.roll-calendar:hover {
	background-position: -97px 0;
}
	
	
	
	  /* Equipment Hire Roll-Over
     ********************************************************/
	 
	 
a.roll-equipment_hire {
	display: block;
	width: 133px;
	height: 42px;
	text-decoration: none;
	background: url("../images/menu_equipment_hire.gif");
}

a.roll-equipment_hire:hover {
	background-position: -133px 0;
}
	
	
	  /* Contact Roll-Over
     ********************************************************/
	 
	 
a.roll-contact {
	display: block;
	width: 89px;
	height: 42px;
	text-decoration: none;
	background: url("../images/menu_contact.gif");
}

a.roll-contact:hover {
	background-position: -89px 0;
}
	



/* Corporate Max Roll-Over
     ********************************************************/
	 
	
a.roll-corp_max {
	display: block;
	width: 192px;
	height: 28px;
	text-decoration: none;
	background: url("../images/button_corporate_max.gif");
}

a.roll-corp_max:hover {
	background-position: -192px 0;
}
	
	
	
/* Newsletter  Max Roll-Over
     ********************************************************/
	 
	
a.roll-newsletter {
	display: block;
	width: 192px;
	height: 28px;
	text-decoration: none;
	background: url("../images/button_newsletter.gif");
}

a.roll-newsletter:hover {
	background-position: -192px 0;
}
	
	
/* Volunteers  Max Roll-Over
     ********************************************************/
	 
	
a.roll-volunteers {
	display: block;
	width: 192px;
	height: 28px;
	text-decoration: none;
	background: url("../images/button_volunteers.gif");
}

a.roll-volunteers:hover {
	background-position: -192px 0;
}


/* Race Partner Max Roll-Over
     ********************************************************/
	 
	
a.roll-race_partner {
	display: block;
	width: 192px;
	height: 28px;
	text-decoration: none;
	background: url("../images/button_race_partner.gif");
}

a.roll-race_partner:hover {
	background-position: -192px 0;
}
	
	
/* Facebook Max Roll-Over
     ********************************************************/
	 
	
a.roll-facebook {
	display: block;
	width: 192px;
	height: 28px;
	text-decoration: none;
	background: url("../images/button_findus_facebook.gif");
}

a.roll-facebook:hover {
	background-position: -192px 0;
}
/* Facebook Max Roll-Over
     ********************************************************/


/* Dropdown
     ********************************************************/
	 
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 42px;
	
}


ul.dropdown {
	position: relative;
	z-index: 597;
	float: left;

}

ul.dropdown li {
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	zoom: 1;
	

}

ul.dropdown li.hover,
ul.dropdown li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}

ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 100%;
}

ul.dropdown ul li {
	float: none;
}

ul.dropdown ul ul {
	top: 1px;
	left: 99%;
}

ul.dropdown li:hover > ul {
	visibility: visible;
}


	/* -- styling -- */


ul.dropdown {
	font-weight: bold;
}

ul.dropdown li {
	 padding: 0px;
	 background-color: #101010;
	 color: #000;
}
	
ul.dropdown li.drop {
	padding-top: 8px;
	padding-right: 16px;
	padding-bottom: 8px;
	padding-left: 16px;
	background-color: #282828;
	color: #fff;
	height:auto;

	 
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	 color: #fda21f;
}

ul.dropdown a:link,
ul.dropdown a:visited	{ color: #fff; text-decoration: none; }
ul.dropdown a:hover		{ color: #fda21f; }
ul.dropdown a:active	{ color: #fda21f; }


	/* -- level mark -- */

ul.dropdown ul {
	 width: 150px;
	 margin-top: 0px;
}

ul.dropdown ul li {
		 font-weight: normal;
}




/*  link styles
     ********************************************************/


a:link {font-size: 11px; font-weight:normal; color: #105095; text-decoration: underline;  }
a:active {font-size: 11px; font-weight:normal; color: #105095; text-decoration: underline }
a:visited {font-size: 11px; font-weight:normal; color: #105095; text-decoration: underline }
a:hover {font-size: 11px; font-weight:normal; color: #105095; text-decoration: none }


a.grey_arrow:link {font-size: 11px; font-weight:normal; color: #282828; text-decoration: none;  }
a.grey_arrow:active {font-size: 11px; font-weight:normal; color: #282828; text-decoration: none }
a.grey_arrow:visited {font-size: 11px; font-weight:normal; color: #282828; text-decoration: none }
a.grey_arrow:hover {font-size: 11px; font-weight:normal; color: #282828; text-decoration: underline }

a.footer:link {
	font-size: 9px;
	font-weight:normal;
	color: #c3c2c2;
	text-decoration: none;
	padding-bottom: 5px;
}
a.footer:active {font-size: 9px; font-weight:normal; color: #c3c2c2; text-decoration: none }
a.footer:visited {font-size: 9px; font-weight:normal; color: #c3c2c2; text-decoration: none }
a.footer:hover {
	font-size: 9px;
	font-weight:normal;
	color: #c3c2c2;
	text-decoration: underline;
}







/*  event roll overs
     ********************************************************/
	 
	 
#desc {
	padding: 10px;
	width: 173px;
	background-color: #202020;
	color: #FFF;
	line-height: 13px;
	letter-spacing: 0.01em;
}

#desc h3{
	color: #FBC424;
	line-height: 13px;
	letter-spacing: 0.01em;
}

#desc-dwnsw-h {
	position:absolute;
	left:625px;
	top:355px;
	width:200px;
	z-index:1;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	visibility: hidden;
}

#desc-dwvic-h {
	position:absolute;
	left:625px;
	top:445px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-as-h {
	position:absolute;
	left:625px;
	top:523px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-24-h {
	position:absolute;
	left:625px;
	top:610px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-um-h {
	position:absolute;
	left:625px;
	top:670px;
	width:200px;
	z-index:1;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	visibility: hidden;
}

#desc-ku-h {
	position:absolute;
	left:625px;
	top:725px;
	width:200px;
	z-index:1;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	visibility: hidden;
}

#desc-tbc-h {
	position:absolute;
	left:625px;
	top:805px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-mr-h {
	position:absolute;
	left:625px;
	top:883px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-cc-h {
	position:absolute;
	left:625px;
	top:960px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-gnm-h {
	position:absolute;
	left:625px;
	top:1025px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-gac-h {
	position:absolute;
	left:625px;
	top:1065px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-ap-h {
	position:absolute;
	left:625px;
	top:1135px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}


#desc-dwnsw {
	position:absolute;
	left:625px;
	top:145px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-dwvic {
	position:absolute;
	left:625px;
	top:235px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-as {
	position:absolute;
	left:625px;
	top:313px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-24 {
	position:absolute;
	left:625px;
	top:400px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-um {
	position:absolute;
	left:625px;
	top:460px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-ku {
	position:absolute;
	left:625px;
	top:515px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-tbc {
	position:absolute;
	left:625px;
	top:595px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-mr {
	position:absolute;
	left:625px;
	top:673px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-cc {
	position:absolute;
	left:625px;
	top:750px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-gnm {
	position:absolute;
	left:625px;
	top:815px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-gac {
	position:absolute;
	left:625px;
	top:855px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#desc-ap {
	position:absolute;
	left:625px;
	top:925px;
	width:200px;
	z-index:1;
	visibility: hidden;
	background-image: url(../images/box-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
}



/*  Misc
     ********************************************************/

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.tfblink {
	float:left;
	margin:0;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#calendar td{
	padding-top: 5px;
	padding-bottom: 5px;
}
#proforma td{
	padding-top: 5px;
	padding-bottom: 5px;
}
#form-table td{
	padding-top: 5px;
	padding-bottom: 5px;
}
.linkarrow {
    vertical-align:middle;
}
.star {color:#ff0000}
.event-buffer {
	padding-bottom: 12px;
}
.table-data td {
    background-color:#E2E2E2;
    border-bottom:1px solid #FFFFFF;
    margin:0;
    padding:5px;
}
.table-data th {
    background-color:#FFFFFF;
    border:2px solid #E2E2E2;
    margin:0;
    padding:5px;
    color:#b5121b;
}
.align-down {
	vertical-align: top;
}
.margin-top {
	margin-top: 20px;
}

