body {
	margin: 0; padding: 0;
	font-family: 'Gill Sans', Trebuchet, Arial, sans-serif;
	font-size: small;
	text-align: center;
	background: #e4eff7 url(../images/bg.jpg) repeat top left;
	}
		
body#Interior {
	background: #e4eff7 url(../images/bg_int.jpg) repeat top left;
	}
	
.hidden {
	position: absolute;
	top: -5000em;
	}

abbr { border-bottom: 1px solid #aaa; cursor: help; }
	
a img { border: none; }
	
/* default opacity for IE */
img {
	filter:alpha(opacity=99.999);
	}

/* duplicate image positioning */
 img.idupe {
	position:absolute;
	top: 0 !important;
	left: 0 !important;
	z-index:30000;
	visibility: hidden;
	}
	
	
	img.headshot {
	margin-left: 10px;
	display: block;
	}
	


/**** Rules for the HSU Wordmark and Bar - Fahrner Image Replacement ****/
#Masthead {
	margin: 0;
	height: 30px;
	background: transparent url(../images/hsumark.jpg) no-repeat top center;
	position: relative;
	z-index: 100;
	border-bottom: 4px solid #fff;
	}
	#Masthead h1 { margin: 0; padding: 0; }
	#Logowrapper {
		margin: 0;
		height: 30px;
		}	
	#Logo {
		display: block;
		border: 0;
		padding: 0;
		height: 28px;
		overflow: visible;
		}
/**** END HSU Wordmark and Bar ****/
	
#Wrapper {
	position: relative;
	z-index: 10;
	margin: 0 auto;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	width: 750px;
	overflow: visible;
	}
	#Wrapper * { margin: 0; padding: 0; }
#Header {
	position: relative;
	float: left;
	width: 427px;
	margin: 20px 0 10px 10px;
	}
	#Interior #Header #Nav { /*so the HSU Now jpg doesn't overlap the navigation menu*/
		position: relative;
		z-index:8;
		}
	#Interior #Header {
		clear: both;
		float: none;
		width: 750px;
		margin-bottom: 20px;
		}
		* html #Interior #Header {
			clear: none;
			}
		#Interior #Header h2 {
			float: left;
			width: 250px;
			clear: none;
			margin-top: 10px;
			}
		#Interior #Header form {
			float: right;
			width: 300px;
			margin: 15px 10px 0 0;
			text-align: right;
			}
			* html #Interior #Header form {
				clear: none;
				}
			#Interior #Header a:hover {
				background-color: transparent;
				}
	
#RotatingPhotos {
	position: relative;
	float: right;
	width: 313px;
	text-align: right;
	margin: -5px 0px 0 0px;
	}
	
#Headlines {
	position: relative;
	float: right;
	clear: both;
	width: 320px;
	text-align: right;
	margin: 10px 15px 25px 0;
	}
	#Headlines h3 {
		margin: 15px 0 5px 0;
		}
	#Headlines h4 {
		margin: 5px 0 5px 0;
		}
	#Headlines p {
		margin: 10px 0 15px 0;
		float: right;
		width: 200px;
		}
		#Headlines a:link, #Headlines a:visited {
			text-decoration: none;
			color: #fff;
			}
			#Headlines a:hover {
				color: #4c2518;
				background-color: transparent;
				}
	
ul#Nav {
	margin-top: 20px;
	margin-left: 2px;
	}
	ul#Nav li {
		list-style: none;
		display: inline;
		padding-right: 10px;
		}
		ul#Nav li a {
			text-decoration: none;
			color: #4c2518;
			}
			ul#Nav li a:hover {
				color: #fff;
				background-color: transparent;
				}
#Interior ul#Nav {
	float: right;
	width: 500px;
	text-align: right;
	margin-left: 0px;
	}
		
		
#Content {
	position: relative;
	float: left;
	width: 510px;
	margin: 10px 10px 20px 12px;
	color: #252525;
	}
	
