@charset "utf-8";
/* CSS Document */
/* Author: Shibli Haddad */

/************TAGS*******************/

body
{
	margin: 0;
	background-color: #5a5b5c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3d3e3f;
	font-size: 12px;
}


td
{
	vertical-align:top;
}

form
{
	margin: 0;
}

label
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 0;
	display: block;
	clear: both;
}

p
{
	margin: 0;
}


/**************ID's******************/

#wrapper
{
	vertical-align:middle;
	min-width: 1024px;
}

#main
{
	margin-left: .09%;
}

#container
{
	background-color: #FFF;
	width: 1004px;
}

#toolbar
{
	height: 15px;
	background: #25aae1;
	color: #FFFFFF;
}

#toolbar span
{
	width: 215px;
	height: 32px;
	font-weight: bold;
	color: #FFFFFF;
	background: #25aae1;
	float:right;
	padding: 0 5px;
}

#toolbar img
{
	margin-top: 8px;
}

#toolbar a
{
	color: #FFFFFF;
	font-size: 11px;
}


#banner
{
	width: 594px;
	float:left;
	
}

#nav
{
	width: 215px;
	float:left;
}

#tabs
{
	float:left;
	width: 809px;
}

#sponsors
{
	float:left;
	width: 809px;
}
#sponsors img
{
	float: left;
}

.hp_panel
{
	width: 783px;
	height: 238px;
	color: #FFFFFF;
}

#register.hp_panel_register
{
	background-color: #3daad2;
	margin-left: -14px;
	margin-top: -3px;
	text-align:left;
}

#participate.hp_panel_register
{
	background-color: #faaa4d;
	margin-left: -14px;
	margin-top: -3px;
	text-align:left;
}

#volunteer.hp_panel_register
{
	background-color: #bed734;
	margin-left: -14px;
	margin-top: -3px;
	text-align:left;
}

.hp_panel_register h2
{
	margin: 0 15px 0 83px;
	padding-top: 45px;
	font-family: Arial, Verdana;
	font-size:24px;
	font-weight: bold;
	color: #FFFFFF;
}

.hp_panel_register p
{
	font-size: 12px;
	font-family: Arial, verdana;
	color: #FFFFFF;
	margin-left: 83px;
}

.hp_panel_register p a
{
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight: bold;
	vertical-align:middle;
}

