body{
	margin:0;
	padding:0;
	text-align:center;
	background:url(../images/bg.jpg) repeat top left;
	font:12px/21px arial, helvetica, sans-serif;
}
img{
	border:0;
}
#masthead {
	height:30px;
	margin:0;
	background-color:#e76d00;
}
#logowrapper {
	height:30px;
	width:800px;
	margin:0 auto;
	padding:0;
}
.hidden {
	position:absolute;
	top:-999em;
}
.clearer{
	clear:both;
}
#logo {
	background:url(../images/hsu-wordmark.gif) no-repeat left 6px;
	border:0 none;
	display:block;
	height:30px;
}
#nav{
	height:53px;
	background:url(../images/nav-bg.jpg) repeat-x top left;
	margin:0;
	padding:0;
}
#nav ul{
	width:800px;
	margin:0 auto;
	padding:0;
	list-style:none;
}
#nav ul li{
	margin:0;
	padding:0;
	display:block;
	float:left;
	background:0;
}
#nav ul li a{
	display:block;
	padding:25px 12px 4px 0;
	height:24px;
	width:120px;
	font:14px/24px arial, helvetica, sans-serif;
	color:#444;
	text-align:right;
	text-decoration:none;
	border-left:1px solid #c8c8c8;
}
#nav ul li a:hover{
	background:url(../images/hover.png) repeat-x 0 46px;
}
#nav ul li a.selected{
	background:url(../images/hover.png) repeat-x 0 46px;
}
#nav ul li a.last{
	border-right:1px solid #c8c8c8;
	width:121px;
}
.home #header{
	height:380px;
	background:url(../images/gray-bg.jpg) no-repeat top center #303628;
	margin:0;
}
.home #header #header-wrap{
	width:241px;
	padding-right:559px;
	height:380px;
	margin:0 auto;
	text-align:right;
	background:url(../images/hm/rotate.php) no-repeat top right;
	color:#fff;
}
.home #header h1{
	margin:0;
	width:241px;
	height:167px;
	background:url(../images/art-wordmark-hm.gif) no-repeat right 30px;	
}
.home #header .mission{
	margin:0;
}
.interior #header{
	height:170px;
	background:url(../images/gray-bg.jpg) no-repeat top center #303628;
	margin:0;	
}
.interior #header #header-wrap{
	width:245px;
	padding-right:555px;
	height:170px;
	margin:0 auto;
	text-align:right;
	background:url(../images/bk/rotate.php) no-repeat top right;
	color:#fff;
}
.interior #header h1{
	margin:0;
	padding:0;
	width:245px;
	height:170px;
	background:url(../images/art-wordmark-bk.gif) no-repeat 44px 33px;
}
.interior #header h1 a{
	display:block;
	width:245px;
	height:170px;
	}
