/* CSS Document */
/* Main Colors:  bg gray:#2b2b2b, 
*/
/* CSS Document */
* {
	margin:0;
	padding:0;
} 
html, body {
    height: 100%;
}
body {
	text-align: center;
	padding: 0;
	margin: 0;
	font:80% Helvetica,Arial,sans-serif;
	background-color:#252525;
	color:#fff; 
}
#body_wrap {
	background:#32434a url('../images/body_bg.gif') repeat-x top center;
	margin:0 auto;
}
#body_wrap2 {
	background:transparent url('../images/banner_bg.gif') no-repeat center 31px;
	margin:0 auto;
}     

#wrapper {
	text-align: left;
	width: 810px;
	margin:0 auto;
	padding: 0;
}
#wrapper_thickbox {
	text-align: left;
/*	width: 800px;*/
	margin:0 auto;
	padding: 0;
	background-color:white;
}
#masthead {
	height:33px;
	margin:0pt auto;
	overflow:hidden;
	text-align:left;
}

#logowrapper {
	height:39px;
	margin:0;
	padding:0;
}

.hidden {
	position:absolute;
	top:-999em;
}

#logo {
	background:transparent url('../images/hsu_mark.gif') no-repeat scroll left top;
	border:0 none;
	display:block;
	height:33px;
	overflow:visible;
	padding:0;
	width:348px;
}
#why_study {
 	background:transparent url('../images/why.gif') no-repeat scroll left top;
	border:0 none;
	display:block;
	height:207px;
	overflow:visible;
	padding:0;
	width:523px;
   margin-top:0px;
}
#lead {
	background:transparent url('../images/lead_bg.gif') no-repeat scroll left top;
	border:0 none;
	display:block;
	height:207px;
	overflow:visible;
	padding:0;
/*	width:523px;
*/	margin:20px;
}

#content h2#lead {
	font-size:245%;
	letter-spacing:.04em;
	margin:0 -17px 0 0;
	padding:45px 0 40px 0;
	line-height:36px;
}

#dept_banner {
	padding:40px 0 32px 0;
/*	margin:50px 0;*/
	clear:both; 

}          

#dept_logo {
	background:transparent url('../images/phil_mark.gif') no-repeat scroll left top;
	border:0;
	display:block;
	width:332px;
	height:113px;
	overflow:visible;
	padding:0;
	margin:0;
}

#contentwrapper {
	padding:0px 0 20px 0;
	margin:0;
	clear:both; 
	overflow:auto;
	background:transparent url('../images/content_bg.gif') repeat-y 0 0;
	width:800px;
}


#content {
	width:521px;
	float:left;
}
#content .inner {
	margin: 0;
	padding:0 15px 0 0; 
}

#side {
	background:transparent url('../images/side_bg.gif') no-repeat top center;
	float: right;
	width:275px;
	margin:0px 0 0 0px;
	color:#252525;
}
#side .inner {
	padding:25px 30px 0 15px;
	margin: 0;
}

#footer {  
	margin:0;
	color:#fff;
	font-size:85%;
/*	background:#252525 url('../images/footer_top.gif') repeat-x left top;*/
	background-color:#252525;
	border-top:solid 1px #fff;
	padding-top:2px;
}

/*.push {
	height:200px;
}*/
#footerwrapper {
	width:810px;
	text-align:left;
	margin:2px auto;
}
#footer .inner {
	padding:0 0 0 0;
}
.vcard {
	padding:0 15px; 
	float:right;
	text-align:right;
	
}           

a#family_network {
	background:transparent url('../images/connect.gif') no-repeat top left;
	width:214px;
	display:block;
	height:190px;
	margin:-120px 0 20px 0;
}

.left {
	float:left;
	margin-right:5px;
} 
.right {
	float:right; 
	margin-left:5px;
}
.left_col {
	float:left;
	width:259px;
	
}        
.right_col {
	float:right;
	width:260px;

}
.clear {
	clear:both;
	margin:0;
	padding:0; 
	line-height:0;
}
.image_wrapper {
	overflow:auto;
}
 
