/* CSS Document */
/* WSAS Refresh - 9/23/2013*/

/************************ SKIP LINKS ***************************/
@import url("contributestyles.css");

#skip a, #skip a:hover, #skip a:visited {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	}
#skip a:active {
	position:static;
	width:auto;
	height:auto;
	}

#undergradprograms {
display:block;
background:url(../images/nav/ug_button.jpg) no-repeat top center;
width: 130px;
height: 45px;
text-indent:-9999px;
}

#gradprograms {
display:block;
background:url(../images/nav/grad_button.jpg) no-repeat top center;
width: 94px;
height: 45px;
text-indent:-9999px;
}

#studentresources {
display:block;
background:url(../images/nav/studentresources_button.jpg) no-repeat top center;
width: 97px;
height: 45px;
text-indent:-9999px;
}

#academicdepts {
display:block;
background:url(../images/nav/academicdept-_button.jpg) no-repeat top center;
width: 110px;
height: 45px;
text-indent:-9999px;
}

#artsandculture {
display:block;
background:url(../images/nav/artsculture_button.jpg) no-repeat top center;
width: 89px;
height: 45px;
text-indent:-9999px;
}

#insideweissman {
display:block;
background:url(../images/nav/insideweiss_button.jpg) no-repeat top center;
width: 103px;
height: 45px;
text-indent:-9999px;
}

#jewishstudiescenter {
display:block;
background:url(../images/nav/jewishstudies_button.jpg) no-repeat top center;
width: 145px;
height: 45px;
text-indent:-9999px;
}

#navlist {
list-style-type: none;
margin:0;
padding:0;}

#navlist li {
float:left;
margin:0;
padding:0;}

#navlist li a:hover, #navlist li a:focus {
background-position:50% 33%;
overflow:hidden;
}

#navlist li a.active {
background-position: 50% 67%;	
}

#navlist li a.shadow {
background-position: 50% 100%;	
}
	
/************************ LAYOUT ***************************/
* {margin: 0; padding: 0;}
html, body {
	text-align:center;
	background-color:#11163C;
	color:#494732;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	margin-bottom:50px;
	}
html {
	font-size: 62.5%;
	}
#wrapper {
	width:778px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	background:url(../images/dropShadow.gif) repeat-y top right !important;
	background-color:#11163C;
	}
#main {
	width:768px;
	background-color:#F2EDD7;
	}
#banner {
	width:768px;
	height:69px;
	background:url(../images/bg_banner.gif) repeat-x top left !important;
	}
#splash {
	width:768px;
	}
#nav {
	width:768px;
	height:45px;
	background-color:#9E3039;
	margin-bottom:30px;
	}
#stage {
	width:768px;
	padding-bottom:45px;
	font-family:Georgia,serif;
	}
#stage #subnav {
	float:left;
	width:187px;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	}
#stage #content {
	float:left;
	width:581px;
	}
#stage #content .column541 {
	width:541px;
	padding-left:20px;
	}
#stage .column374 {
	float:left;
	width:354px;
	padding-left:20px;
	}
#stage .column374 .column374column187 {
	float:left;
	width:167px;
	padding-right:5px;
	}
#stage .column187 {
	float:left;
	width:167px;
	padding-left:20px;
	}
#stage .column207 {
	float:left;
	width:185px;
	padding-left:20px;
	margin-right: -3px; /* added to fix duplicate char in IE 6 */
	}
#stage .column207quote {
	float:left;
	width:185px;
	margin:0 0 0 20px;
	}
#utility {
	width:768px;
	background-color:#DFD9B1;
	margin-top: 20px;
	padding:12px 0 24px 0;
	clear:both;
	text-align:left;
	float: left; /* Floated to make sure the link lists inside were contained */
	}
#baseline {
	width:768px;
	height:48px;
	background-color:#ffffff;
	text-align:right;
	clear:both;
	}
#footer {
	width:778px;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	padding-top:9px;
	background:url(../images/dropShadow_bottom.gif) repeat-x top left !important;
	color:#fff;
	clear: both;
	}
#footer .footerTextBox {
	float:left;
	width:167px;
	padding-left:20px;
	}
#printlogo {
	display: none;
	}	