#Content.nav2 {
	position: relative;
	float: left;
	width: 750px;
	margin: 10px 10px 20px 12px;
	color: #252525;
	}
	
	#FeaturedAlumn {
		margin: 20px 0 0 0;
		width: 740px;
		}
		#FeaturedAlumn h5 {
			color: #3672ad;
			font-size: 1.2em !important;
			}
		.alumn {
			float: left;
			width: 340px;
			margin-bottom: 30px !important;
			}
		.alumnright {
			float: right;
			width: 340px;
			margin-bottom: 30px !important;
			}
			.alumn h5 img, .alumnright h5 img {
				float: right;
				}
	
	#Content.faculty {
		width: 725px;
		}
	#Content.facilities { 
		width: 725px;
		}
	#Content.deptnews { 
		width: 725px;
		}
	#Content p, #alumnipage p {
		margin: 0; padding: 10px 15px 10px 0;
		line-height: 1.4em;
		}
		#Content.faculty dt img {
			float: right;
			margin: 0px 0px 5px 15px;
			}
		#Content p.pullquote {
			text-align: right;
			font-size: 1.3em;
			font-style: italic;
			color: #4c2518;
			padding-top: 20px; padding-bottom: 25px;
			}
			#Content p.pullquote cite {
				line-height: 1.3em;
				font-style: normal;
				font-size: .7em;
				color: #252525;
				}
		#Content p.images {
			padding-bottom: 2px;
			}
		#Content p.caption {
			font-size: .9em;
			padding-top: 2px;
			padding-left: 15px;
			font-style: italic;
			color: #4c2518;
			}
			
			#Content p.medium {
			font-size: 1.2em;
			padding: 10px 15px 2px 0;
			}
			
	
			
	#Content.facilities a.nofoot:link, #Content.facilities a.nofoot:visited {
	 	text-decoration: underline;
		}
		#Content.facilities a.nofoot:hover {
			background-color: transparent;
			}
	#Content.facilities img.right, #Content.deptnews img.right, #Content.academics img.right {
		float: right;
		margin-left: 10px;
		}
	#Content.facilities img.left, #Content.deptnews img.left, #Content.academics img.left {
		float: left;
		margin-right: 10px;
		}
	#Content.facilities h4 {
		padding: 0px, 0px, 0px, 0px;
		font-size: 1.2em;
		}

		#Content h3 {
			padding-top: 10px;
			font-size: 1.5em;
			}
		#Content h4 {
			padding-top: 10px;
			font-size: 1.2em;
			}
		#Content h5 {
			padding-top: 10px;
			font-size: 1.1em;
			}
		#Content h6 {
			padding-top: 10px;
			font-size: 1.0em;
			}
	#Content ul, #alumnipage ul {
		padding: 10px 15px;
		}
		#Content ul.left {
			float: left;
			width: 200px;
			}
		#Content ul.right {
			float: right;
			width: 200px;
			}
			
	#Content ol {
		padding: 10px 17px;
		}
	#Content li {
		padding: 3px 0;
		line-height: 1.3em;
		}
		
		#Content li.whyhsu {
			margin-left: 13px;
			}
		
	#Content dl {
		padding: 10px 0px;
		}
		#Content dt {
			font-size: 1.2em;
			padding: 2px 0px;
			}
			#Content dd {
				padding: 2px 0px;
				}
	#Content a:link, #Content a:visited {
		text-decoration: none;
		border-bottom: 1px solid #4c2518;
		color: #4c2518;
		}
		#Content a:hover {
			border-bottom-style: solid;
			background-color: transparent;
			}

#Content form {
	float: left;
	padding-right: 20px;
	}			

#Content form fieldset {
	border: 2px solid #694021;
	}
	
/*----------------------------------------------------------------------
Additions by Peng Zhong (nylira.com)
/*----------------------------------------------------------------------*/

