@charset "utf-8";


body  {
	font-size:0.75em;
	font-family:Arial, Helvetica, Verdana, Tahoma, sans-serif;
	background-color:#DFDFE0;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #5c6c78;
}

a, a:link {
	text-decoration: underline;	
}
a:hover {
	text-decoration: none;
}
a:active, a:focus {
	color: #a6ce3a;
}

#logo a {color:#372883;text-decoration: none;}
#logo a:hover {text-decoration: underline;}


p {
	margin-top:3px;
}

h1 {
	font-size:1.3em;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}

h2 {
	font-size:1.2em;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}
h3 {
	font-size:1.1em;
	padding:0px;
	margin:0px;
	margin-bottom:6px;
}
h3 span {
	color:#f37c18;
}
h3 a {
	text-decoration:none;
}
h4 {
	padding:0px;
	margin:0px;
	margin-bottom:6px;
}

form {
	padding:0px;
	margin:0px;
}

img {
	border-width:0px;
}

/* ***** General Styles START ******* */
form .l {
	float:left;
	width:60px;	
}
form .r {
	float:left;
	width:120px;
}

.frmbox {
	padding:6px;
	background-color:#efefef;
	border:solid 0px #cfcfcf;
	width:700px;
	margin-bottom:6px;
}
.frmlabel {
	font-weight:bold;
	float:left;
	width:120px;
}
form label {
	line-height:0.9em;
}
.frmvalue {
	width:500px;
	margin-left:140px;
	border:solid 0px #cfcfcf;
	text-align:left;
}
.subcontainer {
	padding-bottom:10px;
	padding-top:2px;
}


input.txtsmall {
	width:40px;
}

input.butorange {
	background:transparent url('images/butbg.gif') repeat-x top left;		
	/*font-family:'Arial Narrow';*/
	font-weight:bold;
	font-size:0.9em;
	color:#ffffff;
	border:solid 1px #f37c18;
	padding:3px;
}

#caloriecalc .clear {
	height:6px;	
}
#calcresult {
	font-weight:bold;
	padding:0px;
	margin:6px 0px;
	text-align:center;
	font-size:1.2em;
	color:#f37c18;
}

.iconemail, .iconphone {
	display:inline-block;
	padding-left:18px;
	margin:2px 0px;
}
.iconemail {background:transparent url('images/icon_email.gif') no-repeat top left;}
.iconweb {background:transparent url('images/icon_web.gif') no-repeat top left;}
.iconphone {background:transparent url('images/icon_phone.gif') no-repeat top left;}

.success, .failure, .warning {
	padding-left:22px;
	font-weight:bold;
	display:inline-block;
	margin:4px 0px;   
	padding-bottom:3px;
	padding-top:3px;
}
.success {
	background:#FFFFFF url('images/icon_yes.gif') no-repeat top left;
 	color:#00bb11;
}
.failure {
    background:#FFFFFF url('images/icon_no.gif') no-repeat top left;
    color:#ff3300;
}
.warning {
    background:#FFFFFF url('images/icon_warning.gif') no-repeat top left;
    color:#ef1100;
    padding-left:23px;
}

.note {
	color:#555;
	font-size:0.9em;
}


p.dotted {
	border-bottom:dotted 1px #F8A102;
}

/* ***** General Styles END ******* */



/* ******* MAIN LAYOUT START ******* */
#container { 
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin:0px auto; /* the auto margins (in conjunction with a width) center the page */
	border:0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header #logo { 
	background:#ffffff url('../images/logo.png') no-repeat center left;	
	height:112px;
	margin-top:10px;
} 
#header #logo div { 
	float:right;
	color:#000000;
	font-weight:bold;
	font-size:1.1em;
	/*font-family:'Verdana';*/
	padding-top:32px;
	padding-right:26px;
}
#header #logo div span { 
	font-size:1.3em;
	color:#F8A102;
}

#header #nav-menu {
	background:transparent url('images/header_navbg.gif') no-repeat top left;	
	height:45px;
	margin-top:10px;
}
#header #nav-menu ul {
	list-style: none;
	padding:0;
	margin:0;
	margin-left:20px;
} 
#header #nav-menu li {
	float: left;	
	padding:0px 7px;
	margin-top:14px;
	border-right:1px solid #9ba1a6;	
}