/************** Headers *****************/
/* Heading styles moved form her to contributesyles.css */

/* used for the footer utilities header */
div#utility h3 {
	color: #9E3039;
	}

#stage #pageHeader {
	float:left;
	width:581px;
	}
#stage #pageHeader h1 {
	color:#9E3039;
	font-size:1.4em; /*=14px*/
	font-weight:normal;
	font-family: Futura, Arial, Verdana, sans-serif;
	line-height: 1.286em; /*=18px*/
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin: 0 0 1.43em 1.43em; /*=20px*/
	padding-bottom: .571em; /*=8px*/
	border-bottom: 1px solid #cdc68c;
	}
#stage .column374 .facultyIntro .facultyTitle { margin:3px 0 15px 0; font-style:italic; }

/************** Staff entries (e.g. Dean's office staff) *****************/
.staff_entry {
	margin-bottom: 3.6em; /*=18px*/
	}
	
/************** Quotations *****************/
/* positioning and styling the containing div */
#stage blockquote {
	margin-bottom: 1.8em; /*=18px*/
	padding-top: 1em; /*=10px*/
	border-top: 1px solid #cdc68c;
	border-bottom: 1px solid #cdc68c;
	float: right;
	width: 16.7em; /*=167px;*/
	margin-left: 2em; /*=20px*/
	text-indent: 0;		
	}
#stage .column207 blockquote, #stage .column207quote blockquote {
	float: none;
	margin-left: 0;
	width: 18.7em;
	}
/* quote styles moved from here to contributestyles.css */

#stage .column207 blockquote p {
	margin-right: 1.43em;
	}
	
/************** SPOTLIGHT FEATURES (on homepage) *****************/
#stage div.feature {
	margin-bottom: 1.8em; /*18px*/
	}
#stage div.feature_image {
	float: none;
	margin-bottom: .9em;
	}
#stage div.feature_image img {
	margin: 0;
	float: none;
	}
#stage div.feature div.feature_image a {
	border: none;
	text-decoration: none;
	}
#stage div.feature .feature_image a:hover {
	border: none;
	}
	
/************** Paragraphs *****************/
#stage p {
	font-family: Georgia, serif;
	font-size: 1.3em; /*=13px*/
	line-height: 1.385em; /*=18px*/
	color: #494732;
	margin-bottom: 1.385em; /*=18px*/
	}
/* for when you need a larger space after, like in successive lists of things */
#stage p.extra_space_after_paragraph {
	margin-bottom: 2.77em;
	}
#stage #subnav ul.subnavItemList li p { padding:0 0 0 20px; margin:0; color:#9E3039; text-decoration:none; }
#stage .column374 .facultyIntro { border-bottom:1px solid #CDC68C; padding:0 0 25px 0; margin:0 0 25px 0; }
#stage .column374 .facultyIntro p { margin:0 0 0 87px; }
#stage .column374 ul.facultyList li p { margin:0 0 0 87px; }
/***** Paragraphs for the small column features *****/
#stage .column187 p {
	margin-bottom: .692em; /*=9px*/	
	}
/* A */
#stage p a, #stage h3 a, #stage h6 a, #stage li a { color:#353753; text-decoration:none; border-bottom:1px solid #aba36b; }
#stage p a:hover, #stage h3 a:hover, #stage h6 a:hover, #stage li a:hover { border-bottom: none;}
#stage a img { border: none;}
/* used for "Back to top" links in jump pages */
#stage a.top { color:#9e3039;}

/************** UL, OL, LI *****************/
#stage ul {
	font-size: 13px;
	font-size: 1.3rem; /*=13px*/
	margin-bottom: 1.385em; /*=18px*/
	margin-left: .923em; /*=12px*/
	list-style-image: url("../images/bullet.gif");
	list-style-type: none;	
	}
	
#stage ul li {
	font-family: Georgia, serif;
	/* font-size: 13px; */
	line-height: 1.385em; /*=18px*/
	color: #494732;
	margin-bottom: .385em; /*=5px*/
	}

#stage li ul {
	margin-top: .77em;
	}
	
#stage ol {
	font-size: 13px;
	font-size: 1.3rem; /*=13px*/
	margin-bottom: 1.385em; /*=18px*/
	margin-left: .923em; /*=12px*/
	}

