/********************************************
 *	Styles for City Salute					*
 *											*
 *	12-03-2008								*
 ********************************************/

* {
	margin: 0;
	padding:0;
}

body {
	font-size:76%;
	font-family:Arial, Helvetica, sans-serif;
	background:#605235 url(/_Resources/img/bg.jpg) ; 
}

img {
	border:none;
}

a {
	outline:none; color:#7D7255;
}

a.visited {
	 color:#7D7255;
}

/************************************
 *	General Styles ||| Structure	*
 ************************************/

#container 
{
	width:981px;
	margin:40px auto;
	position:relative;
	
}

	#holder 
	{
		width:981px;
		background:url(/_Resources/img/verical.gif) repeat-y;
		position:relative;
	}
	

/********************
 *	Common Styles	*
 ********************/

/**
 *	float styles
 */
.clear 
{
	clear:both;
	width:1px;
	height:0;
}

	/* blank image required for FF on Mac */
	.clear img 
	{
		width:1px;
		height:0;
	}

.floatLeft { float:left; }
.floatRight { float:right; }

/************
 *	Footer	*
 ************/

#footer 
{
	margin:10px 0 0;
	color:#000;
	font-size:0.9em;
	color:#464646;
}

	#footer .footer_links 
	{
		text-align:center;
	}
	
		#footer .footer_links .footer_link 
		{
			display:inline;
			padding:0 1px;
			text-transform:uppercase;
		}
		
			#footer .footer_links .footer_link a,
			#footer .footer_links .footer_link a:visited
			{
				text-decoration:none;
				color:#464646;
			}
			
			#footer .footer_links .footer_link a:hover  
			{
				text-decoration:underline;
			}
			
	#footer .footer_copy 
	{
		color:#464646;
		text-transform:uppercase;
		padding:10px 0 0;
	}
		
		#footer .footer_copy div 
		{
			padding:5px 0 5px 10px;
			text-align:center;
		}


/************
 *	border	*
 ************/

.top_box
{
	background:url(/_Resources/img/top.gif) no-repeat;
	background-position:top;
	width:981px;
	height:17px;
	
}
.bottom_box
{
	background:url(/_Resources/img/bottom.gif) no-repeat;
	background-position:top;
	width:981px;
	height:17px;
	
}
	.bottom_box img
	{
		width:981px;
		height:19px;
		display:block;
	}


/****************
 *	navigation	*
 ****************/

	#navigation 
	{	
		height:30px;
		width:500px;
		margin:0 auto;
			
	}

		#navigation a
		{
			float:left;
			display:block;
			width:140px;
			height:31px;
			margin:0 1px;
			background:url(/_Resources/img/btn_bg.gif) no-repeat;
			text-decoration:none;
			cursor:pointer;
		}
			
			#navigation a span.btn_bg 
			{
				display:block;
				width:140px;
				height:22px;
				padding:6px 0 0;
				color:#fff;
				font-weight:bold;
				text-align:center;
			}
			
			#navigation a span.btn_over,
			#navigation a:visited span.btn_over 
			{
				display:block;
				width:140px;
				height:2px;
				padding:1px 0 0;
				background:none;
				/*background:url(/_Resources/img/btn_hover.gif) no-repeat bottom;*/
			}
				#navigation a span.btn_over img
				{
					height:2px;
					width:140px;
					display:block;
				}
				
			
			
			#navigation a:hover span.btn_over
			{
				background:url(/_Resources/img/btn_hover.gif) no-repeat bottom;
				
			}

/****************
 *	Content		*
 ****************/

#contentHolder 
{
	width:960px;
	margin:0 auto;
}
	
/****************
 *	Left Holder *
 ****************/	
#left_holder

{	
	float:left;
	width:227px;
	padding: 0px 0px 15px 2px;
	
}
	#help_heroes
	{
		background:#fff url(/_Resources/img/help_heroes.gif) no-repeat;
		background-position:5px center;
		width:202px;
		padding-bottom:3px;
		margin: 70px 10px 10px 10px;
		position:relative;
		border:solid 1px #B5A579;
		
	}
		#help_heroes #clickable_img_1 
			{
				width:202px;
				height:75px;
				padding:2px 2px;
			}
			
				#help_heroes #clickable_img_1 a
				{
					display:block;
					width:202px;
					cursor:pointer;
					text-decoration:none;
					color:#464646;
				}
					#help_heroes #clickable_img_1 a span
						{
							float:right;
							display:block;
							width:141px;
							padding:2px 1px;
							cursor:pointer;
						}
	
			
	#ssafa
	{
		background:#fff url(/_Resources/img/ssafa.gif) no-repeat;
		background-position:5px center;
		width:202px; 
		padding-bottom:5px;
		margin:10px 10px;
		position:relative;
		border:solid 1px #B5A579;
	}	
	
		#ssafa .ssafa_content
		{
			width:202px;
			height:100%;
		}
			
			#ssafa #clickable_img_2 
			{
				width:202px;
				height:75px;
				padding:2px 2px;
			}
			
			#ssafa #clickable_img_2 a
			{
				display:block;
				width:202px;
				cursor:pointer;
				text-decoration:none;
				color:#464646;
			}
				#ssafa #clickable_img_2 a span
				{
					
					width:145px;
					float:right;
					padding:2px 1px;
					cursor:pointer;
				}
			
