body { margin:0 13px 13px 13px; font-family:arial, verdana, sans-serif; font-size:12px; background: url(../img/design/background.jpg) top repeat-x;}
body#receipt { background: #ffffff; }

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


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

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


#container { text-align:left; width:796px; margin:0 auto; padding:0; }
#home #containerBG { float:left; width: 796px; background: #fff url(../img/design/container_leftRight.gif) top left no-repeat; }
#containerBG { float:left; background: #fff url(../img/design/container_leftRight_sub.gif) top left no-repeat; }
#topFrame { float:left; width:796px; height:8px; background: #c4d7ee url(../img/design/container_top.gif) left no-repeat; }



/* -------------- HEADER STYLES -------------- */
#header { float:left; background:#fff; width:783px; padding:0; margin:0 0 0 6px; display:inline;}

#logoJDRF { float:left; margin:0 0 0 5px; padding-top:5px; width:197px; }

#logoRide { float:left; margin:0; padding-top:9px; width:350px; }

#header #account { float:right; margin-top:8px; font-size: 10px; color:#71868f; width:168px; text-align:right; padding-right:8px; }
#header #account form { padding:0; margin:0; }
#header #account a { text-decoration:none; color:#71868f }
#header #account input { width:120px; height:11px; font-size:9px; margin-top:2px; }
#header #account #loggedIn input { width:77px; height:19px; font-size:9px; margin-top:-5px; }
#header #account #lipw { display:inline; }


#topNav { clear:left; float:left; width:785px; height:26px; display:inline; background:#3b5966 url(../img/design/topNav_background.jpg) left repeat-x; margin-top:5px; }
#topNav ul { list-style:none; padding:0; margin:0; }
#topNav ul li { display:inline; float:left; height:26px; border-right:2px solid white; }
#topNav a { display:block; color:#fff; font-weight:bold; text-decoration:none; padding:0 14px; line-height:26px; font-size:11px; }
#topNav a:hover { text-decoration:none; background:#f7941e; }


/* -------------- HOME PAGE -------------- */
#home #boxMain { clear:left; float:left; width:764px; height:177px; margin:17px 0 0 13px; padding:17px 0 0 9px; background: #fff url(../img/design/home_boxMain.jpg) no-repeat; }
#home #boxMain #image { float:right; position:relative; top:-68px; left:-9px; }
#home #boxMain #heading { padding:0 0 10px 10px; }
#home #boxMain #boxContent { width:550px; padding-left:11px; }
#home #boxMain input { width:140px; height:35px; font-size:18px; float:right; }


#home #boxSub { float:left; width:361px; height:177px; margin:4px 0 0 11px; padding:17px 0 0 20px; background: #fff url(../img/design/home_boxSub.jpg) no-repeat; }
#home #boxSub #image1 { float:right; position:relative; top:15px; left:-9px; }
#home #boxSub #image2 { float:right; position:relative; top:3px; left:-9px; }
#home #boxSub #heading1 { float:left; width:180px; padding-bottom:10px; }
#home #boxSub #heading2 { float:left; width:184px; padding-bottom:10px; left:-4px; }

/* Other #home #boxSub #boxContent { clear:left; width:250px; height:100px;  border:1px solid orange; } */
/* IE6 #home #boxSub #boxContent { clear:left; float:left; width:250px; height:100px;  border:1px solid orange; } */

#home #boxSub #boxContent { display:inline; width:100px; height:100px; }
#home #boxSub input { width:140px; height:35px; font-size:18px; float:left; }




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

#containerInner { clear:both; width:781px; margin:0; padding:0 6px 0 6px;}

#leftColumn { float:left; width:195px; margin-left:0; background:#f7941e; padding-top:30px; }
#leftNav ul { list-style-type:none; margin:0 0 0 0; padding:0 0 0 12px; width:170px; }
#leftNav li { margin:0; padding:0; border-bottom:1px solid #e58fd9;}
#leftNav li a { display:block; background:#729fb8 url(../img/design/leftNav.gif) left repeat-y; padding:3px 3px 3px 27px; text-decoration:none; color:#fff; font-size:11px; font-weight:bold;}
#leftNav li a:hover { background:#666 url(../img/design/leftNav_hover.gif) left repeat-y; text-decoration:none; }


#content { float:left; width:574px; background:#fff; }

#content #title { width:100%; height:35px; color:#000; font-size:20px; font-weight:normal; background:#eaeaea; padding-left:10px; line-height:32px; border-left:2px solid #fff; }
#content #body { clear:left; width:100%; padding:10px 0 0 10px; }


/* -------------- LEADERBOARD STYLES -------------- */
#leaderboard { width:185px; height:188px; margin:0 0 -30px 4px; padding:34px 0 0 7px; background: url(../img/design/leaderboard.jpg) 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 #9eb5c1; 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;  }



#sponsor { width:186px; height:75px; margin-left:2px; padding:10px 0 0 7px; background:url(../img/design/button_donateNow.jpg) no-repeat; cursor:pointer; }
#register { width:192px; height:81px; margin-left:2px; padding:10px 0 0 7px; background:url(../img/design/button_registerNow.jpg) no-repeat; cursor:pointer; }
#where { width:186px; height:75px; margin-left:2px; padding:10px 0 0 7px; background:url(../img/design/button_whereMoney.jpg) no-repeat; cursor:pointer; }



/* -------------- FOOTER STYLES -------------- */
#footer { background-color:#014f61; float:left; width:765px; margin:10px 0 0 0; padding:5px 10px 5px 10px; color:#fff; font-size:11px; font-weight:bold; }
#home #footer { margin-left:6px; }
#footer .copyright {float:left; padding:0;}
#footer .footerLinks {text-align:right;}
#footer .footerLinks a{color:#fff; text-decoration:none; }
#footer .footerLinks a:hover{text-decoration:underline; }




.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:#000; padding:0; margin:5px; }


.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:#1e5faa; font-weight:bold; color:#fff}
.rh {background:#ffbd6e}

.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; }


/* 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;
}




/* 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 */