/**********************************************************************************
	Project Name: Bridge Pedal
	Project URL: http://www.providence.org/bridgepedal
	Description: Base CSS - contains HTML resets and core styles
	Date: 16 May, 2008 
	Author: Marketing & Communications (Murray Business Center/Beaverton)
***************************************************************************/
/* CSS RESET
---------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*****************************************************************************************
********************************  BLOCK ELEMENTS  ***************************************
*****************************************************************************************/ 
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color:#75744e;
	background: #eee url(../images/body-bkg.gif) 0 0 repeat;
}  

#wrapper, #logo, #banner, .event-banner, #footer {
	width:788px;
	clear: both;
	display: block;
}
#wrapper{
	margin: 0 auto;
	background: #FFFFFF url(../images/wrapper-bkg.gif) repeat-y left;
	text-align: center;
	padding-bottom: 1px;
}
#logo{
	text-align: right;
}

#content, #content-full {
	float: left;
	width: 604px;
	text-align: left;
	margin:0;
	background:#fff;
	color:#4c4c4c;
}
#content-full {
	width:750px; 
	border:none;
}
#sidebar {
	float:right;
	text-align:left;
	width: 110px;
	margin:0 17px 0 0;
	padding-top:5px;
}
#footer {
	width: 780px;
	margin: 0 auto 4px;
	height: 2em;
	background:#056D92; /* blue */ 
	color:#fff;
	padding:10px 0 5px;
	font-size:0.9em;
	text-align:center;
	border-top:15px solid #fff;
}

#popup{
	background-color: #fff;
	padding: 27px;
}
/*****************************************************************************************
********************************  NAVIGATION  ***************************************
*****************************************************************************************/ 
#navigation {
	background:#5ca038; /* green */
	padding:7px 0 5px;
	margin: 1px 4px;
	border-bottom:#fff 20px solid;
}

#navigation ul {
	margin-bottom:5px; 
	padding:2px 0 4px; 
	height: 18px;
}
#navigation li {
	float:left;
}
#navigation li a:link, #navigation li a:active, #navigation li a:visited {
	color:#fff; 
	text-decoration:none;
	display: block;
	margin-left:27px; 
	margin-right: 6px;
	padding-top:4px;
}
#navigation ul li a:hover, #navigation li a:focus, #navigation ul#home .home, #navigation ul#route-maps .route-maps, #navigation ul#registration .registration, #navigation ul#events .events, #navigation ul#beneficiary .beneficiary, #navigation ul#volunteers .volunteers, #navigation ul#faq .faq, #navigation ul#contact .contact  {
	border-top:2px solid #2e680f; 
	padding-top: 2px;
}
/*****************************************************************************************
********************************  TEXT  ***************************************
*****************************************************************************************/ 
h1, h2, h3, h4, h5 {
	margin:0 27px; 
	padding-bottom:5px;
	color:#F38630; /* orange */
	background:#fff;
}

h1{
	margin-top:5px;
	margin-bottom: 11px; 
	font-size:1.6em;
	border-bottom:1px solid #d1d1d1;
}

h2 {
	font-size:1.4em; 
	margin-top:25px; 
}

h3{
	font-size:1.2em; 
	margin-top:5px;
	color: #056D92;
	background:#fff;
}

h4 {
	font-size:1.2em; 
	font-weight:bold;
	margin-bottom:5px;
	color: #666;
	background:#fff;
}

h5{
	font-size: 1.2em;
	font-weight: bold;
}
#sidebar h3 {
	font-size:1.3em; 
	color:#F38630;
	margin:2px 0 0;
	border-bottom:1px solid #d1d1d1;
}

#popup h1, #popup h2, #popup h3{
	padding-left: 0;
	margin-left: 0;
}
#popup h1{
	margin-bottom: 0;
	padding-bottom: 0;
}
#popup h2{
	margin-top: 3px;
	padding-top: 0;
	margin-bottom: 10px;
	color: #666666;
	font-size: 12px;
}
p {
	margin:0 0 7px; 
	line-height:1.4em;
	font-size:1.2em;
	text-align:left;
}

#content p{
	margin: 0 17px 10px 27px;
}

.answer{
	margin: 0 17px 20px 48px;
}

#content .answer p{
	margin-left: 0;
}

.disclaimer{
	font-size: .8em;
	color: #888888;
}
.left {
	float:left;
	margin:0 10px 20px 0;
}
.right {
	float:right;
	margin:0 20px 20px 10px;
}

strong {font-weight:bold;}

#footer a:link, #footer a:visited {
	color:#fff;
}
#footer a:hover { 
	text-decoration:none;
}

