body {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	background-color: #ffebad;
	background-image: url(../images/layouts/yellow_bkgd.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#top_shadow {
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 786px;
	height: 14px;
	background-image: url(../images/layouts/top_shadowyellow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#pageContainer {
	background-image: url(../images/layouts/container_bkgd_yellow.jpg);
	background-repeat: repeat-y;
	height: auto;
	width: 786px;
	margin: 0 auto;
	padding: 0;
}

#shadow_Left {
	background-image: url(../images/layouts/left_shadow_yellow.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0;
	padding: 0;
	height: 794px;
	width: 4px;
	float: left;
}

#shadow_Right {
	position: relative;
	float: right;
	/*left: 782px;*/
	width: 4px;
	height: 794px;
	margin: 0;
	padding: 0;
	background-image: url(../images/layouts/right_shadow_yellow.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#mainColumn {
	position: relative;
	left: 0;
	width: 760px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

#container {
	position: relative;
	padding: 0 13px;
	margin: 0 auto;
	width: 760px;
	text-align: center;
	background-image: url(../images/layouts/container_bkgd_yellow.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}


/* --- HEADER --- */
/* contains logo, primary and secondary navigation, and search field */
#header {
	width: 760px;
	height: 105px;
	padding: 0;
	background: #fff;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#headerNew {
	margin: 0;
	padding: 0;
	height: 106px;
	width: 760px;
}

/* new logo address and search secions for the revised header 3-25-09 */

#topLogo {
	margin: 0;
	padding: 0;
	float: left;
	height: 106px;
	width: 291px;
}
#topAddress {
	padding: 0;
	float: right;
	height: 66px;
	width: 150px;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12px;
}
#topAddress p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	padding: 0;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}
#topSearch {
	padding: 0;
	float: right;
	height: 40px;
	width: 307px;
	margin-top: 66px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}


h1#logo{
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0 auto;
	height: 104px;
	width: 288px;
	text-indent: 1px;
	font-size: 1px;
	/* ignored in IE/Mac \*/
	overflow: hidden;
	font-size: 10px;
	/* */
}

h1#logo a span{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: url('../images/layouts/logo.jpg');
	width: 100%;
	height: 100%;
 	cursor: hand;
}

#searchNew {
	top: 4px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}

#searchNew form {
	padding: 0;
	margin: 0;
	width: 300px;
}

#searchNew form #input {
	margin-top: 3px; 
	height: 18px; 
	width: 143px; 
	border: 1px solid #356507; 
	background-color: #fcf9ea; 
	color: #573e29;
}

#searchNew form #search_btn {
	border: 1px solid #356507; 
	margin-top: 0;
	position: absolute;
	top: 4px;
}



#priNavContainerWide {
	position: relative;
	height: 36px;
	/*width: 760px;*/
	margin: 0 auto;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(../images/layouts/nav_bar_tile.jpg);
	background-repeat: repeat-x;
	z-index: 100;
}

	#priNavContainerWide h2 {
		display: none;
	}

	#priNav {
		margin: 0;
		padding: 0;
		text-align: center; /* change this to change the alignment of navigation */
	}
	
		#priNav li {
			position: relative;
			margin: 0;
			list-style-type: none;
			display: inline; /* use this to align the navigation next to each other */
		}
	
			#priNav li a {
				position: relative;
				padding: 10px 12px; /* padding strictly for the background to show completely */
				line-height: 36px; /* need this to actually stretch the button size because it's inline */
				color: #797979;
				font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: 11px;
				text-decoration: none;
				text-transform: uppercase;
				text-align: center;
			}
			
			#priNav li a:hover, #priNav li a.active, #priNav li a.active:hover {
				color: #a30046;
				background: #f1e3a8;
			}
			
				/******  Drop Downs ******/
				
				#priNav li:hover a, #priNav li.sfhover a {
					color: #a30046;
					background: #f1e3a8;
				}


				#priNav li ul {
					position: absolute;
					width: 185px;
					top: 23px; /* This is overwritten in the layout file for IE due to it showing up higher */
					left: 0;
					margin: 0;
					padding: 5px;
					display: none;
					z-index: 3000;
					background-color: #f1e3a8;
					filter: alpha(opacity=90);
					opacity: .90;
				}

				#priNav li:hover ul, #priNav li ul li:hover {
					display: block;
					z-index: 3000;
				}
				
				/* duplicate of above declaration; needed for IE6 */
				#priNav li.sfhover ul, #priNav li ul li.sfhover {
					display: block;
					z-index: 3000;
				}


					#priNav li ul li {
						float: none;
						padding: 0;
						line-height: normal;
						display: block;
						z-index: 3000;
					}



					#priNav li:hover li a, #priNav li.sfhover li a {
						position: relative;
						padding: 5px 10px;
						text-align: left;
						line-height: normal;
						display: block;
						color: #797979;
						background: none;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 11px;
						font-weight: 800;
						text-transform: none;
					}
			
					#priNav li:hover li a:hover, #priNav li:hover li a.active, #priNav li:hover li a.active:hover {
						color: #a30046;
					}

					/* duplicate of above declaration; needed for IE6 */
					#priNav li.sfhover li a:hover, #priNav li.sfhover li a.active, #priNav li.sfhover li a.active:hover {
						color: #a30046;
					}