.home address{
	margin:0 0 55px 0;
} 
div.address{
	margin:0 0 55px 0;
	padding:50px 0 15px 0;
	font-style:normal;
}
div.address a{
	color:#fff;
	font-weight:normal
}
div.address .org{
	font-weight:bold;
}
div.address img{
	margin:0 0 0 7px;
}
.vcard{
	width:800px;
	margin:0 auto;
	text-align:right;
	color:#fff;
}
.home #content{
	background:0;
	padding-bottom:0px;
}
.col1 #content{
	background:0;
}
#content{
	width:800px;
	margin:0 auto;
	text-align:left;
	padding:1px 0 100px 0;
	background:url(../images/divider.gif) repeat-y top right;
}
.home #secondary-content{
	width:267px;
	padding:0;
	margin:0;
}
#secondary-content{
	width:240px;
	float:left;
	padding-left:25px;
	margin:-10px 0 0 0;
}
#primary-content{
	width:483px;
	padding-right:50px;
	float:left;
}
#bp-wrap{
	background:url(../images/divider-fade.gif) no-repeat 533px -90px;
	padding-top:1px;
}
.col1 #primary-content{
	width:800px;
}
h2, h1{
	font:24px/30px futura, helvetica, sans-serif;
	color:#454840;
	margin:34px 0 17px 0;
}
h3{
	color: #c65d00;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 26px;
}
h4{
	font:18px/24px futura, helvetica, sans-serif;
	color:#454840;
}
h5{
	font:16px/22px Georgia, "Times New Roman", Times, serif;
	color:#c65d00;
}
h6{
	font:14px/16px futura, helvetica, sans-serif;
	color:#454840;;
}
#content ul{
	margin:10px 0;
	padding:0;
	list-style:none;
	line-height:16px;
}
#content ul li{
	margin:8px 0;
	padding:0 0 0 15px;
	background:url(../images/orange-dot.png) no-repeat 0 3px;
}
#content ul.secondary-nav{
	margin:16px 0 16px -25px;
	font:16px/22px arial, helvetica, sans-serif;
}
#content ul.secondary-nav li{
	margin:10px 0;
	background:url(../images/s-nav-bg.png) no-repeat bottom left;
}
#content ul.secondary-nav a{
	font-weight:normal;
	text-decoration:none;
	display:block;
	background:url(../images/orange-dot.png) no-repeat 0 6px;
	margin:0;
	padding:0 0 4px 15px;
}
#content ul.secondary-nav ul{
	font:14px/18px arial, helvetica, sans-serif;
	margin:0;
	padding:0 0 10px 0;
}
#content ul.secondary-nav li ul li{
	margin:3px 0;
	background:0;
}
#content ul.secondary-nav ul li a{
	font-weight:normal;
	text-decoration:none;
	display:block;
	background:0;
	margin:0;
	padding:0 0 4px 15px;
}
#facilities, #programs, #featured-work{
	font-size:13px;
}
#programs p, #featured-work p{
	margin:4px 0 0 0;
}
#facilities #shuffle{
	width:265px;
	min-height:307px;
	border:1px solid #becdb0;
	background-color:#fff;
	margin:0;
	padding:0;
	position:relative;
	top:-40px;
}
#facilities #shuffle div{
	width:265px;
	min-height:307px;
	margin:0;
	padding:0;
}
a {
	color:#628844;
	font-weight:bold;
}
#featured-work img{
	border:1px solid #becdb0;
	background-color:#fff;
	padding:6px;
	margin:0 5px 0 0;
}
#featured-work img:hover{
	border:1px solid #e76d00;
}
.stu-work{

}
.stu-work h3{
	color:#c65d00;
	text-align:right;
	width:124px;
	height:85px;
	float:left;
	margin:30px 0 30px 26px;
	position:relative;
	font:22px/26px Georgia, "Times New Roman", Times, serif;
}
.stu-work h3 span{

}
.stu-work ul.stu-carousel{

}
div#ceramics, div#graphic-design, div#photography, div#sculpture{
	background-color:#ddd;
	width:100%;
	height:152px;
}
div#painting, div#drawing, div#printmaking, div#small-metals{
	width:100%;
	height:152px;
}
div#fac-listing h4{
margin-bottom:10px;
}
div#faculty ul li, div#fac-listing ul.contact li, div#staff ul li{
background:0;
padding:0;
margin:3px 0;
}
div#faculty ul, div#fac-listing ul.contact, div#staff ul{
line-height:14px;
}
div#faculty h3, div#staff h3{
font:18px/22px georgia, times, sans-serif;
color:#c65d00;
margin:0;
}
div#faculty h3 span, div#fac-listing h3 span, div#staff h3 span{
display:block;
font:15px/22px futura, helvetica, sans-serif;
color:#454840;
}
div#fac-listing h3 span{
font-size:17px;
}
div#fac-listing h3{
margin-bottom:0;
}
div#faculty strong, div#staff strong{
color:#628844;
}
div#faculty a, div#faculty div, div#staff a, div#staff div{
display:block;
width:220px;
margin:0 26px 35px 0;
padding:10px;
height:130px;
float:left;
border-bottom:1px solid #ccc;
color:#454840;
text-decoration:none;
font-weight:normal;
}
div#faculty a:hover, div#staff a:hover{
background-color:#eee;
border-bottom:1px solid #628844;
}
.fac-nav-label span{
font:22px/30px futura, helvetica, sans-serif;
color:#c65d00;
display:block;
padding-bottom:5px;
}
#shuffle div p{
margin:-5px 5px 0 11px;
}
#shuffle div a{
display:block;
margin:3px 5px 0 11px;
}
#shuffle div p strong{
color: #e76d00;
}
#home-link{
text-align:left;
width:800px;
margin:0 auto;
}
#home-link span{
display:block;
width:120px;
height:22px;
background:url(../images/home-a-bg.gif) repeat-x top left;
}
#home-link a{
background:url(../images/home-a-arrow.gif) no-repeat 7px 2px;
display:block;
font:11px/12px arial, helvetica, sans-serif;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:2px 0 0 22px;
}


#next {
	text-decoration:none;
	position:relative;
	top:75px;
	z-index:20; 
	float:right;
}
#prev {
	text-decoration:none;
	position:relative;
	top:75px;
	z-index:10;
	float:left;
}


/*Giving and Alumni Updates styles added 1/12/2011 Matt Hodgson*/

/*homepage*/
ul#engagement_tools {
	list-style-type:none;
	margin:50px 0 20px 0;
	padding:10px 0;
	font-family:arial, Arial, Helvetica, sans-serif;
	min-height:65px;
}
ul#engagement_tools li{
	background-color:#eee;
	background-image:none;
	padding:0;
	margin:0 9px 0 0;
	display:block;
	float:left;
}
ul#engagement_tools a.button {
	border:1px solid #d5a57a;
	display:block;
	color:#628844;
	padding:5px 5px 7px;
	font-size:105%;
	margin:0;
	width:140px;
	min-height:50px;
}
ul#engagement_tools a:hover {
	border:1px solid #c65d00;
}
a span.subtext {
	font-size:85%;
	text-transform: none;
	font-family:Arial, Helvetica, sans-serif;
}

/*giving page*/   
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;
	-moz-box-shadow: 0 0 10px #666666;	
	-webkit-box-shadow: 0 0 10px #666666;	
}
#give_section {
	background-color: #3E2718;
	color:#fff;
	float: right;
	margin: 0 0 10px 10px;
	padding: 5px;
	width: 200px;
} 
#give_section p:first-child {
	float:left;
	margin:18px 0 0 15px;
}
#give_section p.instructive_text {
	float: right;
	width: 185px;
	margin:18px 0 0 15px;
}
#give_section p.instructive_text {
	float: right;
	width: 185px 
}