/* LINKS */
#content a:link, #content a:active, #content a:visited {
	outline:none;
	color:#056d92; /* turquoise */
}
#content a:hover {/*color:#FF6600; */background:#E0EAEF; /* light blue */}

#content a:hover.image{ background: none;}

#content a.external, #content a:hover.external {
	background:url(../images/external-link.gif) no-repeat right center; 
	padding-right:12px; 
}
#content a:hover.external {color:#FF6600;}

/* FAQ */
#content h5 {
	background: url(../images/open.png) no-repeat 0% 10%;
	padding-left: 18px;
	color:#056D92;
}
#content .answer ul{margin-left:20px;}
#content .answer ul ul {margin-left:5px;}

#content p a.pdf {background:url(../images/logos/adobe-reader.gif) no-repeat; padding-left:20px; height:15px;}
#content p a:hover.pdf {color:#FF6600;}


/* IMAGES (MAPS)*/
img.maps {padding:5px;}
#content a:link img.maps, #content a:visited img.maps {border:1px solid #CCCCCC;}
#content a:hover img.maps  {background:#E0EAEF; /* aqua blue */}

#content a:hover img{
	border: 0;
}

/*****************************************************************************************
********************************  LIST STYLES        ***************************************
*****************************************************************************************/ 
ul, ol {margin-bottom: 12px;font-size:1.2em;}
ul ul {font-size:1em;}
#content ul{
	margin-left: 27px;
}
#content li {
	list-style:none;
	background:url(../images/orange-bullet.gif) no-repeat 0 0.2em; 
	padding-left:17px; margin-right:20px;
	line-height:1.6em;
}

#content-full ul {display:inline; text-align:left;}
#content-full li {
	float: left; 
	width:180px; 
	text-align:left;
}
#content-full li a:link {display:block;}
#content-full li.first {clear:left;}

#popup li{
	line-height:1.6em;
}
/*****************************************************************************************
********************************    BUTTONS      ***************************************
*****************************************************************************************/ 
#content a.register-now {
	display:inline;
	text-align:center; 
	text-transform:uppercase;
	color:#fff; 
	background:#056d92; /* turquoise */
	padding: 8px 20px 10px;
	text-decoration: none;
	height: 20px;
}

#content a.register-now:link, #content a.register-now:active, #content a.register-now:visited { 
	color:#fff;
}
#content a.register-now:hover, #content .register-now a:hover {background:#F57B20; color:#fff;}


/*****************************************************************************************
********************************    FORMS      ***************************************
*****************************************************************************************/ 
form{
	width: 500px;
	margin-left: 27px;
}

#content form p{
	margin-left: 15px;
}

span.required{
	color: #FF0000;
}

#content form p.buttons{
	margin-left: 146px;
}
.btn2{
	background:#056d92;
	color:#fff;
	border:1px solid #fff;
}

.btn2:hover{
	background:#F57B20;
	cursor: pointer;
}

fieldset {margin:0;}	

legend {margin:7px 0 -2px 0; font-size: 1.1em; font-weight: bold;}
label {
	display: block;
	float: left;
	line-height: 1.6;
	margin-right: 10px;
	text-align: right;
	width: 120px;
}

* html label {line-height: 2.5;}

fieldset ol  {margin:7px 0;}
#content fieldset ol li {
	list-style:none;
	background:none;
	margin: 0 0 .75em;
}
	
input, textarea, select{ 
	padding:4px 3px;
	margin-right:3px;
	font: normal 1em/110% Verdana, Lucida Grande, Century Gothic, sans-serif;
	width:250px;
	border: #036383 1px solid;
}	

	/* this removes border around radio and checkboxes */
	input[type="radio"], input[type="checkbox"] {
		margin: 2px 5px 0 0;
		border:none;
	}
	
	input.state {width:1.8em;}
	input.zip {width:3.5em;}
/*****************************************************************************************
********************************  FEEDS  ***************************************
*****************************************************************************************/ 
#content .updates p{
	height: 0;
}

#content .updates li {
	background: none;
	padding-left: 0;
	padding-bottom: 20px;
}



/*****************************************************************************************
********************************  CLEAR FIX rules ***************************************
*****************************************************************************************/ 
	/* for modern browsers */ 
	.promoBox:after, .clearfix:after{
		content: ".";
		clear: both;
		display: block; 
		height: 0;
		visibility: hidden;
		}
	/* for IE7 */ .clearfix, .promoBox { min-width: 0; }
	/* For Win IE less than 7 \*/ * html .clearfix, * html .promoBox { height: 1%; } /**/
	/* For IE-mac \*//*/ .clearfix { display: inline-block; } /* End IE-mac */