/* wildcareers.html */
#wildcareers h3 { margin: 0 0 .5em 0; }
#wildcareers h5 { margin: 0 0 1em 0; }
#wildcareers p {
	margin: 0 0 1.5em 0;
	padding: 0;
}
#wildcareers #alumni-list {
	list-style: none;
	padding: 0;
}
#wildcareers #alumni-list li {
	display: block;
	clear: both;
}
#wildcareers #alumni-list li .captioned-image {
	float: left;
	border: 1px solid #000;
	width: 250px;
	margin: 0 10px 10px 0;
}
#wildcareers .captioned-image p {
	background: #fff;
	color: #000;
	font: 9px/12px Verdana;
	padding: 10px;
	margin: 0;
}

/* students.html */
#Content #prospective-links, #Content #dlinks {
	list-style: none;
	padding: 0;
	display: block;
	margin: 15px 0;
}

#Content #prospective-links li, #Content #dlinks li {
	display: block;
	float: left;
}

#Content #prospective-links li a {
	display: block;
	height: 180px;
	width: 160px;
	text-decoration: none;
	border: 1px solid #4c2518;
	margin: 0 8px 30px 0;
	position: relative;
}
#Content #prospective-links li#wildcareers { margin: 0; }

#Content #prospective-links li#whyhsu a {background: url(../images2/students/whyhsu.jpg); }
#Content #prospective-links li#whyhsu a span { background: #505245;  }
#Content #prospective-links li#whywild a { background: url(../images2/students/whywild.jpg); }
#Content #prospective-links li#whywild a span { background: #80345a; }
#Content #prospective-links li#wildcareers a { background: url(../images2/students/wildcareers.jpg); }
#Content #prospective-links li#wildcareers a span { background: #2e5554; }
#Content #prospective-links li a span {
	position: absolute;
	bottom: 0;
	padding: 5px 10px;
	width: 140px;
	background: #4c2518;
	color: #fff;
}
#Content #prospective-links li a:hover, #Content #dlinks li a:hover {
	border-color: #fff;
}

#Content.deptnews hr {
	margin: 18px 0;
	border: none;
	height: 2px;
	background: rgb(161,126,104);
}

/* diversity & inclusion */
#Content #dlinks li a {
	display: block;
	height: 215px;
	width: 160px;
	text-decoration: none;
	border: 1px solid #4c2518;
	margin: 0 8px 30px 0;
	position: relative;
}
#Content #dlinks li a span {
	position: absolute;
	bottom: 0;
	padding: 5px;
	width: 150px;
	background: #4c2518;
	color: #fff;
	display:block;
	height:65px;
}
#dlinks li.sacnas a {background: url(../images/d6.jpg); }
#dlinks li.cu a {background: url(../images/d5.jpg); }
#dlinks li.apasa a {background: url(../images/d2.jpg); }
#dlinks li.inrsep a {background: url(../images/d4.jpg); }
#dlinks li.mc a {background: url(../images/d3.jpg); }
#dlinks li.eop a {background: url(../images/d1.jpg); }

		
/********************* TABLES ***********************/
#Content table {
	margin:  1em 0 1.5em 0;
	padding: 0 ;
	width: 99%;
	}

#Content table.form {
	margin:  1em;
	width: auto;
	border: none;
	}

#Content th {
	text-align: left;
	border-bottom: solid 1px #4c2518;
	line-height: 1.2em;
	font-size: .9em;
	padding: 5px 10px;
	background: #4c2518;
	color: #fff;
	}

#Content table.form tr {
	border-bottom: none;
	line-height: inherit;
	font-size: inherit;
	}
	
#Content td {
	border-bottom: solid 1px #4c2518;
	line-height: 1.2em;
	font-size: .9em;
	padding: 7px 10px;
	}
	
#Content td.form {
	border-bottom: none;
	line-height: inherit;
	font-size: inherit;
	text-align: left;
	padding: 0px 0px 5px 0px
	}
	
#Content td.unit {
	text-align: center;
}	

