@charset "UTF-8";
@import url(reset.css);

body { background: url(/images/new/bg.gif) 0 0 repeat-x, url(/images/new/main_bg.gif) 0 0 repeat; color: #646464; font-family: Arial, Helvetica, sans-serif;}
p { font-size: 15px; padding-bottom: 14px;}
h1 { font-size: 22px; font-weight: bold;}
h2 { color: #333333; font-size: 16px; font-weight: bold; margin-bottom: 10px;}
h3 { font-size: 16px; color: #000; font-weight: bold; padding-bottom: 10px;}

a { font-size: 14px;  color: #0067b5;}
.indexbtm_left a, .indexbtm_right a { color: #008ad0;}
a.bold { font-weight: bold;}

.hidden { overflow: hidden;}
.left { float: left;}
.right{ float: right;}
.clear { clear: both;}

.fs13 { font-size: 13px;}
.fs14 { font-size: 14px;}
.fs16 { font-size: 16px;}

#wrapper { width: 992px; margin: 0 auto; background: url(/images/new/con_bg.png) 0 0 repeat-y;}
#main { padding: 0 6px; position: relative;}

.content { width: 940px; padding: 0 20px 30px 20px; overflow: hidden; }
.in_con {border-top: 1px solid #dcdcdc; margin-top: 10px; padding-top: 20px; overflow: hidden;}

form input, form select, form select option, form textarea { color: #696969; padding: 1px; font-size: 13px; font-family: Arial, Helvetica, sans-serif;}
form input.submit { color: #333333; font-size: 15px;}

#emailverify { display: none; }


/*==============================================================

	Header

==============================================================*/
h1#logo, p#logo {position: absolute; top: 0; left: 20px; z-index: 999;}
h1#logo { width: 320px; height: 145px;}
p#logo { width: 250px; height: 121px;}

#header { overflow: hidden; width: 980px; position: relative; height: 120px; padding-top: 9px;}

	#header p.phone { position: absolute; right: 190px; font-size: 16px;}
	#header p.phone strong { font-weight:bold; font-size: 22px;}
		
	#header a.email_form { position: absolute; right: 30px; background: url(/images/new/contact_btn.gif) 0 0 no-repeat; display: block; height:0; overflow: hidden; padding-top: 30px; width: 151px;}
	#header a.email_form:hover{ background-position: 0 -30px;}

/* Main Menu */
#header .nav { position: absolute; top: 44px; right:20px; background: url(/images/new/nav_bg.gif) 0 0 no-repeat; width: 730px; height: 67px;}
#header .nav_inner { background-image: url(/images/new/nav-in_bg.gif); width: 775px;}


#header .nav ul { overflow: hidden; padding-left: 125px;}
#header .nav ul li { float: left;}

#header .nav ul li.about a { background: url(/images/new/nav.gif) 0 0 no-repeat; display: block; height:0; overflow: hidden; padding-top: 67px; width: 120px;}
#header .nav ul li.classes a { background: url(/images/new/nav.gif) -120px 0 no-repeat; display: block; height:0; overflow: hidden; padding-top: 67px; width: 120px;}
#header .nav ul li.gallery a { background: url(/images/new/nav.gif) -240px 0 no-repeat; display: block; height:0; overflow: hidden; padding-top: 67px; width: 120px;}
#header .nav ul li.safety a { background: url(/images/new/nav.gif) -360px 0 no-repeat; display: block; height:0; overflow: hidden; padding-top: 67px; width: 120px;}
#header .nav ul li.contact a { background: url(/images/new/nav.gif) -480px 0 no-repeat; display: block; height:0; overflow: hidden; padding-top: 67px; width: 120px;}
	
	/* Contact us for the inner pages */
	#header .nav_inner ul li.contact a { background: url(/images/new/nav.gif) -480px -134px no-repeat; display: block; height:0; overflow: hidden; padding-top: 67px; width: 120px;}

	#header .nav ul li.about a:hover { background-position: 0 -67px;}
	#header .nav ul li.classes a:hover { background-position: -120px -67px;}
	#header .nav ul li.gallery a:hover { background-position: -240px -67px;}
	#header .nav ul li.safety a:hover { background-position: -360px -67px;}
	#header .nav ul li.contact a:hover { background-position: -480px -67px;}
	/* Contact us for the inner pages */
	#header .nav_inner ul li.contact a:hover { background-position: -480px -201px;}

	#header .nav ul li.about a.nav-btn-on { background-position: 0 -268px;}
	#header .nav ul li.classes a.nav-btn-on { background-position: -120px -268px;}
	#header .nav ul li.gallery a.nav-btn-on { background-position: -240px -268px;}
	#header .nav ul li.safety a.nav-btn-on { background-position: -360px -268px;}
	#header .nav ul li.contact a.nav-btn-on { background-position: -480px -268px; width: 170px;}


/*==============================================================

	Index Page

==============================================================*/
.index_left { float: left; width: 570px;}
.index_right { float: left; padding-left: 20px; width: 350px; padding-top: 4px;}
	.index_right h2 { background: url(/images/new/real_advice.gif) 0 0 no-repeat; height:0; overflow: hidden; padding-top: 20px; width: 320px; margin-bottom: 14px;}
	.index_right p { line-height: 140%;}

.indexbtm_left { float: left; width: 430px; padding: 30px 20px 0 0;}
	.indexbtm_left h2  { background: url(/images/new/get_more.gif) 0 0 no-repeat; height:0; overflow: hidden; padding-top: 19px; width: 367px; margin-bottom: 14px;}
	.indexbtm_left div.gallery { padding: 0 15px 10px 0; float: left;}


.indexbtm { margin-top: -18px;}
.indexbtm_right { float: left; width: 490px; padding-top: 5px;}
	.indexbtm_right h2 { background: url(/images/new/upcoming_classes.gif) 0 0 no-repeat; height:0; overflow: hidden; padding-top: 35px; width: 281px; margin-left: 140px; margin-bottom: 0;}
	.classes_box { border: 5px solid #d6d6d6; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 5px 10px 20px 10px;}
	.classes_box table { margin-bottom: 10px;}
	.classes_box table th, .classes_box table td { border-bottom: 1px solid #eaeaea; padding: 8px 6px;}
	.classes_box table th { font-size: 12px; font-weight:normal; color: #666666;}
	.classes_box table td { font-size: 14px; color: #333333;}
	

/*==============================================================

	About Section

==============================================================*/
/* Left panel */
#left_panel{float:left; padding-right:20px; width:180px;}

#left-nav{background:url('/images/new/bg_left_nav.jpg') repeat-y; padding-top: 10px;}
#left-nav ul li{ background:url('/images/new/bg_left_nav_item.jpg') 0 0 no-repeat; height: 36px; font-size:13px;}
#left-nav ul li.list_top{border-top:1px solid #DCDCDC;}
#left-nav ul li.l-nav-on{background-image:url('/images/new/bg_left_nav_on.jpg');}
#left-nav ul li.isParent{padding-bottom:5px; }
#left-nav ul li a{padding:10px 0px 9px 6px; text-decoration:none; color:#666; width:174px; font-weight:bold; display:inline-block;}
#left-nav ul li.l-nav-on a{color:#0067b5; }

#left-nav-btm { width: 180px; height: 20px; background:url('/images/new/bg_left_nav_btm.jpg') 0 0 repeat-y;}
 
/* Main contents */
#main_con { float: left; width: 740px; overflow: hidden;}
#main_con, #left_panel { padding-top: 10px;}

#main_con h1 { margin-bottom: 10px;}
#main_con p { line-height: 140%;}
p.cat { font-size: 12px;}
a.backlink { background:url('/images/new/arrow_back.gif') 0 0 no-repeat; display: block; margin-bottom: 10px; padding-left: 24px;}
a.backlink_toagency { background-position: 8px 0;}

.col1-1 { width: 530px; padding-right: 20px; float: left;}
.col1-2 { width: 190px; padding-top: 10px; float: left;}

	.col1-1 a {font-size: 15px;}
	.col1-1 ul { padding-bottom: 10px;}
	.col1-1 ul li { line-height: 160%; font-size: 15px;}
	
	.col1-2 h2 { font-size: 18px;}
	

.col2-1 { width: 126px; text-align: center; float: left;}
.col2-2 { width: 374px; padding-right: 20px; float: left;}
.col2-3 { width: 220px; float: left;}

	.col2-2 h2, .col2-3 h2 { font-size: 18px; color: #646464;}
	.col2-2 h3 { color: #646464;}
	.col2-2 p { font-size: 14px;}
	.col2-2 ul li { line-height: 140%; font-size: 14px;}
	

.col3-1 { width: 480px; padding-right: 20px; float: left;}
.col3-2 { width: 220px; float: left;}

	.col3-1 h3 { color: #646464; padding-bottom: 0;}
	.col3-1 p, .col3-1 ul { font-size: 16px;}
	.col3-1 img { margin: 0 20px 10px 0;}
	.col3-1 ul { padding-top: 10px;}
	.col3-1 ul li { line-height: 140%;}
	
.fs15 p { font-size: 15px;}

/* Titles */
h1#faq { background: url(/images/new/about/frequently_asked_questions.gif) 0 0 no-repeat; height:0; overflow: hidden; padding-top: 24px; width: 316px;}
h1#agencies { background: url(/images/new/about/host_agencies.gif) 0 0 no-repeat; height:0; overflow: hidden; padding-top: 24px; width: 316px;}
h1#coordinators { background: url(/images/new/about/regional_coordinators.gif) 0 0 no-repeat; height:0; overflow: hidden; padding-top: 24px; width: 242px;}
h1#history { background: url(/images/new/about/history.gif) 0 0 no-repeat; height:0; overflow: hidden; padding-top: 24px; width: 82px;}
h1#agenda { background: url(/images/new/about/class_agenda.gif) 0 0 no-repeat; height:0; overflow: hidden; padding-top: 24px; width: 149px;}
h1#requirements { background: url(/images/new/about/class_requirements.gif) 0 0 no-repeat; height:0; overflow: hidden; padding-top: 24px; width: 221px;}

/* Agencies */
#main_con .col3-1 p, #main_con .col3-2 p{ line-height: normal;}
.col3-1 .coordinator { padding-top: 20px; overflow: hidden;}
.col3-1 .coordinator img { border: 1px solid #9d9d9d;}
.col3-1 .coordinator p { padding-bottom: 4px; font-weight: bold;}
.col3-1 .coordinator a { font-size: 16px;}
.col3-1 .coordinator ul { float: left; padding-right: 20px;}


/* History */
ul.history_list li { padding-bottom: 20px; text-align: center;}

/* Class Agenda and Class Requirements */
ul.class_list { list-style: disc; padding: 0 0 0 15px; font-size: 15px;}
ul.class_list li { padding-bottom: 10px;}
ul.class_list li strong { font-weight: bold;}
ul.class_list li ul.class_list_in li { padding-bottom: 0;}

p.note { font-size: 16px; color: #333333; font-weight: bold;}


/*==============================================================

	Gallery, Instructors List, and Calendar

==============================================================*/
/* Gallery on the right side */
.gallery_box { padding-bottom: 20px; width: 220px;}
.gallery_box a.photos { background: url(/images/new/frame.gif) 0 0 no-repeat; display: block; width: 209px; height: 159px; padding: 1px 0 0 1px; margin-bottom: 10px;}
.gallery_box p { color: #333333; font-size: 16px; font-weight: bold; padding-bottom: 4px;}

/* Instructors List */
.instructors_list dl { line-height: 140%; padding-bottom: 5px;}
.instructors_list dl dt a { font-size: 16px;}
.instructors_list dl dd { font-size: 14px;}

/* Calendar */
.calendar_box { padding-top: 20px;}
.calendar_box h2 { background: url(/images/new/upcoming_classes.gif) 0 0 no-repeat; height:0; overflow: hidden; padding-top: 35px; width: 281px; margin-left: 10px; margin-bottom: 0;}
.calendar_box ul li { float: left; padding-right: 20px;}
.calendar_box a.calendar { background: url(/images/new/calendar.gif) 0 0 no-repeat; padding-left: 25px;}
.calendar_box a.search { background: url(/images/new/search.gif) 0 0 no-repeat; padding-left: 25px;}


/*==============================================================

	Ohter inner pages

==============================================================*/
/* Titles */
h1#classes { background: url(/images/new/classes/upcoming_classes.gif) 0 0 no-repeat; height:0; overflow: hidden; padding-top: 24px; width: 470px; margin-top: 10px;}
h1#gallery { background: url(/images/new/gallery/photo_gallery.gif) 0 0 no-repeat; height:0; overflow: hidden; padding-top: 24px; width: 563px; margin-top: 10px;}
h1#safety { background: url(/images/new/safety/motorcycle_safety.gif) 0 0 no-repeat; height:0; overflow: hidden; padding-top: 24px; width: 254px; margin-top: 10px;}
h1#contact { background: url(/images/new/contact/contact_us.gif) 0 0 no-repeat; height:0; overflow: hidden; padding-top: 24px; width: 337px; margin-top: 10px;}

.col4-1 { width: 650px; float: left; padding-right: 24px; overflow: hidden;}
.col4-2 { width: 266px; float: left;}

	.col4-1 ul li { font-size: 14px;}
	.col4-1 ul li { float: left; padding-right: 15px;}
	.col4-1 ul.pagi { float: left; padding-left: 10px;}
	.col4-1 ul.pagi li.prev a { background: url(/images/new/arrow_back.gif) 0 0 no-repeat; padding-left: 20px;}
	.col4-1 ul.pagi li.next a { background: url(/images/new/arrow_next.gif) right 0 no-repeat; padding-right: 20px;}

	.col4-1 ul.view li.calendar { background: url(/images/new/calendar.gif) 0 0 no-repeat; padding-left: 20px;}
	.col4-1 ul.view li.list { background: url(/images/new/list.gif) 0 0 no-repeat; padding-left: 20px;}

.col5-1 { width: 630px; float: left; padding-right: 30px;}
.col5-2 { width: 280px; float: left;}

	.col5-1 h1 { color: #333333; padding-top: 10px;}

.col6 { padding-top: 10px;}

.col7-1 { width: 690px; float: left;}
.col7-2 { width: 250px; float: left;}

	.col7-2 h2 { font-size: 18px;}

.col8-1 { width: 730px; float: left; padding-right: 20px;}
.col8-2 { width: 190px; float: left;}

	.col8-2 h2 { font-size: 18px;}

/* Upcoming Classes */
	/* Class Calendar */
	.co4-1_in table.class-calendar { font-size: 12px; border-bottom: 1px solid #dcdcdc;}
	.co4-1_in table.class-calendar th { text-align: center; width: 70px; padding: 10px; font-size: 14px;}
	.co4-1_in table.class-calendar td { background-color: #f0f0f0; padding: 5px; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; height: 90px;}
	.co4-1_in table.class-calendar td h5 { text-align: right; font-size: 13px;}
	.co4-1_in table.class-calendar td.events { background-color: #ffffff; }
	.co4-1_in table.class-calendar a { font-size: 12px;}
	.br1 { border-right: 1px solid #dcdcdc;}
	
	/* Class List */
	.co4-1_in table.class-list { margin-bottom: 10px;}
	.co4-1_in table.class-list th, .co4-1_in table.class-list td { border-bottom: 1px solid #eaeaea; padding: 8px 7px;}
	.co4-1_in table.class-list th { font-size: 12px; font-weight:normal; color: #666666;}
	.co4-1_in table.class-list td { font-size: 14px; color: #333333;}
	
	/* Search Events */
	.col4-2 h2 { font-size: 18px;}
	.col4-2 form input, .col1-2 form select, .col1-2 form select option { color: #696969; padding: 1px; font-size: 13px;}
	.col4-2 form input.submit { color: #333333; font-size: 15px;}
	.col4-2 h3 { font-size: 14px; padding-top: 20px;}

	/* Event details */
	ul.event_info { padding: 10px 0;}
	ul.event_info li { padding-bottom: 8px;}
	ul.event_info li a { font-size: 16px;}
	ul.event_info li strong { font-weight: bold;}
	
	a#register { background: url(/images/new/register_now.gif) 0 0 no-repeat; display: block; height:0; overflow: hidden; padding-top: 34px; width: 154px;}

	.col5-1 dl { padding: 10px 0;}
	.col5-1 dt { font-weight: bold; font-size: 16px; padding-bottom: 10px;}
	.col5-1 dd { font-size: 14px;}
	.col5-1 dd ul { list-style: disc; padding-left: 15px;}
	.col5-1 dd ul li { padding-bottom: 5px; line-height: 160%;}
	.col5-1 dd ul li strong { font-weight: bold;}
	
	.agency_info { overflow: hidden; padding-bottom: 20px;}
	.agency_info a { float: left; padding: 30px 0 0 20px;}
	
	.col5-2 .instructors_list h2 { color: #646464;}
	
	/* Registration */
	.col6 h1 { color: #333333; padding-bottom: 10px;}
	.col6 p { font-size: 16px;}
	.spanbox span { float: left; padding: 0 20px 10px 0;}
	.col6 h2 { font-size: 20px; float: left;}

	.required { color: #cc0000; padding: 0 0 0 20px; float: left; line-height: 160%;}
	
	.form-box {border-top: 1px solid #dcdcdc; padding-top: 20px; clear: both;}
	.form-box p { font-size: 14px;}
	.form-box form p input, .form-box form p select { margin-right: 10px; vertical-align: middle;}
	.form-box form p input, .form-box form p select option, .form-box form p textarea { font-size: 14px;}
		p.float-p { float: left; padding-right: 10px; line-height: 160%;}
		
	.form-box form p textarea { width: 500px; height: 80px;}
	.form-box h2 { font-size: 16px;}
	.waiver-box { overflow: auto; width: 940px; height: 200px; margin-bottom: 10px;}
	p.assume { font-size: 16px; background: url(/images/new/assume_icon.gif) top left no-repeat; padding-left: 16px;}

/** Gallery **/
.col7-box { overflow: hidden; clear: both; width: 690px;}
.col7-box .gallery_box { float: left; margin-right: 10px;}

.photo_info { padding-bottom: 14px; overflow: hidden;}
.photo_info input{ float: left;}
a.pick_date { background: url(/images/new/pick_date.gif) 0 0 no-repeat; height:0; display: block; overflow: hidden; padding-top: 15px; width: 16px; float: left; margin: 3px 5px 0 5px;}

/**Contact us**/
.contact-form .c-required { color: #990000; font-size: 14px; padding: 0;}
.contact-form table { margin-top: 10px;}
.contact-form table th, .contact-form table td { padding: 5px;}
.contact-form table th { vertical-align: top;}
	

/*==============================================================

	Footer

==============================================================*/
#footer { background: url(/images/new/footer_bg.png) 0 0  repeat-y; padding: 25px 20px; position: relative; overflow: hidden; min-height: 300px; height: auto;}
/* for Internet Explorer */
/*\*/
* html #footer { height: 300px;}

	#footer_left { float: left;}
		/* Footer Menu */
		#footer_left ul { overflow: hidden; }
		#footer_left ul.footer_menu li { float: left; margin-right: -1px; padding-bottom: 20px;}
		#footer_left ul.footer_menu li a { color: #fff; font-size: 13px; text-decoration: none; padding: 0 10px;}
		#footer_left ul.footer_menu li a:hover, #footer_left ul li a.nav-btn-on { color: #cf9705;}
			
			/* Footer Sub Menu */
			#footer_left ul li.about { background: url(/images/new/arrow.gif) bottom center no-repeat;}
			#footer_left ul.footer_submenu { position: absolute; left: 20px; padding-top: 30px; font-size: 12px;}

	#footer p.copyright { font-size: 12px; color: #999999; padding-left: 10px; position: absolute; top: 120px;}

#footer_right { float: right; padding-right:10px ;}
	#footer_right p { color: #fff; font-size: 13px; padding-bottom: 10px;}


p.notes { color: #990000;}