#stage ol li {
	font-family: Georgia, serif;
	/* font-size: 13px; */
	line-height: 1.385em; /*=18px*/
	color: #494732;
	margin-bottom: .385em; /*=5px*/
}	

#stage li ol {
	margin-top: .77em;
	}
	
/* used only when a list ends the content for a repeating item */
/* see things on the events page in "About Weissman" */
#stage ul li.extra_space_after_bulletlist {
	margin-bottom: 2.77em;
	}
/***** List of Links like "Areas of Study *****/
#stage ul.linkPageList {
	margin-left: 0;
	list-style-image: none;
	}
#stage ul.float_left {
	float: left;
	width: 187px;
	}
#stage ul.float_right {
	float: right;
	width: 167px;
	margin: 5px 0 20px 40px;
	display: inline;
	}
/***** Faculty List *****/
#stage ul.facultyList {
	margin-left: 0;
	list-style-image: none;
	list-style-type: none;
	width: 374px;
	}
#stage ul.facultyList li {
	clear: left;
	margin-bottom: 10px;
	}
/***** News & Events list of links *****/
#stage .column207 ul {
	width:187px;
	border-top: 1px solid #cdc68c;
	margin-left: 0;
	list-style-image: none;
	}
#stage .column207 ul li {
	margin: 0;
	padding: .583em 0 .75em 0;
	border-bottom: 1px solid #cdc68c;
	}
#stage .column207 ul li a:hover {
	border-bottom: none;
	}
/* removing the underline for "More News" links (see homepage) */
#stage .column207 ul li.no_rule {
	border-bottom: none;
	}

/***** Legacy styles *****/
#stage .column187 ul {
	width:167px;
	}
#stage .column187 ul li { width:147px; margin:5px 0 0 0; padding:0; }

/***** Photo and Captions for News ******/
#stage #content .column541 div.figure {
  float: right;
  width: 50%;
  margin-left: 2em;
  margin-bottom: 1.8em;
  border-bottom: 1px solid #cdc68c;
  min-width: 200px;
	}
#stage #content .column541 div.figure p {
  text-align: left;
  text-indent: 0;
  font-style: italic;
  color: #353753;
	}
#stage #content .column541 div.figure img { 
	float:none;
	}

/** Slider **/
#slider-container {width: 768px; height: 135px; overflow: hidden; position: relative; }
#slider-container img {display:none; float:left; position:absolute; top:0; left:0;}
#slider-container img.slider-active {display:block;}

/************** Sub Navigation *****************/
#stage ul.subnavItemList {
	font-size: 1.2em;
	margin-top: .333em;
	margin-bottom: 1.31em;
	margin-left: 0;
	list-style-image: none;
	list-style-type: none;
	border-top: 1px solid #cdc68c;
	width: 187px;
	}
#stage ul.subnavItemList li {
	font-family: Verdana, sans-serif;
	border-bottom: 1px solid #cdc68c;
	margin: 0;
	padding: 0;
	}
#stage ul.subnavItemList li a{
	color: #9e3039;
	background: #f2edd7;
	border-bottom: none;
	text-decoration: none;
	padding: .583em 0 .583em 20px;
	display: block;
	line-height: 1.31em; 
	}
#stage ul.subnavItemList li a:hover {
	background: #dfd9b1;
	text-decoration: underline;
	}
#stage .divaGPS-here {
	background: #dfd9b1 !important;
	text-decoration: none !important;
   }	
#stage ul.subnavItemList li a.selected {
	background: #dfd9b1;
	}

/************** Quick Links *****************/
#stage ul.quickLinks {
	width:167px;
	font-size: 1.1em; /*=11px*/
	margin-bottom: 1.63em; /*=18px*/
	margin-left: 20px;
	list-style-image: none;
	list-style-type: none;		
	}
#stage ul.quickLinks li {
	margin-top: .18em; /*=2px*/	
	}
#stage ul.quickLinks li a{
	font-family: Verdana, sans-serif;
	line-height: 1.36em; /*=15px*/
	color:#494732;
	text-decoration:none;
	border-bottom:1px solid #ABA36B;
	}