#Sidebar {
	position: relative;
	float: right;
	width: 223px;
	}
	
	#Sidebar.Newsnav {
	width: 185px;
	text-align: left;
	padding-bottom: 75px;	
	}
	
	#Sidebar.nav {
	width: 185px;
	text-align: right;
	background: transparent url(../images/sidebarnav.gif) no-repeat bottom center;
	padding-bottom: 75px;
	border-top: 4px solid #fff;
		}
		#Sidebar.nav ul, #Sidebar.Newsnav ul {
			margin: 20px 10px 0px 0px;
			}
			#Sidebar.Newsnav li.borderTop {
				border-Top: 1px dotted #735E57;
				}
			#Sidebar.Newsnav li.borderBottom, #Sidebar.Newsnav li.borderTop {
				padding-left: 15px;
				}	
			#Sidebar.nav ul li, #Sidebar.Newsnav ul li {
				margin: 0px; 
				padding: 7px 0px;
				list-style: none;
				}
				#Sidebar.nav ul li ul, #Sidebar.Newsnav ul li ul {
					margin: 10px 0px 0px 0px;
					}
					#Sidebar.nav ul li ul li, #Sidebar.Newsnav ul li ul li {
						width: 100%;
						margin: 0px; 
						list-style: none;
						font-size: .9em;
						}
					#Sidebar.nav ul li ul li {	
						padding: 5px 10px 5px 0px;
						}
					#Sidebar.Newsnav ul li ul li {	
						padding: 5px 10px 5px 11px;
						}
					#Sidebar.nav ul li ul li {
						background-color: #fff;
					}
						#Sidebar.nav ul li ul li a:link, #Sidebar.nav ul li ul li a:visited, #Sidebar.Newsnav ul li ul li a:link, #Sidebar.Newsnav ul li ul li a:visited {
							color: #4c2518;
							font-weight: normal;
							text-decoration: none;
							}
							#Sidebar.nav ul li a:link.selected, #Sidebar.nav ul li a:visited.selected, #Sidebar.Newsnav ul li a:link.selected, #Sidebar.Newsnav ul li a:visited.selected {
								color: #4c2518;
								}
							span.NewsMenuHead {
								color: #fff;
								font-weight: bold;
								cursor: pointer; cursor:hand;
								}
						#Sidebar.nav ul li ul li a:hover {
							color: #a7b7d8;
							}
							
						#Sidebar.Newsnav ul li ul li a:hover {
							color: #000000;
							}
				#Sidebar.nav ul li a:link, #Sidebar.nav ul li a:visited, #Sidebar.Newsnav ul li a:link, #Sidebar.Newsnav ul li a:visited {
					color: #fff;
					font-weight: bold;
					text-decoration: none;
					}
					#Sidebar.nav ul li a:link.selected, #Sidebar.nav ul li a:visited.selected {
						color: #a7b7d8;
						}
				#Sidebar.nav ul li a:hover {
					color: #d3b094;
					}

#contactphotos {
	position: relative;
	float: right;
	width: 223px;
	height: 550px;
	background: transparent url(../images/photosidebar2.jpg) no-repeat top center;
	border-top: 4px solid #fff;
	}
#programphotos {
	position: relative;
	float: right;
	width: 223px;
	height: 550px;
	background: transparent url(../images/photosidebar3.jpg) no-repeat top center;
	border-top: 4px solid #fff;
	}
#hsuphotos {
	position: relative;
	float: right;
	width: 223px;
	height: 550px;
	background: transparent url(../images/photosidebar4.jpg) no-repeat top center;
	border-top: 4px solid #fff;
	}
#linksphotos {
	position: relative;
	float: right;
	width: 223px;
	height: 550px;
	background: transparent url(../images/photosidebar5.jpg) no-repeat top center;
	border-top: 4px solid #fff;
	}
#facilityphotos {
	position: relative;
	float: right;
	width: 223px;
	height: 550px;
	background: transparent url(../images/photosidebar6.jpg) no-repeat top center;
	border-top: 4px solid #fff;
	}
