body { margin:0 13px 13px 13px; font-family:arial, verdana, sans-serif; font-size:12px; color:#231f20; background:url(../img/design2/background_1000px.gif) top repeat-y; }
body#receipt { background:#ffffff; }

img {border:0;}
td {vertical-align:top;}

h1 { font-size:22px; }
h2 { font-size:20px; }

a { color:#09c;  text-decoration:underline; }
a:hover { color:#000000;  text-decoration:underline;}

.blankLink { color:#333;  text-decoration:underline;}

.clear { clear:both; }

#container { text-align:left; width:960px; margin:0 auto; }
#containerBG { float:left; width:928px; background:transparent url(../img/design2/background_container.gif) top left repeat-y; padding:0 16px 0 16px; }
#home #containerBG { background:transparent; }


/* -------------- HEADER STYLES -------------- */
#header { float:left; background:#fff; width:100%; padding-top:16px; font-weight:bold; }

#header #logoJDRF { float:left; padding:15px 18PX 0 0; width:195px; }
#header #logoRide { float:left; width:525px; }
#header #account { float:left; width:188px; height:92px; background:#ccc url(../img/design2/header_right.gif) right }
#header #account img { padding:10px 10px 0 0; float:right; }
#header #account a { text-decoration:none; padding-bottom:10px; color:#2e2929; font-size:17px; }
#header #account a:hover { text-decoration:underline; }

#topNav { clear:left; float:left; width:100%; height:31px; display:inline; background:#b50042; margin-top:5px; }
#topNav #links ul { list-style:none; padding:0; margin:0; }
#topNav #links ul li { display:inline; float:left; height:31px; border-right:1px solid #fff; }
#topNav #links a { display:block; color:#fff; text-decoration:none; padding:0 10px; line-height:31px; font-size:12px; }
#topNav #links a:hover { text-decoration:none; background:#3e3d40; }

#topNav #social { height:31px; width:200px; float:right; padding-top:10px; vertical-align:middle; font-weight:normal; }
#topNav #social a { display:inline; text-decoration:none; color:#fff; }
#topNav #social a:hover { text-decoration:underline; }
#topNav #social img { vertical-align:middle; margin:-4px 4px 0 25px; }


/* -------------- HOME PAGE -------------- */
#home #content { float:left; width:100%; padding-left:0; }
#home #intro { width:570px; float:left; font-size:14px}
#home #image { width:300px; float:right; padding:15px 0 20px 0; }
#home #box1, #home #box2, #home #box3 { width:300px; height:394px; float:left; }
#home #box2, #home #box3 { margin-left:13px; }


#home #box1 .boxContent, #home #box3 .boxContent, #home #box2 .boxContent { display:inline-block; width:280px; height:140px; padding:10px; color:#fff}
#home #box1 .form, #home #box3 .form, #home #box2 .form { display:inline-block; width:280px; height:35px; text-align:center; }
#home #box1 input, #home #box2 input, #home #box3 input { width:140px; height:35px; font-size:18px; }
#home #box1 h1, #home #box2 h1, #home #box3 h1, #home #box1 h2, #home #box2 h2, #home #box3 h2 { text-align:center; color:#d59d00; font-weight:bold}
#home #box1 { background:#fff url(../img/design2/home_box1.jpg) left no-repeat; }
#home #box2 { background:#fff url(../img/design2/home_box2.jpg) left no-repeat; }
#home #box3 { background:#fff url(../img/design2/home_box3.jpg) left no-repeat; }



/* -------------- SUB CONTENT STYLES -------------- */

#leftColumn { float:left; width:200px; height:100%; margin-left:0; background:#3e3d40; padding-top:30px; }
#leftNav ul { list-style-type:none; margin:0; padding:0 0 0 12px; width:172px; }
#leftNav li { margin:0 0 4px 0; padding:0; }
#leftNav li a { display:block; background:#b50042 url(../img/design2/nav_bg.gif) no-repeat; text-decoration:none; color:#fff; font-size:11px; font-weight:bold; width:162px; height:30px; line-height:30px; padding-left:10px; }
#leftNav li a:hover { background:#fff url(../img/design2/nav_bg_roll.gif) no-repeat; color:#000}

#donate, #register, #where { padding-left:10px; margin-bottom:20px; }

#content { float:left; width:655px; background:#fff; padding:10px 0 0 25px; }

/* -------------- LEADERBOARD STYLES -------------- */
#leaderboard { width:170px; height:201px; padding:34px 0 0 0; margin-left:10px; background:url(../img/design2/leaderboard.gif) no-repeat; }
#leaderboard ul { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; width:170px; }
#leaderboard li { margin:0; padding:4px 0 2px 10px; border-bottom:1px solid #fff; color:#fff; font-size:11px; font-weight:bold; }
#leaderboard li a { text-decoration:none; color:#fff; }
#leaderboard li.moreDetails { margin:0; padding:1px 0 0 10px; color:#fff; font-size:10px; font-weight:bold; font-style:italic; border:none; }
#leaderboard select { margin-left:10px; width:150px; height:18px; font-size:9px; }







/* -------------- FOOTER STYLES -------------- */
#footer { background-color:#b50042; float:left; width:917px; margin:15px 0 0 0; padding:5px 10px 5px 0; color:#fff; font-size:11px; }
#footer .copyright { float:left; padding-left:10px;}
#footer .footerLinks { text-align:right;}
#footer .footerLinks a { color:#fff; text-decoration:none; }
#footer .footerLinks a:hover { text-decoration:underline; }

.alert {
	background:#fff6bf url(../img/design/icon_exclamation.jpg) center no-repeat;
	background-position:15px 50%; /* x-pos y-pos */
	text-align:left;
	padding:5px 0 5px 65px;
	border-top:2px solid #ffd324;
	border-bottom:2px solid #ffd324;
	width:250px;
}


/* hint popup */
.hint {
   	display:none;
    position:absolute;
    width:200px;
    margin-top:-4px;
    margin-left:10px;
    border:1px solid #c93;
    padding:10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background:#ffc url(../img/design/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position:absolute;
    left:-10px;
    top:5px;
    width:10px;
    height:19px;
    background:url(../img/design/pointer.gif) left top no-repeat;
}





.receiptTable { background-color:#FFFFFF; border:1px inset #333333; }
#receipt h3 { margin:0; padding:0 0 10px; font-size:16px; color:#289CC1;  }
#receipt h4 { margin:0; padding:0 0 10px; color:#2D5F7F; font-size:14px; }




#faqs ul {margin:0;}



h4{color:#2D5F7F; font-size:14px;}

.formTable, .formTableW { width:100%;  background:#fff; }
.formTableParticipant {width:100%;  background:#dce6f2;}
.formTableW h3, .formTable h3 { color:#fff; background:#b50042; padding:10px 0 10px 10px; }


.sslTable {width:100%;  background:#efaeae;}


.formTableW .r1 {background:#fff; font-weight:bold;}
.formTableW .r2 {background:#fff; font-weight:bold;}
.formTableW .r3 {background:#fff; font-weight:bold; color:#fff}



.r1 {background:#ffffff; font-weight:bold;}
.r2 {background:#ffffff; font-weight:bold;}
.r3 {background:#B50042; font-weight:bold; color:#fff}


#events .r1 td, #events .r2 td, #events .r3 { background:#fff; border-left:1px solid #414042; border-top:1px solid #414042; }
#events .r1 td:last-child, #events .r2 td:last-child { border-right:1px solid #414042; }
#events tr:last-child td .r1, #events tr:last-child td .r2 { border-bottom:1px solid #414042; }
#events .r3 { background:#62bb46; }

.t1 { width:150px; }
.t2 {font-weight:normal;}

/* Alternative color styling for columns rather then rows

.t1 {background:#F3F9FB; font-weight:bold;}
.t2 {background:#ffffff; font-weight:bold;}
.t3 {background:#8CC4D6; font-weight:bold;}
*/

.formInputSma {width:20%;}
.formInputMed {width:60%;}
.formInputLge {width:70%;}
.formTextArea {width:220px}
input:focus, textarea:focus {background-color:#dce6f2;}


.ErrorText {padding:4px; background:#FFDADA; border:1px solid #F00; color:#333;}
.error {background:#FFDADA;  font-weight:bold;}
.error input:focus {background-color:#fff;}


form { display:inline; }

/* #faqs { padding-left:10px; } */
#faqs ul { list-style:none; padding-left:0px; }
#faqs li { line-height:17px; padding:6px 2px 6px 6px;}
#faqs h3 {margin:0; padding:8px 0; font-size:16px; color:#333; text-decoration:underline;}

.faqLink a {font-weight:normal; border:1px solid #DAEDF4; font-size:11px; line-height:13px; padding:6px 2px 6px 6px; display:block; vertical-align:middle; }
.faqLink a:hover {font-weight:normal; border:1px solid #289CC1; background-color:#FFD79A; text-decoration:none; display:block; vertical-align:middle; }


/* News item */
.newsItem {margin-top:8px; padding-bottom:4px; border-bottom:1px solid #C0BEB8;}


/* Language Specific CSS */
.langSelect {
  font-size:9pt;
  color:#3C3C3C;
}
table.langTable {
	font:80% Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	border-collapse:collapse;
	border:1px solid #666666;
	padding:.75em;
	width:200px;
}
tr.langHead {
	background-color:#CCCCCC;
	padding:.75em;
	font-weight:bold;
}
tr.langRow1 {
	background-color:#FFFFFF;
}
tr.langRow2 {
	background-color:#EBF3FF;
	text-decoration:none;
}
.langCell {
  padding:.75em;
}
.langCellB {
	border-left:1px solid #dadada;
	padding:.75em;
}
.langCellH {
  padding:.75em;
}
a.langSel:link, a.langSel:visited {
	color:#000000;
	text-decoration:none;
}
tr.langRow1:hover, tr.langRow2:hover {
	background-color:#3D80DF;
	color:#FFFFFF;
}
tr.langRow1:hover a, tr.langRow2:hover a {
	color:#FFFFFF;
}
tr.langRow2:hover a {
	color:#FFFFFF;
}
/* Language Specific CSS */