#header #nav-menu li a {
	background: url(background.gif) #fff bottom left repeat-x;
	/*height: 2em;
	line-height: 2em;*/
	padding:0px 4px;
	float: left;	
	display: block;	
	color: #000000;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	text-align: center;	
}
#header #nav-menu li a:hover {
	background-color:#F8A102;
	color:#ffffff;
}
#header #nav-menu li a.sel {
	background-color:#F8A102;
	color:#ffffff;
}
#header #nav-menu ul.loggedin {
	float:right;
	display:inline-block;
}
#header #nav-menu ul.loggedin li {
	float:right;
	border:0px solid #9ba1a6;		
}
#header #nav-menu ul.loggedin li a {	
	padding:0px;
	margin-right:8px;
	float: none;	
	display: inline-block;	
	font-size:1.2em;
}

#body {
	margin-top:10px;
}

.bodytop {
	background:transparent url('images/boxbig_top.gif') no-repeat top left;	
	height:8px;
	line-height:0;
	font-size:0px;	
}

.content {
	background:#ffffff url('images/960bgNA.gif') repeat-y top left;	
}
.bodybottom {
	background:transparent url('images/boxbig_bottom.gif') no-repeat top left;	
	height:8px;
	margin-bottom:12px;
}

#body .content #banner { /* Banner is 8 columns across using 20 pixel gaps based on a 12 column, 20 pixel gap/gutter */
	height:174px;	
	background:#ffffff url('images/banner_survey.png') no-repeat top left;	
	margin-bottom:20px;
	float:left;	
}
#body .content #colright {
	float:right;
	background:transparent url('images/boaxbig_bottom.gif') no-repeat top left;	
}
#body .content #colleft {
	float:left;
	margin-left:7px;
	background:transparent url('images/aboaxbig_bottom.gif') no-repeat top left;	
}
html>body #body .content #colleft {
	margin:0px 10px;
}

#body .content #colmain {
	float:left;
	background:transparent url('images/aboaxbig_bottom.gif') no-repeat top left;	
}

#bodyfooter .content {
	text-align:right;
	padding:0px 10px;
	border:solid 0px #999999;
}
#bodyfooter .content img {
	margin:0px 20px;
}
#bodyfooter .content span {
	display:inline-block;
	vertical-align:top;
	padding-top:25px;
	padding-left:25px;
	float:left;
}
/* ******* MAIN LAYOUT END ******* */


/* ******* Box Styles START ****** */
.top, .bottom {
	height:8px;
	line-height:0;
	font-size:0px;
	border:solid 0px #aaaaaa;
}
.body {
	border-width:1px;
	border-left-style:solid;
	border-right-style:solid;
	color:#63727e;
}
.body .inner {	
	padding:2px 10px;
}

.body .inner ul {	
	/*list-style: none;*/
	padding:3px;
	margin:0px 12px;
}

.body .inner li {	
	padding-bottom:4px;	
}
/* Blues boxes with bg */
.box_3 .body .inner, .box_4 .body .inner, .box_5 .body .inner, .box_6 .body .inner, .box_9 .body .inner {
	background:transparent url('images/box_bg.gif') repeat-x top left;
}
.box_3 .body, .box_4 .body, .box_5 .body, .box_6 .body, .box_9 .body {
	border-color:#cdd2d7;
}
.box_3 .top {background:transparent url('images/box3_header_gry_bg.gif') no-repeat top left;}
.box_3 .bottom {margin-bottom:20px;background:transparent url('images/box3_footer_gry.gif') no-repeat top left;}
.box_4 .top {background:transparent url('images/box4_header_gry_bg.gif') no-repeat top left;}
.box_4 .bottom {margin-bottom:20px;background:transparent url('images/box4_footer_gry.gif') no-repeat top left;}
.box_5 .top {background:transparent url('images/box5_header_gry_bg.gif') no-repeat top left;}
.box_5 .bottom {margin-bottom:20px;background:transparent url('images/box5_footer_gry.gif') no-repeat top left;}
.box_6 .top {background:transparent url('images/box6_header_gry_bg.gif') no-repeat top left;}
.box_6 .bottom {margin-bottom:20px;background:transparent url('images/box6_footer_gry.gif') no-repeat top left;}
.box_9 .top {background:transparent url('images/box9_header_gry_bg.gif') no-repeat top left;}
.box_9 .bottom {margin-bottom:20px;background:transparent url('images/box9_footer_gry.gif') no-repeat top left;}