/****************
 *	Logo		*
 ****************/

#logo
{
	background:url(/_Resources/img/city_salute_logo.gif) no-repeat;
	width:160px;
	height:228px;
	margin:0 auto;
	/*padding: 5px 0px 15px 2px;*/
	
}

	
/*****************
 *	Right Holder *
 *****************/	
#right_holder
{	
	
	float:right;
	width:106px;
	height:328px;
	padding:35px 0 0 5px;
}
	#right_holder .right_1
	{
		width:106px;
		height:107px;
	}
	#right_holder .right_2
	{
		width:106px;
		height:107px;
	}
	#right_holder .right_3
	{
		width:106px;
		height:107px;
	}
	
	.picture_holder img 
	{
		width:106px;
		height:107px;
		border:1px solid #FFF;
	}
	
/******************
 *	Middle Holder *
 ******************/		
#middle_holder
{
	padding: 0 0 0 10px;
	width:550px;
	float:left;
}
#middle_holder h1 
		{
			color:#B5A579;
			font-size:2em;
			font-weight:bold;
			padding: 10px 0 0 0;
		}

#middle_holder h2 
		{
			color:#B5A579;
			font-size:1.11em;
			font-weight:bold;
			padding: 10px 0;
		}
	

/****************
 *	Home		*
 ****************/

#middle_holder .home 
{
	width:550px;
	color:#464646;
	float:left;
}
		
	
/************
 *	Donate	*
 ************/
#middle_holder .donate
{
	float:left;
	width:550px;
	color:#464646;
	padding:10px 5px;
	
}



/****************
 *	Event Info	*
 ****************/

#contentHolder .content 
{
	width:550px;
	float:left;
	padding:30px 5px 0 0;
}

	#contentHolder .content #content_title 
	{
		width:130px;
		height:63px;			
	}
	
	
	#contentHolder .content .content_headings 
	{
		padding:10px 0;
	}
	
		#contentHolder .content .content_headings .content_heading
		{
			margin:0 0 0 20px;
			color:#B5A579;
			font-size:2em;
			font-weight:bold;
		}
	
	
	/**********
	 *	List  *
	 **********/
	#contentHolder .content #accordionHolder 
	{
		float:left;
		width:210px;
		padding:0 0 20px 0px;
		color:#464646;
	}
	
		#contentHolder .content #accordionHolder .category_header 
		{
			margin:10px 0 0 0;
			font-size:1.4em;
			font-weight:bold;
		}
		
			#contentHolder .content #accordionHolder .category_header a 
			{
				color:#B5A579;
				text-decoration:none;
			}
		
		#contentHolder .content #accordionHolder .category_stretcher 
		{
			/*display:none;*/
		}
		
			#contentHolder .content #accordionHolder .category_stretcher a, 
			#contentHolder .content #accordionHolder .category_stretcher a:visited
			{
				text-decoration:underline;
				color:#464646;
			}

			#contentHolder .content #accordionHolder .category_stretcher a:hover,
			#contentHolder .content #accordionHolder .category_stretcher a:active
			{
				text-decoration:underline;
				color:#B5A579;
			}
						
			#contentHolder .content #accordionHolder .category_stretcher ul
			{
				padding:5px 0;
				color:#464646;
			}
			
			#contentHolder .content #accordionHolder .category_stretcher li
			{
				margin:0 0 8px 25px;
				color:#464646;
			}
		
	
	/*************
	 *	Details  *
	 *************/
	#contentHolder .content #detailsHolder 
	{
		float:right;
		width:270px;
		padding: 0px 10px 0 0;
		color:#464646;
		text-decoration:none;
	}
	
		#contentHolder .content #detailsHolder .detailsBlock
		{
			display:none;
		}
		
			#contentHolder .content #detailsHolder .detailsBlock .details_heading 
			{
				color:#464646;
				margin:10px 0;
				font-size:1.4em;
				font-weight:bold;
			}			


/************
 *	Legal	*
 ************/

#contentHolder .legal
{
	color:#464646;
	padding:10px 5px;
}
#contentHolder .legal h1 
{
	color:#B5A579;
	font-size:2em;
	font-weight:bold;
	padding: 10px 0;
}
#contentHolder .legal a
{
	color:#b5975b;
	
}


/****************
 *	Contact Us	*
 ****************/

#contentHolder .contact

{
	color:#464646;
	padding:10px 5px;
}
#contentHolder .contact h1 
{
	color:#B5A579;
	font-size:2em;
	font-weight:bold;
	padding: 10px 0;
}

#contentHolder .contact h3 
{
	
	font-size:1.33em;
	font-weight:bold;
	padding: 10px 0 10px 0;
}
#contentHolder .contact a
{
	color:#b5975b;
	
}