@charset "utf-8";
/* CSS Document */
/*********************Navigation Start*********************/
.main_nav{
	float:left;
	padding:0px;
	width:968px;
	}
.nav_left{
	float:left;
	width:11px;
	height:32px;
	background:url(../images/nav_left.gif) left top no-repeat;
	}
.nav_right{
	float:left;
	width:11px;
	height:32px;
	background:url(../images/nav_right.gif) left top no-repeat;
	}
.nav_mid{
	float:left;
	width:946px;
	height:32px;
	background:url(../images/nav_mid.gif) left top repeat-x;
	}
#menucontainer{height:32px;background:none;display:block;padding:0px 0 0 0px; }

#menu{
	/*position:relative;*/
	display:block;
	height:32px;
	font-size:14px;
	font-weight:bold;
	font-family:"Trebuchet MS",Arial,Verdana,Helvitica,sans-serif;
	overflow: visible;
}
#menu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#menu ul li{float:left; margin:0 1px 0 0; font-family:tahoma; font-size:13px; font-weight:bold; padding:0px; border-right:#fff solid 2px; }
#menu ul li ul{margin:0px; padding:0px; float:none; }
#menu ul li ul li{margin:0px; padding:0px; float:none; border-right:#fff solid 1px; width:auto;}
#menu ul li ul li a{margin:0px; padding:5px 20px 0 10px; float:none; background:#f55d0b; border-bottom:#faae85 dotted 1px; border-left:#FFF solid 1px;}
#menu ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:7px 22px 9px 27px;height:18px;background:transparent url(../images/nav_bg.gif) no-repeat top left;}
#menu ul li a:hover{color:#333333;background:transparent url(../images/button_hover.jpg) repeat-x top right;}
#menu ul li a.current,#menu ul li a.current:hover{color:#333333;background:transparent url(../images/button_hover.jpg) repeat-x top right;}

/*********************Navigation End*********************/



/*********************Buttons Start*********************/

#tickets a{
	float:left;
   height: 32px; 
   width: 205px; 
   background:url(../images/registraton.jpg) no-repeat left top;
   margin-bottom:2px;
	}
#tickets a:hover{
   background-position: left -32px;
	}
	
	
	#proposal a{
	float:left;
   height: 32px; 
   width: 205px; 
   background:url(../images/daily_tickets.jpg) no-repeat left top;

   margin-bottom:2px;
	}
#proposal a:hover{
   background-position: left -32px;
	}
	
		#volunteer a{
	float:left;
   height: 32px; 
   width: 205px; 
 background:url(../images/volunteer_login.jpg) no-repeat left top;
   margin-bottom:2px;
	}
#volunteer a:hover{
   background-position: left -32px;
	}
	
			#volunteer1 a{
	float:left;
   height: 32px; 
   width: 205px; 
 background:url(../images/volunteer_logout.jpg) no-repeat left top;
   margin-bottom:2px;
	}
#volunteer1 a:hover{
   background-position: left -32px;
	}
	
#activity a{
	float:left;
   height: 32px; 
   width: 205px; 
   background:url(../images/activity.jpg) no-repeat left top;
   margin-bottom:2px;
	}
#activity a:hover{
   background-position: left -32px;
	}
#donate a{
	float:left;
   height: 32px; 
   width: 205px; 
   background:url(../images/donate.jpg) no-repeat left top;
   margin-bottom:2px;
	}
#donate a:hover{
   background-position: left -32px;
	}
	
	
	#my_account a{
	float:left;
   height: 32px; 
   width: 205px; 
   background:url(../images/my_account.jpg) no-repeat left top;
   margin-bottom:2px;
	}
#my_account a:hover{
   background-position: left -32px;
	}
	
	
	
#new_join a{
	float:left;
   height: 32px; 
   width: 205px; 
   background:url(../images/join_vol.jpg) no-repeat left top;
   margin-bottom:2px;
	}
#new_join a:hover{
   background-position: left -32px;
	}
#challange a{
	float:left;
   height: 32px; 
   width: 205px; 
   background:url(../images/challange.jpg) no-repeat left top;
   margin-bottom:2px;
	}
#challange a:hover{
   background-position: left -32px;
	}
/*********************Buttons Start*********************/

.sml_button{
	float:left;
	width:479px;
	padding:0px 0px;
}
a.ovalbutton{
background: transparent url(../images/oval-gray-left.gif) no-repeat top left;
display: block;
float: left;
font: normal 11px Tahoma; /* Change 13px as desired */
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 30px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url(../images/oval-gray-right.gif) no-repeat top right;
display: block;
padding: 9px 11px 9px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color:#FFF;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width:auto;
float:left;
margin-right:2px;
}


#jsddm
{	margin: 0;
	padding: 0;
	}

	#jsddm li
	{	float:none;
		list-style: none;
		font: 12px Tahoma, Arial;}

	#jsddm li a
	{	display: block;
		background: #000;
		padding: 5px 12px;
		text-decoration: none;
		border-right: 1px solid white;
		color: #EAFFED;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #6666CC;}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white;
			float:left;}
			
			#jsddm li ul li
			{ margin:0px;
			padding:0px;
			float:left;
			
				}
			
			#jsddm li ul li a
			{	width:200px;
			
			
				height:18px;
				background:url(../images/dropdown_textbg.gif) no-repeat top left;
				color: #FFFFFF;
				font-size:11px;
				
				font-weight:bold;}
			
			#jsddm li ul li a:hover
			{ background:#f55d0b; border-bottom:#faae85 dotted 1px; }
#dropdownBottombg
{
background:url(../images/dropdown_bg1.png) no-repeat top left;
height:14px;
width:180px;
}
#dropdownBottombg12{ border-top:#FFF solid 1px;}