div.tip {
	background-color:#bdd0d3;               /*use in conjuction with .right or .left for placement*/
	border:solid 1px #999;
	padding:0px 5px 9px 5px;
	margin:0 0 0 10px;
	width:200px;
}
div.tip p {
	color:#000;
} 
.arrow {
	background:url('../images/left_arrow.gif') no-repeat center left;
}
div.callout {
	padding:5px;
	margin:0 0 0 0px;
	/*	width:200px;*/
	background-color:#c9e0e4;
} 
div.container {
	/*	overflow:auto;*/
	clear:both;
}                 
div.container img {
	margin:0 10px 10px 0;
} 
div.container p {
	width:315px;
	float:right;
	margin-top:0;
}   
hr {
	color:#c9e0e4;
	border:dotted 1px #ccc;
	border-width:1px 0 0 0;
	/*	height:1em;*/
} 
/*feature stuff move to proper section of document when done*/
#featureimg {
/*	float:right;*/
	width:530px;
}             
#featureimg img {
	border:solid 1px #fff;
	padding:1px;
}
.featureimg {
	border:solid 1px #fff;
	padding:1px;
}
#side p.caption {
	text-align:right;
	font-style: italic;
	width:248px;
	font-size:90%;
	margin:0;
/*	line-height:0;*/
}
#featureimg p {
	background:transparent url('../images/raquo.gif') no-repeat 0 9px;  
	padding-left:25px;
	margin-top:5px;
	font-size:90%;
} 
#selector {
	width: 15px;
	height: 14px;
}
  
p.divider {
	border-bottom:solid 1px #9f9f9f;
	padding-bottom:18px;
} 
div#quote {
   width:216px;
	background-color:#ccd0d2;
	padding:5px 15px;
	margin:40px 0 0;
}
div#quote p {
	display:none;
}
/* =================== */
/* = navigation = */
/* =================== */
ul#nav {
	/*	font-size: 120%;*/
	list-style: none;
	color: #050606;
	width: 400px;
	float: right;
	margin-top: 40px;
	font-weight: bold;
	font-size: 12px;
}

ul#nav li {
	float:left;
	margin:0;
	padding:0;
}

ul#nav li a.selected {
	background-color:#f6f6eb;	
}

#footer_nav {
	float:left;
}             
#footer_nav ul {
	list-style: none;
}
#footer_nav li {
	padding:0;
	float:left;
}

/* =============== */
/* = link styles = */
/* =============== */ 
#nav a:link, #nav a:visited {
	color:#252525;
	text-decoration:none;
	padding:8px 10px;
}
#nav a:hover, #nav a:active {
	background-color:#f6f6eb;
}
#

#side #nav a:link, #side #nav a:visited {
	color:#252525;
	text-decoration:none;
}
#side #nav a:hover, #side #nav a:active {
	color:#138ea9;
}

#content a:link, #content a:visited {
	color:#98bf36;
}
#content a:hover, #content a:active {
	color:#9B9D9F;
} 
#content #feature_content a:link, #content #feature_content a:visited {
	color:#fff;
	text-decoration:none;
}
#content #feature_content a:hover, #content #feature_content a:active {
	color:#A2CE64;
}

#side a:link, #side a:visited {
	color: #252525;
	text-decoration: none;
	font-weight: bold;
}
#side a:hover, #side a:active {
	text-decoration: underline;
	color: #fff;
	font-weight: bold;
}
#footer a:link, #footer a:visited {
	color:#fff;
}
#footer a:hover,  a:active {
	text-decoration:none;
}	
table a:link {
	color:#bf2e1a;
}
table a:visited {
	color:#666;
}
table a:hover, table a:active {
	text-decoration:none;
} 
.textlink {
	background-color:#c9e0e4;
	padding:5px;
	margin:-5px 0 0 0;
	display:block;
	border-top:solid 1px #fff;
}
/* ============== */
/* = typography = */
/* ============== */
h2, h3, h4, h5, h6 {
	line-height:18px;
	margin:18px 0 9px 0;
	font-weight:normal;
	font-family: Georgia,Times,serif;
}
p {
	line-height:18px;
	margin:18px 0;
} 
div.intro {
	margin-top:-65px;	
	font-size:115%;
}
#interior div.intro {
	margin-top:-180px;	
		font-size:100%;
}
#content h3 {
	font-size:160%; 
	margin-top:36px;
}
#content h4 {
	font-size:140%;
}
#content h5 {
	font-size:120%;
}
#content h6 {
	font-size:110%;
} 
#side h2 {
	font-size:160%;
}
#side h3 {
	font-size:140%;
}
#side h4 {
	font-size:120%;	
} 
#side h5 {
	font-size:110%;	
} 
.leadin {
	font-size:115%;
} 
p.title {
	margin-top:-3px;
	color:#dfdfdf;
}
p.info {
	border-bottom:dotted 1px #dfdfdf;
	padding-bottom:10px;
	margin-bottom:18px;
}
/* ========= */
/* = lists = */
/* ========= */
li {
	line-height:18px;
}
#content ul {
	margin:18px 0 9px 0px;
	padding:0 0 0 30px;
	list-style:square outside none; 