#newsphotos {
	position: relative;
	float: right;
	width: 223px;
	height: 550px;
	background: transparent url(../images/photosidebar7.jpg) no-repeat top center;
	border-top: 4px solid #fff;
	}
#Content img.whyWild, #Content img.jobs {
	margin: 10px;
	border: solid #000000 1px;
}
	

#Footer {
	width: 100%;
	position: relative; 
	margin: -750px auto 0 auto;
	padding: 750px 15px 50px 0;
	text-align: right;
	z-index: 5;
	color: #fff;
	background: transparent url(../images/footer.jpg) no-repeat bottom center;
	border-bottom: 4px solid #fff;
	font-size: .8em;
	line-height: 1.4em;
	}
		
#Footer.inside {
	width: 100%;
	background: transparent url(../images/footer_int.jpg) no-repeat bottom center;
	padding-top: 727px;
	margin-top: -680px;
		color: #4c2518;
	}
	#Footer p {
		margin: 0 auto;
		width: 740px;
		}
	#Footer form {
		margin: 10px auto;
		width: 740px;
		}
	#Footer a:link, #Footer a:visited {
		text-decoration: none;
		font-weight: bold;
		color: #fff;
		}
		#Footer.inside a:link, #Footer.inside a:visited {
			color: #4c2518;
		}
		#Footer.inside a:hover, #Footer a:hover {
			text-decoration: underline;
			background-color: transparent;
			}
		
#Content .collapsed-list{
margin:10px 0 20px 0;
padding:0;
list-style:none;
}
#Content .collapsed-list li{
margin:0;
padding:0;
}
#Content .collapsed-list li ul{
margin:0;
padding:0;
list-style:none;
}
#Content .collapsed-list li ul li{
margin:5px 0 15px 0;
}
#Content .collapsed-list .jqcNode {
padding:0 0 0 15px;
border-bottom:0;
text-decoration:underline;
color: #4c2518;
line-height:18px;
background:url(../images/plus.gif) no-repeat 0 2px;
}
#Content .collapsed-list .t-graphic{
background:url(../images/minus.gif) no-repeat 0 2px;
}  
#Content p.option_doc {
	background-color:#fff;
	margin:9px 0;
	width:75%;
	border:solid 1px #4B291F;
	padding:10px 5px 10px 20px;
	line-height: 28px; 
}

#alumnipage{
	margin:50px 0 0 0;
	padding:10px;
	color:#222;
	background-color:#dbcdc0;
	width:190px;
	float:right;
	border:1px dashed #4c2518;
}
#alumnipage p{
	font-size:14px;
}
#alumnipage a{
	color:#4c2518;
}


/*homepage*/
ul.engagement_tools {
   background-color: #caab91;
   list-style-type: none;
   margin: 20px 0 0 115px;
   width:195px;
   float:right;
}
#Headlines ul.engagement_tools a.button {
/*	background-color: #3E2718;*/
	border-bottom: 1px solid #715239;
	color:#593225;
	display: block;
	font-size: 110%;
	padding: 7px 5px 5px;
/*	width: 175px;*/
}
#Headlines ul.engagement_tools a:hover {
	text-decoration:none;
	border-bottom:1px solid #fff;
}
a span.subtext {
	font-size:90%;
	text-transform: none;
}

/*giving page*/   
#Wrapper a.give_button {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	display: block;
	height: 25px;
	padding-top: 5px;
	text-align: center;
	text-decoration: none;
	width:171px;
	color:#000;
}
#Content .give_section {
	background-color: #caab91;
	color:#000;
	float: right;
	margin: 13px 0 10px 10px;
	padding: 10px 5px;
	width: 200px;
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0,.2);
    box-shadow: 0px 0px 15px rgba(0,0,0,.2);
} 
#Content .give_section p:first-child {
	margin:0px 0 0 15px;
}
#Content .give_section p.instructive_text {
	width: 175px;
	padding:0 10px 10px 15px;
	margin:0;
}