/* Blues boxes with no bg */
.box_3nobg .body .inner, .box_4nobg .body .inner, .box_5nobg .body .inner, .box_6nobg .body .inner, .box_9nobg .body .inner {
	background:none;
}
.box_3nobg .body, .box_4nobg .body, .box_5nobg .body, .box_6nobg .body, .box_9nobg .body {
	border-color:#cdd2d7;
}
.box_3nobg .top {background:transparent url('images/box3_header_gry.gif') no-repeat top left;}
.box_3nobg .bottom {margin-bottom:20px;background:transparent url('images/box3_footer_gry.gif') no-repeat top left;}
.box_4nobg .top {background:transparent url('images/box4_header_gry.gif') no-repeat top left;}
.box_4nobg .bottom {margin-bottom:20px;background:transparent url('images/box4_footer_gry.gif') no-repeat top left;}
.box_5nobg .top {background:transparent url('images/box5_header_gry.gif') no-repeat top left;}
.box_5nobg .bottom {margin-bottom:20px;background:transparent url('images/box5_footer_gry.gif') no-repeat top left;}
.box_6nobg .top {background:transparent url('images/box6_header_gry.gif') no-repeat top left;}
.box_6nobg .bottom {margin-bottom:20px;background:transparent url('images/box6_footer_gry.gif') no-repeat top left;}
.box_9nobg .top {background:transparent url('images/box9_header_gry.gif') no-repeat top left;}
.box_9nobg .bottom {margin-bottom:20px;background:transparent url('images/box9_footer_gry.gif') no-repeat top left;}



.box_3orange .body h2, .box_4orange .body h2, .box_5orange .body h2, .box_6orange .body h2, .box_9orange .body h2, .box_3orangenobg .body h2, .box_4orangenobg .body h2, .box_5orangenobg .body h2, .box_6orangenobg .body h2, .box_9orangenobg .body h2 {
	/*color:#F8A102;*/
}
.box_3orange .body h1, .box_4orange .body h1, .box_5orange .body h1, .box_6orange .body h1, .box_9orange .body h1, .box_3orangenobg .body h1, .box_4orangenobg .body h1, .box_5orangenobg .body h1, .box_6orangenobg .body h1, .box_9orangenobg .body h1 {
	/*color:#F8A102;*/
}

/* Orange boxes with bg */
.box_3orange .body .inner, .box_4orange .body .inner, .box_5orange .body .inner, .box_6orange .body .inner, .box_9orange .body .inner {
	background:transparent url('images/boxorange_bg.gif') repeat-x top left;
}
.box_3orange .body, .box_4orange .body, .box_5orange .body, .box_6orange .body, .box_9orange .body {
	border-color:#F8A102;
}
.box_3orange .top {background:transparent url('images/box3_header_org_bg.gif') no-repeat top left;}
.box_3orange .bottom {margin-bottom:20px;background:transparent url('images/box3_footer_org.gif') no-repeat top left;}
.box_4orange .top {background:transparent url('images/box4_header_org_bg.gif') no-repeat top left;}
.box_4orange .bottom {margin-bottom:20px;background:transparent url('images/box4_footer_org.gif') no-repeat top left;}
.box_5orange .top {background:transparent url('images/box5_header_org_bg.gif') no-repeat top left;}
.box_5orange .bottom {margin-bottom:20px;background:transparent url('images/box5_footer_org.gif') no-repeat top left;}
.box_6orange .top {background:transparent url('images/box6_header_org_bg.gif') no-repeat top left;}
.box_6orange .bottom {margin-bottom:20px;background:transparent url('images/box6_footer_org.gif') no-repeat top left;}
.box_9orange .top {background:transparent url('images/box9_header_org_bg.gif') no-repeat top left;}
.box_9orange .bottom {margin-bottom:20px;background:transparent url('images/box9_footer_org.gif') no-repeat top left;}

