/*----------------------------------------------------------------------------- 
base.css
-----------------------------------------------------------------------------*/ 

/* body
-----------------------------------------------------------------------------*/ 
html { overflow-x: hidden; }
body {  background: #f1e2b4; }

/* typography
-----------------------------------------------------------------------------*/ 
h1 {
	text-indent: -1000em;
	line-height: 1;
	background-repeat: no-repeat;
	background-position: left bottom;
}
h1.alt {
	text-indent: 0;
	background: none;
	font-size: 2.3em;
	font-weight: bold;
	color: #2c9591;
	margin: 0 0 20px 0;
}

h2 {
	font-size: 1.5em;
	margin: 0 0 10px 10px;
}
h3 {

}
h4 {

}
p { 
	color: #333;
	font-size: 1.3em;
	line-height: 1.4;
	margin: 0 0 8px 0;
}

a { 
	text-decoration: underline;
	color: #398cb1;
 }
#container #wrapper a:hover { color: #3056a6; }
	
#content ul.common { margin: 0 0 17px 0; }
	#content ul.common li {
		background: url(../img/bullet/bullet_disc_blue.gif) no-repeat left .5em;
		color: #333;
		font-size: 1.2em;
		padding: 0 0 0 12px;
		margin: 0 0 2px 0;
	}


/* forms
-----------------------------------------------------------------------------*/ 
fieldset.common {}	
	fieldset.common .text input,
	fieldset.common .text textarea {
		border: 0;
		font-size: 1.5em;
		color: #7c7c7c;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left bottom;
	}	
	fieldset.common .text input {
		background-image: url(../img/bg/bg_textbox.gif);
		width: 280px;
		padding: 6px 8px 9px 8px;
	}
	fieldset.common .text textarea {
		background-image: url(../img/bg/bg_textarea.gif);
		width: 609px;
		height: 88px;
		overflow: hidden;
		padding: 6px 8px 10px 8px;
	}
	
	fieldset.common select { 
		font-size: 1.5em;
		color: #7c7c7c;
		width: 295px;
	}
.required { color: #cc0000; }

	fieldset.common p.error {
		color: #cc0000; 
		font-weight: bold;
		margin: 0 0 20px 0;
	}
	fieldset.common .text.error input,
	fieldset.common .text.error textarea,
	fieldset.common .text.error select {
		background-position: left top;
		color: #000;
	}
	
/* #container
-----------------------------------------------------------------------------*/ 
#container {
	width: 985px;
	margin: 0 auto;
	padding: 0 0 30px 0;
}
	#container #wrapper {}
	
/* #header
-----------------------------------------------------------------------------*/ 
#header {
	height: 155px;
	background: url(../img/bg/bg_header.jpg) no-repeat left top;
	padding: 0 0 0 10px;
	position: relative;
}
	#header #logo {
		display: inline;
		height: 116px;
		width: 223px;
		text-indent: -1000em;
		float: left;
		margin: 16px 16px 0 -2px;
		position: relative;
		background: url(../img/logo/logo.png) no-repeat left top;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo/logo.png', sizingMethod='image');
		_background: none;
	}
	#header #flower {
		background: url(../img/bg/bg_flower.png) no-repeat left top;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg/bg_flower.png', sizingMethod='image');
		_background: none;
		height: 105px;
		width: 163px;
		text-indent: -1000em;
		position: absolute;
		right: -95px;
		top: 0;
		z-index: 1;
	}	

/* #content
-----------------------------------------------------------------------------*/ 
#content {
	background: url(../img/bg/bg_content.jpg) no-repeat left bottom;
	margin: 0 0 21px 0;
	padding: 0 0 40px 8px;
}
	#content #content_wrap {
		background: url(../img/bg/bg_content_texture.jpg) no-repeat left top;
		padding: 28px 0 0 20px;
		min-height: 370px;
		height: auto;
		_height: 370px;
	}

/* #nav_main
-----------------------------------------------------------------------------*/ 
#nav_main {  
	float: left;
	margin: 17px 0 0 0;
	position: relative;
	z-index: 2;
}
	#nav_main ul { list-style: none; }
		#nav_main ul li { float: left; }
			#nav_main ul li a {
				text-indent: -9999px;
				height: 21px;
				display: block;
				background-position: left bottom;
				background-repeat: no-repeat;
			}
			#nav_main ul li#nav_home a {
				background-image: url(../img/nav/nav_home.gif);
				width: 58px;
			}
			#nav_main ul li#nav_about a {
				background-image: url(../img/nav/nav_about.gif);
				width: 98px;
			}
			#nav_main ul li#nav_program a {
				background-image: url(../img/nav/nav_program.gif);
				width: 184px;
			}
			#nav_main ul li#nav_donate a {
				background-image: url(../img/nav/nav_donate.gif);
				width: 87px;
			}
			#nav_main ul li#nav_dates a {
				background-image: url(../img/nav/nav_dates.gif);
				width: 157px;
			}
			#nav_main ul li#nav_contact a {
				background-image: url(../img/nav/nav_contact.gif);
				width: 115px;
			}
			#nav_main ul li a:hover,
			#container #nav_main ul li.active a,
			#container #nav_main ul li.active a:hover { background-position: left top; }
			
/* #footer
-----------------------------------------------------------------------------*/	
#footer {
	padding: 0 19px 0 10px;
}
	#footer p {
		font-size: 1.1em;
	}
	#footer a { color: #333; }
	#container #footer a:hover { color: #000; }
	#footer .col_a { float: left; }
	#footer .col_b { float: right; }

/* canvas
-----------------------------------------------------------------------------*/	
.canvas {
	background-position: left bottom;
	background-repeat: no-repeat;
	position: relative;
	zoom: 1;
}
	.canvas p { 
		font-size: 1.2em; 
		margin: 0 0 11px 0;
	}
	.canvas .canvas_content {  
		padding: 13px 25px 28px 13px;  
		zoom: 1;
	}
.canvas.canvas_612 { background-image: url(../img/bg/bg_canvas_612.gif); }
.canvas.canvas_322 { background-image: url(../img/bg/bg_canvas_322.gif); }
	.canvas.canvas_322 .canvas_content { padding: 13px 29px 25px 29px; }
.canvas.canvas_dotted { 
	background: url(../img/bg/bg_canvas_dotted_head.gif) no-repeat left top; 
	padding: 15px 0 0 0;
}
	.canvas.canvas_dotted .canvas_content { 
		padding:  0 30px 20px 15px; 
		background: url(../img/bg/bg_canvas_dotted_content.gif) no-repeat left bottom; 
	}
.canvas.canvas_dotted_plain { 
	background: url(../img/bg/bg_canvas_dotted_plain_head.gif) no-repeat left top; 
	padding: 14px 0 0 0;
}
	.canvas.canvas_dotted_plain .canvas_content { 
		padding:  0 20px 23px 15px; 
		background: url(../img/bg/bg_canvas_dotted_plain_content.gif) no-repeat left bottom; 
	}
.canvas.canvas_932 { 
	background: url(../img/bg/bg_canvas_932.gif) no-repeat left top; 
	height: 401px;
}
	.canvas.canvas_932 .canvas_content { padding: 5px 3px; }