.hp_panel_register #left
{
	width: 326px;
	float: left;
	border-right: dotted 2px #FFFFFF;
	height: 200px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.hp_panel_register #right
{
	width: 450px;
	float:left;
	height: 200px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.hp_panel_register .user
{
	width: 214px;
}

.hp_panel_register .pass
{
	width: 130px;
}

.hr
{
	background: url(images/hr.jpg) no-repeat;
	width: 783px;
	float:left;
	padding-left: 8px;
}

.hr div
{
	width: 237px;
	float:right;
}

.hr a
{
	font-weight: bold;
	color: #1763a1;
}

.stats
{
	text-align:left; 
	font-size: 12px;
}

.leftPane
{
	width: 170px;
	background: #FFFFFF;
	float: left;
}

#centrePane
{
	width: 832px;
	float: left;
	clear:none;
	overflow:hidden;
}

#rightPane
{
	background: #FFF;
	width: 25px;
	float: right;
	overflow: hidden;
}

#footer
{
	width: 1004px;
	height: 55px;
	background-color: #17619e;
	display: block;
	overflow: hidden;
	clear:both;
}

#movie
{
	margin-left: 2px;
}

#hpGreyBox
{
	background-color: #E7E9EA;
	margin-left: 16px;
	margin-bottom: 5px;
	width: 247px;;
	padding: 10px;
	color: #67686a;
	font-weight: 500;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
	display:block;
	overflow:hidden;
}

#hpGreyBox h2
{
	font-size: 21px;
	font-weight: bold;
	color: #8a8b8d;
	margin: 0;
	padding: 0;
}

#hpGreyBox p
{
	color: #67686a;
	font-size: 11px;
	margin-top: 15px;
	margin: 0;
}

#hpGreyBox p#regP
{
	margin-top: 10px;
	width: 40%; 
	float: right
}

#hpGreyBox a:link, #hpGreyBox a:visited, #hpGreyBox a:active, .btnLogin
{
	padding-left: 28px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 13px;
	color: #67686a;
	text-transform:uppercase;
	text-decoration: none;
	min-width: 25px;
	height: 25px;
	background-image: url(../images/bluArrowBtn.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	float: right;
}

#hpGreyBox a:hover
{
	color: #25aae1;
}

#hpGreyBox p#forgotPass a
{
	width: 100%;
	height: 10px;
	font-size: 10px;
	text-align:left;
	padding: 0;
	margin: 0;
	background: none;
	color: #25aae1;
	font-weight: bold;
	text-decoration:none;
}

#hpGreyBox p#forgotPass a:hover
{
	color: #8a8b8d;
}

#hpText
{
	text-align:left;
	color: #8a8b8d;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	padding-left: 17px;
	padding-right: 17px;
}

#hpText h1
{
	margin: 0;
	padding: 0;
	padding-right: 15px;
	float:left;
	font-size: 18px;
	font-weight: bolder;
}

#hpText a img
{
	margin-top: 10px;
	margin-bottom: 5px;
}

#numParticipants
{
	font-weight: bold;
}

#moneyRaised
{
	font-weight: bold;
	margin-left: 15px;
}


#hpBottomSpan
{
	padding-left: 4px;
}

#topFundraisers, #topTeams
{
	width: 350px;
	height: 145px;
	
	margin-bottom: 20px;
	color: #67686a;
	font-weight: bold;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
	display:block;
	/** OVER FLOW USED TO BE HIDDEN - CHANGED FOR IFRAME **/
	overflow:visible;	
	/*background-image: url(../images/badgeTopFundraisers.jpg);*/
	background-repeat:no-repeat;
	background-position: left top;
	float: left;
	
}

#topTeams
{
	float: left;
	margin-left: 50px;
}

#topFundraisers a:link, #topFundraisers a:visited, #topFundraisers a:active,
#topTeams a:link, #topTeams a:visited, #topTeams a:active
{
	text-decoration:none;
	color: #67686a;
}

#topFundraisers a:hover, #topTeams a:hover
{
	color: #1763a1;
}


#topFundraisers table, #topTeams table
{
	margin-left: 2px;
	margin-right: 20px;
	width: 90%;
}

#topFundraisers h2, #topTeams h2
{
	font-size: 16px;
	font-weight: bold;
	color: #67686a;
	margin-bottom: 5px;
	margin-top: 5px;
}

#hpBadge:first-child
{
	margin-top: 10px;
}

#hpBadge
{
	width: 519px;
	height: 32px;
	margin-right: 15px;
	/*background: url(../images/bbqBanner.jpg) no-repeat left top;*/
	float:left;
}


#tblFundraisers td
{
	padding: 0 5px;
}

/*********** Sub pages CSS ********/

#subMainContent
{
	width: 832px;
	min-height: 400px;
	float: left;
	display: block;
	text-align: left;
	background-color: #FFF;
}
	
#subMainContent h1
{
	font-size: 36px;
	height: 82px;
	max-width: 790px;
	color: #555555;
	display: block;
	z-index: 99;
	background: url(../images/subpage_header_bg.jpg) repeat-x top left;
	margin: 0;
	padding-top: 24px;
	padding-left: 20px;
	/*text-transform: lowercase;*/
}

#subMainContent p, #subMainContent ul, #subMainContent ol
{
	color: #67686a;
	font-size: 12px;
	margin-top: 12px;
	margin-bottom: 12px;
	width: 800px;
}

#subMainContent p a, #subMainContent ul a, #subMainContent a
{
	color: #25aae1;
	font-size: 12px;
	text-decoration:none;
	font-weight: bold;
}

#subMainContent img, #subMainContent h1 img
{
	vertical-align:bottom;
}

#subMainContent p img
{
	padding: 0 5px;
}
#subPageNav
{
	float:left;
}

#frmVolunteer
{
	background: #E7E9EA;
	width: 100%;
	padding: 20px 20px 0 0;
}

#frmVolunteer label
{
	font-size: 12px;
}

#frmVolunteer input
{
	width: 200px;
}

#frmVolunteer
{
	border:0;
}

#frmVolunteer ul
{
	margin-left: 5px;
	padding: 0;
	list-style:none;
}

#frmVolunteer ul li
{
	margin-top: 5px;
}

#frmVolunteer .frmChkBox
{
	width: 10px;
}

/***********PHOTO GALLERY********/

#mainContainer
{

}


#topRow
{
	clear: both;
}

#displayPic
{
	float: left;
	display: block;
	width: 326px;
	height: 244px;
	clear: left;
	border: 2px solid #dbdbdb;
	margin: 5px;
}

#picDescription
{
	width: 374px;
	min-height: 168px;
	float: left;
	margin: 5px;
}

#picDescriptionTop
{
	height: 8px;
	width: 374px;
	background: url(../images/testAreaTop.jpg) no-repeat;
}

#picDescriptionCtr
{
	min-height: 160px;
	width: 355px;
	background: url(../images/testAreaCtr.jpg) repeat-y;
	color: #3d3d3d;
	font-size: 12px;
	text-align: left;
	padding-right: 20px;
	padding-left: 10px;
}	

#picDescriptionCtr h3
{
	font-size: 19px;
	font-weight:bold;
	color: #509ecb;
	margin-top:0;
	margin-left: 5px;
}


#picDescriptionBtm
{
	height: 8px;
	width: 374px;
	background: url(../images/testAreaBtm.jpg) no-repeat;
}	

.thumbImg
{
	border: 2px solid #dbdbdb;
	height: 61px;
	width:84px; 
	padding-bottom: 2px;
}

#share
{
	width: 149px;
	height: 58px;
	background: url(../images/share.jpg) no-repeat;
	float:left;
	margin-left:8px;
	padding-top: 10px;
	padding-left: 5px;
}

/***********Classes**************/

.txtField
{
	background-color: #000000;
	color:#FFF;
	border: 0;
	margin: 0;
}

.numParticipantsTxt:first-child
{
	padding-left: 15px;
	margin-left: 18px;
}

.moneyRaisedTxt:first-child
{
	padding-left:15px;
	margin-left: 15px;
}

.btnLink a
{
	padding-left: 28px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 13px;
	color: #67686a;
	text-transform:uppercase;
	text-decoration: none;
	min-width: 25px;
	height: 25px;
	background-image: url(../images/bluArrowTrans.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	float: right;
}

.btnLink a:hover
{
	color: #25aae1;
}

.hpGreyBox
{
	background-color: #E7E9EA;
	margin-left: 16px;
	margin-bottom: 5px;
	width: 247px;;
	padding: 10px;
	color: #67686a;
	font-weight: 500;
	font-size: 11px;
	vertical-align: top;
	text-align: left;
	display:block;
	overflow:hidden;
}

.hpGreyBox h2
{
	font-size: 21px;
	font-weight: bold;
	color: #8a8b8d;
	margin: 0;
	padding: 0;
}

.hpGreyBox p
{
	color: #67686a;
	font-size: 11px;
	margin-top: 15px;
	margin: 0;
}

.hpGreyBox p.regP
{
	margin-top: 10px;
	width: 40%; 
	float: right
}

.hpGreyBox a:link, .hpGreyBox a:visited, .hpGreyBox a:active
{
	padding-left: 28px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 13px;
	color: #67686a;
	text-transform:uppercase;
	text-decoration: none;
	min-width: 25px;
	height: 25px;
	background-image: url(../images/bluArrowBtn.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	float: right;
}

.hpGreyBox a:hover
{
	color: #25aae1;
}

.hpGreyBox p.forgotPass a
{
	width: 100%;
	height: 10px;
	font-size: 10px;
	text-align:left;
	padding: 0;
	margin: 0;
	background: none;
	color: #25aae1;
	font-weight: bold;
	text-decoration:none;
}

.hpGreyBox p.forgotPass a:hover
{
	color: #8a8b8d;
}

.tblVolunteer tr td:first-child
{
	text-align:right;
	padding-right: 15px;
	width: 40%;
}

.tblVolunteer tr td
{
	width: 60%;
	text-align:left;
}

.errors
{
	text-align:left;
	color: #FF0000;
	font-size: 11px; 
	font-weight: bold;
	margin-left: 95px;
	width: 350px;
}



/******************* CAROUSEL *********************/

.yui-carousel-element li {
    height: 65px;
}

#container {
    font-size: 13px;
}



#container a {
    text-decoration: none;
}

#container .intro {
    display: inline;
    float: left;
    margin: 0px 14px 0px 4px;
    width: 85px;
}

#container .item {
    display: inline;
    float: left;
    margin: 0 5px 0 12px;
    overflow: hidden;
    /*padding-right: 80px;*/
    width: 85px;
}

#container .item .authimg {
    bottom: 2px;
    margin-left: 61px;
    position: absolute;
    z-index: 1;
}

#container .item h3 {
    line-height: 85%;
    margin-top: 4px;
}

#container .item h3 a {
    font: 77% Arial, sans-serif;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
}

#container .item h3 a:link {
    color:#35a235;
}

#container .item h4 {
    margin-top:5px;
}

#container .item h4 a {
    font: 100% Georgia, Times, serif;
    position: relative;
    z-index:2;
}

#container .item h4 a:link {
    color:#00639b;
}

#container .item cite {
    color: #888;
    display: block;
    font-size: 77%;
    line-height: normal;
    margin-bottom: 30px;
}

#container .item p.all {
    bottom: 25px;
    position: absolute;
    z-index: 2;
}

#container .item p.all a {
    font-weight: bold;
    font-size: 85%;
}

/***********************************/

#slideshow1
{
	float:left;
	width: 160px;
	height: 95px;
	display: none;
}