/* words out west  */
html, body {
	background-color: #4b4635;
	font: normal 100% arial, verdana, 'trebuchet ms', sans-serif;
	margin: 0px;
	height: 100%;
	}
	
#wrapper {
/* workaround for getting full browser heights on fixed width, absolute sites .. bye bye css w3c compliance :) */
		float: left !important;
		float: '';
		position: relative;
	left: 50%;
	top: 0px;
	width: 770px;
	margin-left: -385px;
	min-height: 100%;
		background: url(../images/paperTear_repeating.jpg) repeat-y left top;
	}
	
	* html #wrapper
		{
		  height: 100%
		}


	#wrapper_content {
		position: relative;
		margin-left: 0px;
		margin-top: 0px;
		}
	

	#wrapper_xtension {
		float: left;
		background: url(../images/paperTear_repeating.jpg) repeat-y left top;
	min-height: 100%;
		}
		

	#banner {
		float: left;
		height: 131px;
		width: 770px;
		background: #333 url(../images/bannerImages.jpg) no-repeat right top;
		}
		
	#media_navigation {
		float: left;
		width: 770px;
		height: 24px;
		background: #333 url(../images/mediaNav.jpg) no-repeat left top;

		}
		
	#body_container_top {
		float: left;
		width: 770px;
		height: 22px;
		background: url(../images/bodyFrame_top.jpg) no-repeat left top;
		}
		
	#site_navigation {
		float: left;
		width: 715px;
		padding-right: 55px;
		height: 32px;
		background: url(../images/siteNav.jpg) no-repeat left top;
		}
		
	#body_content, #body_content.child {
		float: left;
		width: 380px;
		padding-top: 50px;
		padding-left: 120px;
		color: #020000;
		line-height: 18px;
		font-size: 75%;
		}

		
		#body_content.child {
			float: left;
			width: 500px;
			}
		
	#media_events_container {
		width: 221px;
		margin-left: 515px;

		}
		
		#events_postIt {
			float: left;
			width: 221px;
			height: 206px;
			margin-top: 10px;
			background: url(../images/eventsPostIt.jpg) no-repeat left top;
			}
			
			#events_postIt #event {

				width: 168px;
				height:150px;
				margin: 45px 2px 10px 25px;
				font-size: 75%;
				overflow: auto;
				}
				
	/* IE specific only  */
			#events_postIt #event {
				scrollbar-face-color:#D1C686;
				scrollbar-base-color:#D1C686;
				scrollbar-arrow-color:black;
				scrollbar-track-color:#333;
				scrollbar-shadow-color:#6E6C62;
				scrollbar-highlight-color:#6E6C62;
				scrollbar-3dlight-color:#D1C686;
				scrollbar-darkshadow-Color:#D1C686;
				}
	/* */
		#eventPostcard {
			float: left;
			width: 221px;
			height: 215px;
			background: url(../images/eventPostCard.jpg) no-repeat left top;
			}	
			
		#eventNews {
			float: left;
			width: 221px;
			height: 339px;
			background: url(../images/notepad-container.png) no-repeat;
			font-size: 70%;
			}
		
		#eventNewsCont {
			padding-top: 83px;
			padding-left: 37px;
			}
			
		#torn_edges.child {
			float: left;
			width: 770px;
			background: url(../images/child_bckgr.jpg) no-repeat left top;
			}

	#torn_edge.parent {
		float: left;
		width: 770px;
		background: url(../images/parent_bckgr.jpg) no-repeat left top;
		}
		

			
	#footer {

		float: left;
		padding-top: 40px;
		width: 770px;
		font-size: 70%;
		background: url(../images/parent_base.jpg) no-repeat left top;
		text-indent: 100px;
		}
		
		
	h1, h2, h3 { font: bold 130% verdana, arial, 'trebuchet ms', sans-serif; }
	
	h2 { font-size: 120%; }
	
	h3 { font-size: 110%; }
			
		.input {
			width: 145px;
			background:url(../images/drop.jpg) repeat-x;
			border: 1px solid #b1b1b1;
			height: 18px;
			padding: 1px;
			}
		
