@charset "utf-8";
/* CSS Document */

body,td
{ 
	margin: 0pt;
	font-family: Arial, MingLiU, PMingLiU, Helvetica, sans-seri;
	font-size: 12px;
	color: #2b2b2b;
}

#menu img {padding:0;display:block;}

.rollOut {  cursor:pointer; text-decoration: none; }
.rollOver {  cursor:pointer; text-decoration: none;}
.topSubNavTable
{
	color: #346522;
}
.mainMenuOut
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #00AFA0;
	font-style: normal;
	/*background-image: url(../images/btn_subnav_off.gif);*/
	background-color: #67E1D7;
	padding-top: 4px;
	padding-bottom: 4px;
	width:130px;
	height:24px;
	padding-left: 22px;
}

.mainMenuOver
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #ffffff;
	font-style: normal;
	cursor: pointer;
	/*background-image: url(../images/btn_subnav_on.gif);*/
	background-color: #00AFA0;
	padding-top: 4px;
	padding-bottom: 4px;
	width:130px;
	height:24px;
	padding-left: 22px;
}

a { color: #00afa0; text-decoration: none; cursor: pointer;}
a:hover { color: #000; text-decoration: none;}

a img {border: none;}

.margin_btm16 {margin-bottom: 16px;}


#shell { width: 962px; text-align: left;}
.clearboth {clear: both;}
.bg_grey {background-color: #f0f0f0;}
.align_cen {text-align: center;}
.align_rgt {text-align: right;}
.fbold {font-weight: bold;}

#header {height: 300px; margin-bottom: 5px; background-image: url(../images/banner_top.jpg); background-repeat: no-repeat; text-align: right; color: #00afa0;}
#header table {margin-right: 10px;}
#header td {padding-bottom: 5px; padding-left: 5px; text-align: right;}
#header .search {color: #00afa0; padding-bottom: 11px; padding-right: 10px; padding-top: 10px; font-size: 11px;}
#header .contact {}
#header a {color: #00afa0; text-decoration: none;font-size: 11px;}
#header a:hover {color: #00afa0; text-decoration: underline;}

#menu {margin-bottom: 19px; padding:0;}
#submenu {background-color: #00afa0; color: #fff; border-bottom: 1px dashed #fff;}
#submenu_on {background-color: #53c2b8; color: #fff; }

#video_popup {width: 472px; padding-top: 141px; padding-bottom: 32px; height:247px; background-image: url(../images/video_bg.jpg); background-repeat: no-repeat;}

/*::: 1st 2nd column :::*/
#bodyMid .mainTable { width: 962px; height:250px;}
#bodyMid { width: 962px; padding-right: 11px; vertical-align: top;}
#bodyMid td.ad {width: 237px; padding-right: 10px;}
#bodyMid td { vertical-align:top;}

.subNav {margin-bottom: 5px;border: 1px solid #989898; width:100%; background-color:#f6f6f6;}
.subNav td {border: 1px solid #989898; width:33%; color:#00afa0;}
.subNav .tdMouseOn { color:#fff; background-color: #00afa0; cursor:pointer; }
.subNav .tdMouseOn td { color:#fff; background-color: #00afa0; cursor:pointer; }

#colAB { width: 719px; padding-right: 11px; vertical-align: top;}
#colAB td.photos {width: 340px; padding-right: 13px;}
#colAB td.videos { width: 363px; text-align:center;}
#colAB td.ad {width: 237px; padding-right: 10px;}
#colAB td.pt_right {width: 473px;}
#colAB td.pt_right .sign_up {width: 140px; margin-bottom: 13px;}
#colAB td.pt_right .sponsor {float: right; width:322px; background-image:url(../images/sponsor_bg.gif); background-repeat:repeat-y; text-align: left; margin-left: 5px;}
#colAB td.pt_right .sponsor .set img {display: inline;}
#colAB td.pt_right .sponsor .set {width: 293px; margin-left: 13px; margin-right: 13px; padding-top: 28px; border-bottom: 1px dashed #00afa0;}
#colAB td.pt_right .sponsor .set .title {padding-left: 18px; margin-bottom: 5px; background-image:url(../images/bullet01.gif); background-repeat: no-repeat; background-position: 2px 3px; color: #000; font-size: 14px;}
#colAB td.pt_right .sponsor .set .logo {margin-left: 18px; margin-bottom: 10px;}
#colAB td.pt_right .sponsor .more {margin-top: 48px; width: 293px; margin-left: 13px; margin-right: 13px; margin-bottom:20px; text-align: right;}
#colAB td.pt_right .sponsor .more img {vertical-align: middle; display:inline;}
#colAB td.pt_right .sponsor .more a {color: #00afa0; text-decoration: underline;}
#colAB td.pt_right .sponsor .more a:hover {color: #00afa0; text-decoration: none;}
/*::: 3rd col:::*/
#colC { width: 233px; vertical-align: top;}
#colC .flash {margin-bottom: 13px; }
#colC .section {margin-bottom:17px;}
#colC .section .news {width: 230px; background-color: #00afa0;}
#colC .section .bicycle {width: 231px; background-color: #00afa0; margin-left: 1px;}
#colC .section a {color: #fff; text-decoration: underline;}
#colC .section a:hover {color: #fff; text-decoration: none;}
#colC .section .date { margin-left: 12px; color: #000; margin-bottom:3px;}
#colC .section .event {margin-left: 12px; color: #fff; margin-bottom: 17px;}
#colC .section .more {text-align: right; margin-right: 10px; padding-bottom: 15px;}
#colC .section .more img {vertical-align: middle; display: inline;}
#colC .section .more a {text-decoration: none;}
#colC .section .more a:hover {text-decoration: underline;}
#colC .section ul {margin: 25px; margin-top:0; padding:0; padding-top: 14px;  color:#FFFFFF;}
#colC .section li {padding-bottom: 18px; line-height: 17px;}

#colC .contact {width: 233px; background-color: #00afa0; }
#colC .contact .ctn {padding: 6px; padding-left: 10px; line-height: 13px; border: 1px solid #fff; font-size: 12px; color: #fff; }
#colC .contact .ctn .chi { margin-bottom: 7px;}
#colC .contact .ctn a {color: #fff; text-decoration: underline;}
#colC .contact .ctn a:hover {color: #fff; text-decoration: none;}

#colA {width: 170px; padding-right: 16px; vertical-align: top;}

#colA .team {width: 100%; margin-bottom: 7px;}
#colA .team td {padding: 5px 5px 3px 5px;}
#colA .team .head {background-image:url(../images/bg_tab.gif); background-repeat: no-repeat; color: #fff; font-size: 14px; font-weight: bold;}

#colA .album {width: 100%; margin-bottom: 7px;}
#colA .album img {display: block;}

#colA .btns {width: 100%; margin-bottom: 7px;}
#colA .btns td {padding-bottom: 10px;}

#colBC {width: 776px; vertical-align: top;}
#colBC .team_detail {width: 100%; font-size: 13px; line-height: 22px;}
#colBC .team_detail tr.head td {padding-bottom: 17px;}
#colBC .team_detail .name {font-size: 20px; font-weight: bold; color: #00afa0; text-align: center; }
#colBC .team_detail li {padding-bottom: 10px;}
#colBC .team_detail .bar {background-image:url(../images/bg_bar.gif); background-repeat: no-repeat; padding-left: 5px; padding-bottom: 10px; padding-top: 10px; font-size: 16px; color: #fff; font-weight: bold; }
#colBC .team_detail .flash {padding-left: 90px;}
#colBC .team_detail .amount {color: #333333; font-weight: bold; margin-top: 14px;}
#colBC .team_detail .amount td {width:340px; padding-bottom: 14px;}

#applicationBlock .heading { color: #00afa0; }
#applicationBlock .highlight { color: red; }
#applicationBlock .right { text-align:right;}
#applicationBlock .disabled { background-color:#eeeeee; border-color:#eeeeee;}
#applicationBlock .lightBlue { background-color:#E0F4F2;}
#applicationBlock .white { background-color:#ffffff;}
#applicationBlock .applicationTable { width:100%;}
#applicationBlock .applicationTable td { vertical-align:top;}
#applicationBlock .alert { background-color:#F2B1B1;}
#applicationBlock .inputHide { display:none;}

.alertMsg { color:Red; font-weight: bolder;}
.alertMsg td { color:Red; font-weight: bolder;}

.applicationConfirmTable { width:100%; }
.applicationConfirmTable td  { border:solid 1px #BBBBBB;}
.applicationConfirmTable .lightBlue { background-color:#E0F4F2;}
.applicationConfirmTable .white { background-color:#ffffff;}

.donationConfirmTable { width:100%; }
.donationConfirmTable td  { border:solid 1px #BBBBBB;}
.donationConfirmTable .lightBlue { background-color:#E0F4F2;}
.donationConfirmTable .white { background-color:#ffffff;}

.lightBlue { background-color:#E0F4F2;}
.white { background-color:#ffffff;}


#payment .lightBlue { background-color:#E0F4F2;}
#payment .white { background-color:#ffffff;}

#footer {padding-top: 29px; padding-bottom: 32px; text-align: center; color: #fff; font-size: 12px; background-color: #00afa0;}
#footer a {color: #6d6e71; text-decoration: none;}
#footer a:hover {color: #6d6e71; text-decoration: underline;}