#stage ul.quickLinks li a:hover {
	border-bottom: none;
	}
#stage p.quickLinksTitle {
	margin: 5px 0 0 20px;
	color:#9E3039;
	font-family: Verdana, sans-serif;
	font-weight:bold;
	font-size: 1.1em;
	line-height: 1.36em;
	}

/************** Utility Links *****************/
.utilityLinkList {
	float:left;
	width:167px;
	margin:0;
	padding:0 0 0 20px;
	}
.utilityLinkList ul {
	font-size: 1.1em; /*=11px*/
	margin-bottom: 1.63em; /*=18px*/
	margin-left: 0;
	list-style-image: none;
	list-style-type: none;		
	}
.utilityLinkList ul li {
	margin-top: .18em; /*=2px*/
	}
.utilityLinkList ul li a{
	color: #2f2f1a;
	font-family: Verdana, sans-serif;
	line-height: 1.36em; /*=15px*/
	text-decoration:none;
	border-bottom: 1px solid #B7B07A;
	}
.utilityLinkList ul li a:hover{
	border-bottom: none;
	}

/************** Footer information *****************/
#footer {
	font-family: Verdana, sans-serif;
	font-size: 1.1em;
	line-height: 1.45em;
	}
#footer ul {
	list-style-image: none;
	list-style-type: none;
	} 
#footer a {
	color:#FFF;
	text-decoration: none;
	border-bottom: 1px solid #888b9e;
	}
#footer a:hover {
	border-bottom: none;
	}

/************** Images *****************/
img { border:0; margin:0; padding:0; }
/* added this so that they wouldn't have to manually try to float headshots and smaller images */
#stage img {  float: left; margin:0 15px 15px 0;}
#banner img { float:left; }
#stage .column374 ul.facultyList li img { float:left; margin:0 15px 15px 0; }
.homeSplash { height:225px; }
.interiorSplash { height:135px; }
.headshot { display:block; float:left; margin-right:15px; margin-bottom: 9px; }
/* Images for the small column features */
#stage .column187 img {
	margin-bottom: 1.2em; /*12px*/
	float: none;
	}

/* FORM */
#banner form { float:right; margin:0; padding:10px 0 0 0; }
#banner input { margin:0; padding:0; border:0; }
.searchButton { padding: 1px; border-top: 1px solid #7690B9; border-left: 1px solid #3B4277; border-right: 1px solid #0F1130; border-bottom: 1px solid #0F1130; color: #000033; margin: 0 2px; }

/* SITE CREDITS */
.siteCredit{
	float:left;
	width:230px;
	margin-left:20px;
	text-align:center;
	}
.siteCredit img{
	padding-bottom:10px;
	}

.siteCredit p{
	padding-top:10px;
	border-top:1px solid #CCC68C;
	text-align:left;
	}
#image_credit {
    width: 167px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
	}
#image_credit img {
    display: block;
    margin: 0 auto 10px auto;
	}
#image_credit p.image_caption {
    padding-top: 5px;
    border-top: 1px solid #cdc68c;
	clear:both;
	}

/************** Student Work *****************/
#stage .student_work_left {
	float: left;
	width: 260px;
	}
#stage .student_work_right {
	float: right;
	width: 260px;
	}
#stage .work_image {
	margin-bottom: 10px;
	}
#stage .work_image img {
	float: none;
	display: block;
	}
#stage .work_caption h6 {
	border-top: 1px solid #cdc68c;
	padding-top: 10px;
	}
/************************ IE6 WINDOWS HACKS ***************************/

/* Adusting the size of the floated columns so they float correctly in IE6Win */
/* for IE5+6 */
* html #stage .column187 {
	padding-left:5px;
}
* html #stage .column207 {
	padding-left:5px;
}
* html #stage .column207quote {
	padding-left:0px;
}

/** WSAS Refresh Items **/
.clear {clear:both;}
/* social media images */
#socialmedia img {margin: 0 6px;}

/* three box columns */
.landing-images {float: left; width: 167px; padding-right: 10px; text-align:center;}
.landing-images h2 {font-size: 1.2em; font-weight:bold; height: 30px;}
#stage .landing-images a {border: none;}
#stage .landing-images img {float: none; border: none; margin:0; padding:0;}