/*	border-bottom:dotted 1px #ccc;*/
}
#content ul li ul, #side ul li ul {
	margin:0px 0 9px 0px;
	list-style:circle inside none;
	border-bottom:none;
}

#side ul {
	list-style:none;
	margin-bottom:30px;
}
 
#content li, #side li {
	margin:9px 0; 
}
ful li ul {
	margin:0px 0 9px 0px;
	list-style:circle inside none;
}

dl {
	line-height:18px;
	margin:9px 0;
/*	border:solid 1px rgb(255,255,255);*/
/*	border-width:1px 0;*/
/*	padding:9px 0 18px 0;*/
	background-color: rgb(37,37,37);
	padding:5px 15px 15px 10px;
}
dt {
	line-height:18px;
	margin-top:18px;
	font-weight:bold;
}
dd {

}
dl.media-icons {
	background-color:#98A1A4 !important;
	margin-top:-50px;
}
dd#get-adobe {
	background:url("../images/page_white_acrobat.png") no-repeat scroll left top transparent;
	margin:0;
	padding-left:25px;
}
dd#get-word {
	background:url("../images/page_white_word.png") no-repeat scroll left top transparent;
	margin:0;
	padding-left:25px;
}
/* ================ */
/* = image styles = */
/* ================ */
a img {
	border:none;
}
#next {
	text-decoration:none;
	position:relative;
	top:190px;
	z-index:2000; 
	float:right;
}
#prev {
	text-decoration:none;
	position:relative;
	top:190px;
	z-index:1000;
	float:left;
}

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

/*homepage*/
ul#engagement_tools {
	list-style-type:none;
	margin:40px 0 30px 0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
/*	width:246px;*/
}
ul#engagement_tools li {
	float:left;
	margin-right:6px;
/*	width:100px;*/
}
ul#engagement_tools a.button {
	display: block;
	background-color: #333333;
	color: #fff;
	padding: 7px 5px 5px;
	font-size: 100%;
	text-decoration: none;
}
ul#engagement_tools a:hover {
	text-decoration: none;
	background-color: #fff;
	color: #000000;
/*	border:solid 1px #1A0E07;*/
}
a span.subtext {
	font-size:80%;
	text-transform: none;
	font-family:Arial, Helvetica, sans-serif;
}
/*ul#engagement_tools {
	list-style-type:none;
	margin:40px 0 30px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:246px;
}
ul#engagement_tools a.button {
	display:block;
	background-color:#32434A;
	color:#fff;
	padding:7px 5px 5px;
	font-size:115%; 
}
ul#engagement_tools a:hover {
	text-decoration:none;
	background-color:#fff;
	color:#32434A;
}
a span.subtext {
	font-size:85%;
	text-transform: none;
	font-family:Arial, Helvetica, sans-serif;
}*/

/*giving page*/   
a.give_button {
	background-color: #32434A;
	border: 1px solid #32434A;
	display: block;
	height: 25px;
	padding-top: 5px;
	text-align: center;
	text-decoration: none;
	width: 171px;
	font-weight:bold;
	-moz-box-shadow: 0px 0px 10px #666;	
	-webkit-box-shadow: 0px 0px 10px #666;
	box-shadow: 0px 0px 10px #666;	
} 
#give_section a:hover {
	color:#666;
	background-color:#fff;
} 
#give_section {
	background-color: #CCD0D2;
 	border: 1px solid #fff;
    color: #252525;
    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: 190px;
}
.hidden {display: none; visibility: hidden;}