/*--- FLASH ---*/
#flash {
	position: relative;
	margin: 0 auto;
	padding-top: 3px;
	width: 760px;
	height: 236px;
	overflow: hidden;
	border-bottom: 1px solid #fff;
	z-index: 50;
}

/*--- CONTENT ---*/
#mainContent {
	width: 760px;
	padding: 0;
	position: relative;
	background: #efeada url('../images/layouts/mainContent_bg.jpg') top left repeat-x;
	text-align: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#content {
	width: 539px;/*570*/
	min-height: 313px;
	padding: 15px;
	margin: 0;
	position: relative;
	/*float: left;*/
	overflow: hidden;
	border-right: 1px solid #d3d6da;
	line-height: 15px;
}

* html #content { width: 535px; }

#content p {
	line-height: 15px;
	margin: 0 auto 12px;
}

#content p a:link, #content p a:visited {color: #a30046; text-decoration: underline; font-weight: bold; }
#content p a:hover, #content p a:active {color: #000; text-decoration: none; font-weight: bold; }

#content .numbers {
	margin: 15px 0px;
}

#content .numbers li {
	margin: 6px 0 6px 0px;
	padding: 0 20px 0 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#content .bullets {
    margin: 15px 0;
}

#content .bullets li {
	margin: 6px 0px 0px 0px;
	padding: 0 20px 0px 2px;
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#content .bullets li li {
	padding: 0 5px 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#right_column {
	width: 189px;
	min-height: 343px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #fff;
	overflow: hidden;
}

.quicklinks {
	padding: 3px 0 0 0;
	margin: 0;
	position: relative;
}

.quicklinks li {
	display: inline;
	text-align: left;
	padding: 0;
	margin: 0;
}

.quicklinks li a:link, .quicklinks li a:visited, .quicklinks li a:active {
	display: block;
	padding: 0;
	margin: 0;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #646465;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 11px;
	text-align: left;
	text-indent: 13px;
	width: 189px;
	height: 24px;
	line-height: 20px;
	background: url('../images/layouts/quicklinks_bg.jpg') left top no-repeat;
}

.quicklinks li a:hover {
	color: #260900;
	text-decoration: none;
	background: url('../images/layouts/quicklinks_on.jpg') left top no-repeat;

}

/*--- FOOTER ---*/
#footer_img {
	position: relative;
	clear: both;
	padding: 0;
	width: 786px;
	height: 17px;
	background-image: url(../images/layouts/footer_img_yellow.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 auto;
}

#footer {
	padding: 0;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 782px;
	height: 34px;
	font-family: Arial, Helvetica, sans-serif;
}

#footer p {
	font-size: 10px;
	line-height: 15px;
	color: #000000;
	padding: 0;
}

#footer p a:link, #footer p a:visited {
	color: #000000;
	text-decoration: underline;
}
#footer p a:hover, #footer p a:active {
	color: #000000;
	text-decoration: underline;
}


/* VIEWER */

#viewer_window {
	width: 250px;
	height: 100px;
	background-color: #fff;
}

#viewer_close {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 50px;
	border: #f00 solid 3px;
}
.clear {
	margin: 0;
	padding: 0;
	clear: both;
}

