@charset "UTF-8";
/* CSS Document */

/*** some people may not like to clear all of their padding and margin spacing but I do, I want to have full control ****/

*{
	margin:0px;
	padding:0px;
}

body{
	background:url(images/bg.jpg);
	font-family:Helvetica, Arial, sans-serif
	}
	
a:link, a:visited{
	text-decoration:none;
	color:#EBB63A;
}

a:active, a:hover{
	text-decoration:none;
	color:#522E12;
}

/*** I usually do center aligned designs so I am going to set the container to sit in the middle of the page ****/

#container{
	width:906px;
	background:url(images/content-bg.png) repeat-y;
}

#header{
	background:url(images/header.png) no-repeat;
	height:466px;
}

	#header p{
		padding:382px 0px 0px 400px;
		font-size:18px;
		font-weight:bold;
	}
	
	#header p a:link, #header p a:visited{
		text-decoration:none;
		color:#522E12;
	}
	
	#header p a:active, #header p a:hover{
		text-decoration:none;
		color:#EBB63A;
	}

#leftcol{
	width:281px;
	float:left;
}

	#subhead{
		background:url(images/photo-subhead.png) no-repeat;
		height:40px;
		margin-left:12px;
	}

#rightcol{
	width:625px;
	float:left;
}

	#rightcol h2{
		background:url(images/bird-headline.png) no-repeat;
		padding-left:67px;
		padding-bottom:15px;
		color:#522E12;
	}
	
	#rightcol form{
		float:left;
		width:170px;
		margin:10px 10px 0px 26px;
	}
	
		#rightcol input, #rightcol select, #rightcol label, #rightcol textarea{
			margin-bottom:10px;
			font-size:12px;
			color:#522E12;
		}
		
		label strong{
			color:#EBB63A;
		}
	
	#rightcol fieldset{
		border:none;
	}
	
	#rightcol p, #footer p{
		font-size:12px;
		color:#522E12;
		margin:0px 35px 10px 26px;
		line-height:26px;
		font-weight:bold;
	}

#clear{
	clear:both; /*** this stops the floating ***/
}

#bottom{
	background:url(images/bottom.png) no-repeat;
	height:26px;
}

#footer{
	height:25px; /*** you don't always need set a height for the footer ***/
}