/* Orange boxes with no bg */
.box_3orangenobg .body .inner, .box_4orangenobg .body .inner, .box_5orangenobg .body .inner, .box_6orangenobg .body .inner, .box_9orangenobg .body .inner {
	background-image:none;
}
.box_3orangenobg .body, .box_4orangenobg .body, .box_5orangenobg .body, .box_6orangenobg .body, .box_9orangenobg .body {
	border-color:#F8A102;
}
.box_3orangenobg .top {background:transparent url('images/box3_header_org.gif') no-repeat top left;}
.box_3orangenobg .bottom {margin-bottom:20px;background:transparent url('images/box3_footer_org.gif') no-repeat top left;}
.box_4orangenobg .top {background:transparent url('images/box4_header_org.gif') no-repeat top left;}
.box_4orangenobg .bottom {margin-bottom:20px;background:transparent url('images/box4_footer_org.gif') no-repeat top left;}
.box_5orangenobg .top {background:transparent url('images/box5_header_org.gif') no-repeat top left;}
.box_5orangenobg .bottom {margin-bottom:20px;background:transparent url('images/box5_footer_org.gif') no-repeat top left;}
.box_6orangenobg .top {background:transparent url('images/box6_header_org.gif') no-repeat top left;}
.box_6orangenobg .bottom {margin-bottom:20px;background:transparent url('images/box6_footer_org.gif') no-repeat top left;}
.box_9orangenobg .top {background:transparent url('images/box9_header_org.gif') no-repeat top left;}
.box_9orangenobg .bottom {margin-bottom:20px;background:transparent url('images/box9_footer_org.gif') no-repeat top left;}



/* ******* Box Styles END ****** */

/* ******* Submenu Styles START ****** */
ul#submenu {
	list-style:none;
	padding:0;
	margin:0;
} 
ul#submenu li {
	margin-top:5px;
}

ul#submenu li a {	
	background:transparent url('images/subnav-bg.gif') repeat-x top left;
	height:19px;
	padding:8px 10px;
	display: block;	
	color: #ffffff;
	font-size:1.1em;
	font-weight:bold;
	text-decoration: none;
	text-align:left;	
}
ul#submenu li a:hover {
	color:#333333;
	text-decoration:underline;
}
ul#submenu li a.sel {
	background:transparent url('images/subnav-bg-sel.gif') repeat-x top left;
}
ul#submenu li.first {
	margin-top:0px;
}
/* ******* Submenu Styles END ****** */

.member {
	margin-bottom:3px;
	padding-bottom:3px;
	border-bottom:dotted 1px #5c6c78;
}

.totalregistered {
	border-bottom:dotted 1px #f37c18;
	margin-top:12px;
	margin-bottom:12px;
	padding-bottom:3px;
}

.totalregistered span {
	font-weight:bold;
	color:#f37c18;
	font-size:1.2em;
}


.totalregistered div {
	width:40px;
	height:35px;
	display:inline-block;
	float:left;
	background:transparent url('images/icon_bike.png') no-repeat top left;		
}
.namehighlight {
	font-weight:bold;
}

#contactbox h2 {
	background:transparent url('images/icon_contact.png') no-repeat top right;		
	padding-bottom:6px;
}
#registerbox h2 {
	background:transparent url('images/icon_pen.png') no-repeat top right;		
	padding-bottom:6px;
}
#registerbox input {
	display:block;
	margin-top:9px;
}

.socnetworks {
	float:right;
	border:solid 0px #000;
	margin-top:7px;
	margin-right:4px;
}
#header #nav-menu ul.socnetworks {
	float:right;
	margin-right:10px;
	margin-left:0px;
}

#header #nav-menu ul.socnetworks li {
	border-width:0px;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:0px;	
}
#header #nav-menu ul.socnetworks li a:hover {
	background-color:#efefef;
}


a.excel {
	background:transparent url('images/icon_xls.gif') no-repeat top left;			
	display:block;
	padding-left:32px;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:12px;
}

.tabreg {
	background-color:#DFDFE0;
}
.tabreg td {
	background-color:#fff;	
	vertical-align:top;
	text-align:center;
}

.tabreg td.head {
	text-align:left;
}

.bar {	
}

.qwrapper {
	margin-top:11px;
}

.qwrapper h4 {
	afloat:left;
}

.clear {
	clear:both;
	width:100%;
	height:0%;line-height:0;
}