@media screen {

/*
------------------------------------------------------------------------
Author URI: http://www.ifactory.com/
Created: January 2010

1.RESET styles
2.BASE styles
	2a.#siteContentContainer base styles
	2b.header styles
	2c.ifactory blockquote style
	2d."real" blockquote style
	2e.list styles
3.MAIN LAYOUT styles
	3aa.COLORS
	3a.siteContent styles
	3b.HEADER siteHeader styles
	3c.TOP UTILITY NAV
	3d.SITEHEADER LINK STYLES
4.MAIN CONTENT LAYOUT GRID
5.LEFT COLUMN
	5a.secondaryNav
	5b.ContactUs styles
	5c.dark blue button styles (used to be duotones)
6.RIGHT COLUMN
	6a.on this page link box style - 210px wide
	6b.on this page link box style - 150px wide
	6c.on-this-page-type style - for "related links" and "anchor links"
7.DOTS
8.TABLE styles
	8a.base table style
	8b.table with rules style
	8c.table small style
	8d.GREY striped table
	8e.GREY striped table with YELLOW HEADER
	8f.BLUE striped table
	8g.NOTE: in order to use these above three striped table styles insert JS code into header of page where tables are.
9.IMAGE styles
	9a.image float div
	9b.side images with captions style
	9c.float logo - used on alumnae
	9d. misc IMAGE styles 
	9e.side images 210 wide
	9f.side images 150 wide
	9g.member styles -   used to display images next to descriptions
	9h.side images with captions style2 with grey box
	9i.imgteaser styles -   transparent text box overlay for images on hover effect - used on parents council page in /giving/
10.FEED/ MODULE styles
	10a.profile module
	10b.rss-news/events feed styles
	10c.blog feed styles
	10d.slideshow module
	10e.events module
	10f.feed module
	10g.youtube styles
	10h.Courses module
	10i.Profiles styles taken from local stylesheet at /character/
	10j.Facts module styles
	10k.transit styles
	10L.accordion styles
	10m. jquery tabsPanel module  styles 
	10n. jquery slide with caption or without module  styles 
11.BUTTON styles
	11a.Form Link Button style
	11b.callout button style - for right column only - yellow background with arrow
12.INCOMING STUDENT styles by class -color
13.FOOTER
14.HOMEPAGE
15. @MEDIA QUERIES for smaller screens


------------------------------------------------------------------------
*/

/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
1.RESET styles
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{
	color:#000;
	background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;}
table{
	border-collapse:collapse;
	border-spacing:0;}
fieldset,img{
	border:0;}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;}
li{
	list-style:none;}
caption,th{
	text-align:left;}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;}
q:before,q:after{
	content:'';}
abbr,acronym{
	border:0;
	font-variant:normal;}
sup{
	vertical-align:text-top;}
sub{
	vertical-align:text-bottom;}
input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;}
input,textarea,select{
	*font-size:100%;}
legend{
	color:#000;}



/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
2.BASE styles -- 

colors: 485d9e=dk blue
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

a, a:link {
	color: #005496; 
	text-decoration: none; }

a:hover {
	text-decoration: underline; }



code {
	background-color: #eee;
	font: 11px monospace;
}

legend {
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
}





select {
	height: 26px;}
.clear {
	clear: both; }
.left {
	float: left; }
.right {
	float: right; }
.error {
	margin: 15px;
	padding: 15px;
	border: 1px solid red;
}
.error .errorMessage {
	color: red;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: ""; }
blockquote, q {
	quotes: "" ""; }
.clearfix:after {
	content: ".";  
	display: block;  
	clear: both;  
	visibility: hidden;  
	line-height: 0;  
	height: 0;  
}  
.clearfix {
	display: inline-block;}  
html[xmlns] .clearfix {
	display: block;}  
* html .clearfix {
	height: 1%;}  

/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
The following Styles are adapted from YUI base CSS library:
http://developer.yahoo.com/yui/3/cssbase/
version: 3.0.0
build: 1549
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/


/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
2a.#siteContentContainer base styles  

colors: fff0be=yellow, FFDA00=gold
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

#siteContentContainer {
	font-size: 1.2em;
	line-height: 1.5em;
}
#siteContentContainer strong {
	font-weight:bold;}
	
div#siteContentContainer .lead { /* styles lead paragraph with serif font */
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.333em;
	line-height: 1.5em;}
#siteContentContainer .callout { /* styles yellow background link callout box */
	background-color: #fff0be;
	border: 1px solid #FFDA00;
	line-height: 1.167em;
	margin: 0 0 1em;
	padding:0.6em 0.7em;}


	
/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
2b.header styles - 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	
	
	
#siteContentContainer h2 {
	font-size: 2em;
	margin: 0.7em 0 0.7em;
	font-family: Georgia, "Times New Roman", serif;
	line-height: 1.1em;
}
#siteContentContainer .style3,
#siteContentContainer h3 {
	font-size: 1.5em;
	margin:1.8em 0 1.2em;
	font-family: Georgia, "Times New Roman", serif;
	display: block;
	line-height: 1.2em;
}
#siteContentContainer h4 {
	font-size: 1.167em;
	margin:1.6em 0 0.4em;
}
#siteContentContainer h5 {
	font-size: 1.333em;
	margin:1.6em 0 0.4em;
}
#siteContentContainer abbr,
#siteContentContainer acronym{
	border-bottom:1px dotted #000;
	cursor:help;
}
#siteContentContainer em {
	font-style:italic;}
	
	
/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
2c.ifactory blockquote style - 

*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	
#siteContentContainer blockquote.blockquote {
	background-color: #fff0be;
	border: 1px solid #FFDA00;
	line-height: 1.167em;
	margin: 0 0 1em;
	padding:0.6em 0.7em;
}

/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
2d."real" blockquote style - indented without yellow background - 
added by cfarman/jperry02 6-15-10 for use on /president 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
blockquote.real {
	line-height: 1.167em;
	margin: 0 0 1em;
	padding: 1em 5em;}
	
/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
2e.list styles - 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	

#siteContentContainer ul,
#siteContentContainer ol,
#siteContentContainer dl {
	margin: 0 0 1em;
}
#siteContentContainer ul li, #siteContentContainer ol ul li {
	line-height: 1.167em;
	background: transparent url(../images/main_bullet.gif) no-repeat 0.7em 4px;
	padding: 0 0 0.5em 2em;
}
#siteContentContainer ol li {
	line-height: 1.167em;
	list-style:decimal inside;
	padding: 0 0 0.5em 2em;
	text-indent:-1.5em;
	display:list-item;
}


/*added by cfarman 1-21-10 to fix bullets with numbers*/
#siteContentContainer ol li ul li {
	list-style:none;
	padding: 0 0 0.5em 2em;
	text-indent:-.5em;
}

#siteContentContainer dl dd {
	line-height: 1.167em;
	margin-left:1em;
}


#siteContentContainer caption{
	margin-bottom:.5em;
	text-align:center;
}
#siteContentContainer p,
#siteContentContainer fieldset,
#siteContentContainer table,
#siteContentContainer pre{
	margin-bottom:1em;}
	
#siteContentContainer input[type=text],
#siteContentContainer input[type=password],
#siteContentContainer textarea{
	height:17px;
	padding:2px;
	color: black;
	width:12.25em;
	margin:0 3px;
}
#siteContentContainer input[type=checkbox] {
	border:0 none;
	color:black;
	height:auto;
	margin:2px 2px 0;
	padding:0;
	vertical-align:top;
	width:auto;
}
#siteContentContainer textarea{
	height:100px;
	width:90%;
	padding: 0;
}
#siteContentContainer select{
	height: 21px; }
#siteContentContainer sup {
	font-size: 0.8em;
	position: relative;
	top: -0.4em;
}
#siteContentContainer img {
	margin-bottom:0.5em; }







/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
3.MAIN LAYOUT styles  

entire page width: 
siteWrapper (970px) = left nav (230px) + siteContentContainer [main content and rt column content] (715px) + margins/paddings 

3aa.COLORS:
ebeef5=super lt blue/almost white, 
B9D0E2=super lt blue/almost white2, 
e6f0f4=super lt blue/almost white3,

95A0BC=lt blue,  
6176c4=lt blue2, 
8ba3c2= lt blue3, 
bed2dc=lt blue4, 
B9D0E2 =lt blue5, 
8ba3c2=lt blue6, 
8ba3c2=lt blue7, 
a7b1d0=lt blue8,

566D79=med lt blue, 

004582=med dk blue, 
5567a1=med dk blue2, 
485D9E=med dk blue3, 

485d9e=dk blue
304584=dk blue2

101F48=really dk blue, 
15285C=really dk blue2, 

fff0be=yellow, 
FFDA00=gold

7f7a82=dk grey, 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

html {
	background:#101F48; }
body {
	text-align:center;
	background:#101F48;
	font-size:62.5%;
	font-family: Arial, Helvetica, sans-serif;
}
div#siteWrapper {
	background: white;
	border-left: 1px solid #8ba3c2;
	border-right: 1px solid #8ba3c2;
	text-align:left;
	margin:0 auto;
	width:970px;
}

/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
3a.siteContent styles - 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	


div#siteContent {
	min-height:5px;
	height: auto !important;
	height: 5px;
	background: transparent url(../images/header_dropshadow.gif) repeat-x left top;
}

/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
begin  3b.HEADER with links and logo -  siteHeader styles - 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	

 /* Bryn Mawr Logo - upper left  */

div#siteHeader {
	background:transparent url(../images/fon-header.png) no-repeat left top;
	height:143px;
	overflow:hidden;
	position: relative;
}
div#siteHeader h1 {
	position: absolute;
	left: 33px;
	top: 43px;
}
div#siteHeader h1 a {
	text-indent: -9999px;
	background: transparent url(../images/logo.png) no-repeat top left;
	display: block;
	width: 174px;
	height: 85px;
}
div#siteHeader p#skipToContent {
	display: none;}

/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
begin 3c.TOP UTILITY NAV  - utilityNavigation styles - 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	
	
	 /* utilityNavigation upper right nav on page, including the tiny social media icons   */
	
ul#utilityNavigation {
	float: right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	overflow: hidden;
	padding: 0 11px 0 0;
}
ul#utilityNavigation li {
	float:left;
	margin:6px 20px 0 0;
	display: inline;
}       
ul#utilityNavigation li a {
	color: white;
	text-decoration:none;
}       
ul#utilityNavigation li a:hover {
	text-decoration: underline; }
ul#utilityNavigation li a span {
	position: absolute;
	left: -9999px;
}
ul#mobileMore, li#mobileMoreButton {
	display:none;
}
ul#utilityNavigation li#search {
	height:18px; }
#utilityNavigation li.lastNormal {
	margin-right:17px; }
#utilityNavigation li.icon {
	margin:5px 6px 0 0;}
#utilityNavigation li.icon a {
	display: block;
	height: 16px;
	width: 16px;
}
#utilityNavigation li.iconTwitter a {
	background:transparent url(../images/ico-twitter.png) no-repeat left top;}
#utilityNavigation li.iconFacebook a {
	background:transparent url(../images/ico-facebook.png) no-repeat left top;}
#utilityNavigation li.iconYouTube a {
	background:transparent url(../images/ico-youtube.png) no-repeat left top;}
ul#utilityNavigation li#search {
	margin:4px 0 0 17px; 
	width: 222px; 
	overflow: hidden; }
ul#utilityNavigation li#search form {
	position: relative; }
ul#utilityNavigation li#search label {
	display: none; }
ul#utilityNavigation li#search input.form_tip {
	position: absolute;
	top: 0;
	left: 0;
	height:14px;
	padding:2px 4px;
	width:182px;
	background:transparent url(../images/fon-search.png) no-repeat scroll 0 0;
	color:#b2b2b2;
	border: 0 none;
} 
ul#utilityNavigation li#search input.submit {
	background:transparent url(../images/btn-go.png) no-repeat scroll 0 0;
	display:block;
	height:18px;
	width:80px;
	padding: 0;
	border: 0 none;
	position: absolute;
	top: 0;
	left: 195px;
	text-align: right;
}


/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
end TOP UTILITY NAV  - utilityNavigation styles - 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	




/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
begin 3d.SITEHEADER LINK STYLES  

found within the nested divs that make up the legacy "slimnav"   
div#siteHeader div#slimNavWrap div#slimNav div#curvy

role-selector [Admission Express links plus Prospective Student through Visitors links] 
and primary nav [links across top of page: Academics through About Us links] styles - 

*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	

	


div#siteWrapper div#siteHeader div.unselected p.explaination {
	display: none; }



body div#siteWrapper div#siteHeader div.override {
	height: 0;}


div#siteWrapper div#siteHeader div.unselected p.explaination {
	display: none;}







.closer {    
	position: absolute;
	top: 0;
	right: 0;
	left: 0;}
	
* html .closer {
	position: absolute;
	width: expression( document.body.scrollWidth );
	height: expression( document.body.scrollHeight );}

select#primaryNavMobile {
	display:none; /*hides dropdown select menu for mobile nav from desktop screen sizes*/
}

ul#primaryNavigation {
	font-family: Georgia,"Times New Roman",Times,serif;
	position: absolute;
	top: 114px;
	right: 256px;
	z-index: 123;
	font-size: 1.3em;
	_width: 540px;}
	
	
ul#primaryNavigation li {
	float: left;
	margin-left: 11px;
} 
ul#primaryNavigation li a {
	color: white; 
	display: block;}
ul#primaryNavigation li a:hover {
	border-bottom: 6px solid #fff0be; 
	text-decoration: none; 
	padding-bottom: 2px;}
	
body.admissions ul#primaryNavigation li#admissions a,
body.academics ul#primaryNavigation li#academics a,
body.student-life ul#primaryNavigation li#student-life a,
body.campus ul#primaryNavigation li#campus a,
body.character ul#primaryNavigation li#character a,
body.offices ul#primaryNavigation li#offices a	{
	text-decoration: none; 
	border-bottom: 6px solid #fff0be; 
	padding-bottom: 2px; 
	display: block;}
	
ul#primaryNavigation li ul {
	display: none;}


#siteHeader .headerInfo {
	position: absolute;
	top: 22px;
	right: 0;
	width: 412px;}
#home #siteHeader .headerInfo {
	position: static;
	float: right;}
.headerInfo .info1 {
	width: 155px;
	margin: 15px 24px 0 0;
	text-align: right;
	float: left;}
.headerInfo .info2 {
	width: 233px;
	margin: 15px 0 0 0;
	float: left;}
.headerInfo h2 {
	font-size: 1.5em;
	color: #fff;
	border: none;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 0.9em;
	margin: 0 0 8px 0;
	padding: 0;
	letter-spacing: normal;}
.headerInfo ul {
	font-size: 1.2em;
	font-family: Tahoma, Geneva, sans-serif;}
.headerInfo .info1 li a {
	color: #8ba3c2;
	text-decoration: none;}
.headerInfo .info2 li a {
	color: #fff0be;
	text-decoration: none;}
.headerInfo .info1 li a:hover,
.headerInfo .info2 li a:hover {
	text-decoration: underline;}
.headerInfo .info2 li {
	float: left;}
.headerInfo .info2 li.col1 {
	width: 137px;}







/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
end   SITEHEADER LINK STYLES role-selector and primary nav styles - see above for specifics 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	


/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
end  HEADER with links and logo -  siteHeader styles - 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	


/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
begin  4.MAIN CONTENT LAYOUT GRID  -  siteContentContainer grid layout styles - 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	

/* grid sizes - quarter third half two-thirds three-quarters whole */
/* position in flow - first inner last */

div#siteContentContainer {
	float: left;
	width: 715px;
	display: inline;
	margin: 18px 5px;
}
div#siteContentContainer div {
	
}
div#siteContentContainer div div {
	margin: 0; }


/* would it make more sense to figure out the actual percentage and put that in instead of px for these grid divisions?  would that help with the mobile transition better?    */


div#siteContentContainer div.one-sixth {position: relative;
	float: left;
	display: inline;
	width: 110px;}
div#siteContentContainer div.one-quarter {position: relative;
	float: left;
	display: inline;
	width: 170px;}
div#siteContentContainer div.one-third {position: relative;
	float: left;
	display: inline;
	width: 230px;}
div#siteContentContainer div.five-twelfths {position: relative;
	float: left;
	display: inline;
	width: 290px;}
div#siteContentContainer div.half {position: relative;
	float: left;
	display: inline;
	width: 350px; }
div#siteContentContainer div.two-thirds {position: relative;
	float: left;
	display: inline;
	width: 470px; }
div#siteContentContainer div.three-quarters {position: relative;
	float: left;
	display: inline;
	width: 530px; }
div#siteContentContainer div.whole {position: relative;
	float: left;
	display: inline;
	width: 710px; }

/*  clone of div.whole with extra bottom margin for faculty pages with photo and text    */

div#siteContentContainer div.pictextlist {position: relative;
	float: left;
	display: inline;
	width: 710px; 
	margin-bottom: 5px;}



div#siteContentContainer div.first  {
	margin-left: 0; 
	margin-right: 5px; }
div#siteContentContainer div.inner  {
	margin-left: 5px; 
	margin-right: 5px; }
div#siteContentContainer div.last   {
	margin-left: 5px; 
	margin-right: 0; }


/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
end  MAIN CONTENT LAYOUT GRID  -  siteContentContainer grid layout styles - 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	




/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
begin   5.LEFT COLUMN - secondaryNav styles - 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	

	 /* 5a.secondaryNav is left hand nav   */
	 
	 



div#secondaryNav {
	width: 230px;
	margin: 18px 5px 18px;
	float: left;
	display:inline;
	font-size: 1.2em;
}

	 /* for main left nav   */


div#secondaryNav dl {
	background-color: #466B9E;
	padding:0 0 1px;
	position: relative;
}
div#secondaryNav li#current dl {
	background-color: #466B9E;
	border: none;
}	
div#secondaryNav dt {
	color: #B9D0E2;
	background-color: #004582;
	font-size: 1.3em;
	padding: 2px 8px 6px;
	font-family: Georgia, "Times New Roman", serif;
	margin-bottom:1px;
}


	 /* for current selected item   */

div#secondaryNav li#current dt {
	background-color: #004582;
	font-size: 1.667em;
	color: white;
	margin-bottom:1px;
}	
div#secondaryNav li#current {
	position: relative;
	margin: 16px -8px 0;
	padding: 0 !important;
	background-image: none;
	float:none;
	clear: both;
}

div#secondaryNav li dt a, div#secondaryNav dt a {
	color: white; }

div#secondaryNav ul {
	overflow:hidden;
	margin-bottom: 20px;
}
div#secondaryNav ul#breadcrumbs, div#secondaryNav ul#contactus, div#secondaryNav ul.breadcrumbs {
	padding:8px 8px 0;
	background-color: #004582;
}
div#secondaryNav ul#breadcrumbs ul#breadcrumbs, div#secondaryNav ul.breadcrumbs ul.breadcrumbs {
	position: relative; 
	margin: -8px -8px 0; 
	background-color: #004582; }



	 /* for 5b.ContactUs styles which appear under nav on left   */


div#secondaryNav li#ContactUs {
	position: relative;
	margin: -8px -8px 0;
	padding-bottom: 20px;
	background: white none;
	float: none;
	border-bottom: 1px solid #5567a1;
}
div#secondaryNav li#ContactUs dl {
	background-color: transparent;
	color: black; }
div#secondaryNav li#ContactUs dl a, div#secondaryNav li#ContactUs dl dt a {
	color: #005496; }
div#secondaryNav li#ContactUs dl dt {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.167em;
	background-color: transparent;
	color: black;
	margin-bottom: 1em;
}
div#secondaryNav li#ContactUs dl dd {
	font-size: 0.917em; 
	line-height:1.3em; }

div#secondaryNav li#ContactUs dd a {
	border-bottom:0 !important;}


div#secondaryNav li {
	/*for IE*/
	height: 1%;
	float: left;
	background: transparent url(../images/breadcrumb_div.gif) no-repeat right center;
	margin-right:4px;
	margin-bottom: 0.5em;
	padding-right:13px;
}
div#secondaryNav li a {
	color: #fff0be;}
div#secondaryNav h2 {
	background-color:#6176c4;
	padding: 18px 10px;
	border-bottom: 0;
	margin-bottom: 9px;
	color: white;
}
div#secondaryNav #breadcrumbs h2, div#secondaryNav .breadcrumbs h2 {
	position: relative; 
	margin: -8px -8px 20px; }
div#secondaryNav h2 a {
	color: white;
	font-weight: bold;
}
div#secondaryNav dd, div#secondaryNav li#current dd {
	line-height: 1.5em;
	padding: 0 8px;

}

div#secondaryNav li#current dd a, div#secondaryNav dd a {
	border-bottom:1px solid #8ba3c2; 
	padding-bottom:3px;}
div#secondaryNav li#current dd.first a	{
	border-top: 0;}

div#secondaryNav dl dd:last-child a {
	border-bottom: 0 !important; }

	 /* for white divider line to differentiate between main selections and related links under a department/topic left nav   */

div#secondaryNav dd.divide {
	border-bottom: 1px solid #fff !important;}

div#secondaryNav dd.divide a, div#secondaryNav li#current dd.divide a {
	border:0;
}

div#secondaryNav dd a,
div#secondaryNav dt a,
div#secondaryNav h2 a,
div#secondaryNav li a {
	display: block;}
	
div#secondaryNav dd a {
	color: #fff0be;
	font-weight: normal; 
}

div#secondaryNav dt a:hover,
div#secondaryNav h2 a:hover,
div#secondaryNav li a:hover {
	text-decoration: underline;}

div#secondaryNav dd a:hover {
	text-decoration: underline;}


/*5c.dark blue button replaces legacy duotone - cfarman 2-21-11 */


div#secondaryNav h2, div#secondaryNav h2.owl, div#secondaryNav h2.transportation, div#secondaryNav h2.giving,  div#secondaryNav h2.girl,  div#secondaryNav h2.hepburn, div#secondaryNav h2.prez,  div#secondaryNav h2.gavel, div#secondaryNav h2.lantern, div#secondaryNav h2.knots, div#secondaryNav h2.maypole, div#secondaryNav h2.commencement, div#secondaryNav h2.owlantern, div#secondaryNav h2.rollercoaster {
	background-color:#004582 !important;
	background-image:none !important;
	padding: 12px 20px 12px 10px !important;}

div#secondaryNav h2 a {	
	font-family: Georgia, 'Times New Roman', serif;
	font-weight:normal !important;
	font-size:1.2em;
}
/*dt is not the same as h2 they just shared background images- these duotones should also be gone by now, but I'm removing background image just in case there are any still lingering*/
div#secondaryNav dt.owl, div#secondaryNav dt.transportation, div#secondaryNav dt.giving, div#secondaryNav dt.girl, div#secondaryNav dt.hepburn, div#secondaryNav dt.prez, div#secondaryNav dt.gavel, div#secondaryNav dt.lantern, div#secondaryNav dt.knots, div#secondaryNav dt.maypole, div#secondaryNav dt.commencement, div#secondaryNav dt.owlantern, div#secondaryNav dt.rollercoaster {
	background-image:none !important;}


/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
end   LEFT COLUMN - secondaryNav styles - 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	



/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
begin  6.RIGHT COLUMN -- onThisPg styles - NOTE: img.si and img.siQuarter are styles in the IMAGES section that are styled for the right column
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	


/* begin 6a.on this page link box style 210px wide - 

must have whole div#siteContentContainer div div.onThisPg in order to override global style margin set at 0px */
div#siteContentContainer div div.onThisPg 	{
	position: relative; 
	display: block; 
	width: 210px; 
	border-top:1px solid #005496; 
	margin:0 0 1.4em; 
	padding: 15px 8px 0;}
	
div#siteContentContainer div div.onThisPg h4, 
div#siteContentContainer div div.onThisPg p {
	font-family:Georgia,"Times New Roman",serif; 
	font-size:1.167em; 
	margin:0 0 1em;}
	
div#siteContentContainer div div.onThisPg p.reg {
	background-color:#fff; 
	color:#000; 
	font-size:11px; 
	font-weight:500;}
div#siteContentContainer div div.onThisPg a		{
	background: transparent no-repeat; 
	padding:0 0 0 1em;}
/* end on this page link box style */


/* begin 6b.on this page wide link box style  150px - 


must have whole div#siteContentContainer div div.onThisPg in order ot override global style margin set at 0px */
div#siteContentContainer div div.onThisPgQuarter {
	position: relative; 
	display: block; 
	width: 150px; 
	border-top:1px solid #005496; 
	margin:0 0 1.4em; 
	padding: 15px 8px 0;}
div#siteContentContainer div div.onThisPgQuarter h4 {
	font-family:Georgia,"Times New Roman",serif; 
	font-size:1.167em; 
	margin:0 0 1em;}
div#siteContentContainer div div.onThisPgQuarter p {
	font-family:Georgia,"Times New Roman",serif; 
	font-size:1.167em; 
	margin:0 0 1em;}
div#siteContentContainer div div.onThisPgQuarter p.reg {
	background-color:#fff; 
	color:#000; 
	font-size:11px; 
	font-weight:500;}
div#siteContentContainer div div.onThisPgQuarter a {
	background: transparent url(../images/module_bullet.gif) 0 3px no-repeat; 
	padding:0 0 0 1em;}

/* end on this page link box style */

/* 6c - begin on-this-page-type styles "related links" and "anchor links" sections of right column.. utilizes bullets */

div#siteContentContainer div.module {
	clear: both;
	float: none;
	display:block;}
div#siteContentContainer div.relatedlinks-module,
div#siteContentContainer div.anchorlinks-module {
	border-top: 1px solid #005496;
	margin: 0 0 1.4em;
	padding:15px 8px 0;}

div#siteContentContainer div.relatedlinks-module h2,
div#siteContentContainer div.anchorlinks-module h2 {
	font-size: 1.167em;
	margin: 0 0 1em;}
div#siteContentContainer div.relatedlinks-module li,
div#siteContentContainer div.anchorlinks-module li {
	background-image: url(../images/module_bullet.gif);
	background-position: 0 3px;
	padding:0 0 0 1em;}
	
/* end on-this-page-type styles "related links" and "anchor links" sections of right column.. utilizes bullets */


/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
end  RIGHT COLUMN -- onThisPg styles - NOTE: img.si and img.siQuarter are styles in the IMAGES section that are styled for the right column
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	



/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
begin    7.DOTS -- elements with dotted sides/top styles - 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	


/* dotted element used in balch directory */


.dot-top {border-top: 2px dotted #004582; padding:15px 0 !important; margin-bottom:5px !important; display:block; height:auto; clear:left;}

.dot-top h5{margin-top:3px !important;}


/*BEGIN -- for three columns seperated by dots */
div#siteContentContainer div.firstb  {position: relative;
	float: left;
	display: inline;
	margin: 2px; 
	padding:0px 0 0px 6px;}
div#siteContentContainer div.innerb  {position: relative;
	float: left;
	display: inline;
	margin:2px 0;
	padding:0px 10px; 
	border-right:dotted #CCCCCC 2px; 
	border-left:dotted #CCCCCC 2px; }
div#siteContentContainer div.lastb  {position: relative;
	float: left;
	display: inline;
	margin: 2px;
	padding:0px 4px 0px 6px; }    
div#siteContentContainer div.one-thirdb {position: relative;
	float: left;
	display: inline;
	width: 210px;}
/*END-- for three columns seperated by dots */


/*BEGIN -- for two columns (2/3 - 1/3) seperated by dots */
div#siteContentContainer div.firstborder23  {position: relative;
	float: left;
	display: inline;
	margin: 2px; 
	padding:0px 8px 0px 6px;}
div#siteContentContainer div.lastborder23  {position: relative;
	float: left;
	display: inline;
	margin:2px 0;
	padding:0px 10px;
	border-left:dotted #CCCCCC 2px;
	border-left:dotted #CCCCCC 2px; }    
div#siteContentContainer div.two-thirdsborder23 {position: relative;
	float: left;
	display: inline;
	width: 442px; }
div#siteContentContainer div.one-thirdborder23 {position: relative;
	float: left;
	display: inline;
	width: 230px;}
/*END-- for three columns seperated by dots */



/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
end    DOTS -- elements with dotted sides/top styles - 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	




/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
begin    8.TABLE styles - alternating row color, grid 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	


/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
8a.base table style - 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	


#siteContentContainer table { /* doesn't the reset style for tables already make this happen?*/
	
	margin: 1px 1px 1em;
	width: 100%;
}
#siteContentContainer table caption { text-align: left; }
#siteContentContainer th, #siteContentContainer td {
	padding: 0.6em;
	line-height: 1.167em;
}
#siteContentContainer th {
	background-color: #fff0be;
	font-weight: bold;
}
#siteContentContainer th p,
#siteContentContainer td p {
	margin: 0;}
/*  table styles    */



/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
 begin 8b.table with rules style  
 *~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	

table.coll {
	border-collapse: collapse}
table.coll td {
	border:2px solid #999999; 
	padding:3px;}
/* end table with rules style */


/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
 begin 8c.table small style  
 *~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	



#siteContentContainer table.small-table {
	border: 0 none; }
#siteContentContainer table.small-table th,
#siteContentContainer table.small-table td {
	background-color: transparent;
	border-top: 0 none;
	border-bottom: 1px solid #d1d1d1;
	padding: 0.6em 1.2em 0.6em 0;
}

/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
 end table small style   
 *~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	



/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
8d.GREY striped table (to be used with js notated below) added AK 6/23/10 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	


table.striped-grey {
	width: 100%;
	text-align: left; 
	border: 1px solid #ccc;
}

table.striped-grey th {
	font-weight: bold;
	color:#ffffff;
	background-color: #004582 !important; }

table.striped-grey td, table.striped th {
	padding: 4px 5px; }

table.striped-grey tr {
  background-color: #cccccc;
  vertical-align:top;}

table.striped-grey td {
	border-bottom: 1px solid #ccc; }

table.striped-grey .even {
	background-color: #ffffff; }

/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
8e.GREY striped table(to be used with js notated below) with YELLOW HEADER added by cfarman 10-8-10 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	


table.striped-grey-yellow {
	width: 100%;
	text-align: left; 
	border: none;
}

table.striped-grey-yellow td, table.striped-yellow th {
	padding: 4px 5px; }

table.striped-grey-yellow tr {
	background-color: #eee;
	vertical-align:top;}

table.striped-grey-yellow td {
	border-bottom:none; }

table.striped-grey-yellow .even {
	background-color: #ffffff; }

table.striped-grey-yellow th {
	background-color: #fff0be !important; 
	color:#000 !important;
}

/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
default 8f.(Blue) striped table (to be used with js notated below) added by cfarman 6/28/10 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	


table.striped {
	width: 100%;
	text-align: left; 
	border: 1px solid #ccc;
}

table.striped th {
	font-weight: bold;
	color:#ffffff;
	background-color: #004582 !important; }

table.striped td, table.striped th {
	padding: 4px 5px; }

table.striped tr {
	background-color: #B9D0E2; 
	vertical-align:top;	
}

table.striped td {
	border-bottom: 1px solid #ccc; }

table.striped .even {
	background-color: #ebeef5; }		

/******************
8g.NOTE: in order to use these above striped table styles insert the following: 
  
  <script type="text/javascript" src="/includes/js/stripedtable.js"></script>    

into bottom of page of code, after this line: 

<?php include $_SERVER['DOCUMENT_ROOT'] . '/includes/analytics.shtml' ?>
  

*****************/




/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
end       TABLE styles - alternating row color, grid 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	



/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
begin     9.IMAGE styles - to float, to have caption, to fit in rt column, to have text overlay, to have caption and img on grey background
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* begin 9a.image float div */
div.imgFloat {
	float:left; 
	position:relative; 
	padding:8px; 
	font-size:11px; 
	font-style:italic; 
	width:max-width 225px;}
/* end image float div */



/* begin 9b.side images with captions style */
div.imgWcap {
	padding:2px 2px 15px 2px;}
div.imgWcap img {
	margin:0 0 -5px 0;}
div.imgWcap p {
	font-size:11px; 
	text-align:left; 
	margin:-5px 0 2px 0;}
/* end side images with captions style */
div#siteContentContainer img.thumbnail {  
float: left; 
margin: 0 20px 20px 0;}


/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
IMAGE -- 9c.float logo - only used on Alumnae page to have Alumnae logo float next to h2    - 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	


	
/* begin float logo next to h2 style ******     *********  */
img.logoFloat{
	float:left; 
	position:relative;}
/* end float logo next to h2 style */

/* begin float h2 next to logo style */
span.logoFloat{
	float:left; 
	position:relative; 
	height:80px; 
	margin-top:10px;}
/* end float h2 next to logo style */	




 /******* 9d. misc IMAGE styles 
 
      **********/


/*these are on the stewards page */




#siteContent div#siteContentContainer div.imageSet {
	clear: both;
	float: none;
	overflow: hidden;
	display:block;}
	
#siteContentContainer .inlineImage {
  display: block;
  margin: 1.5em 0 1em;
  overflow: hidden;}
  
#siteContentContainer .inlineImage .imageHalf {
	float: left;
	width:50%;}
	
#siteContentContainer .inlineImage .caption {
	clear: both;
	font-style: italic;}	
	
/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
begin     IMAGE styles for RIGHT COLUMN -- to be used with onThisPg styles - found in the RIGHT COLUMN section
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	

/* begin 9e.side images 210 wide to go under onThisPg style */
img.si {
	width:210px; 
	padding:10px 0;}
/* end side images 210 wide to go under onThisPg style */


	
/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
end     IMAGE styles for RIGHT COLUMN -- to be used with onThisPg styles - found in the RIGHT COLUMN section
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	



/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
begin 9g.member styles -   used to display images next to descriptions..only on http://www.brynmawr.edu/alumnae/volunteer/spkrdescr.htm  
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/*style for member pg body wrap */
div.member {
	margin-left:5px;}
/*style for member pix */	
div.member img {
	border:none; 
	width:80px; 
	margin:4px 8px 5px 8px; 
	float:left;}

/*style for members */	


div.member p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #000000; 
	float:left; 
	position:relative; 
	padding-top:15px; 
	padding-bottom:15px; 
	margin-top:10px;}	



/*style for memberW pg body wrap to span whole content area. */
div.memberW{
	margin-left:5px; 
	width:90%;}
/*style for member pix */	
div.memberW img.m {
	border:none; 
	width:120px; 
	margin:4px 8px 5px 8px; 
	float:left; 
	position:relative;}

/*style for members */	


div.memberW p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000000; 
	float:left; 
	position:relative; 
	padding-top:15px; 
	padding-bottom:15px; 
	margin-top:10px;}			


/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
end member styles -   used to display images next to descriptions..only on http://www.brynmawr.edu/alumnae/volunteer/spkrdescr.htm  
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/





/* begin 9h.side images with captions style2 with grey box for caption */
div.imgWcap2 {
	padding:2px 2px 15px 2px;}
div.imgWcap2 img {
	margin:0 0 -5px 0;}
div.imgWcap2 p {
	font-size:11px; 
	text-align:left; 
	margin:-5px 0 2px 0; 
	display:block; 
	background-color:#eeeeee;}
/* end side images with captions style2 with grey box for caption */





/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
begin 9i.imgteaser styles -   transparent text box overlay for images on hover effect - used on parents council page in /giving/
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/


/*  start transparent text box overlay for images on hover effect - all css, no jscript! added 1-30-09 by ak */
.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
	text-decoration:none;
}

.imgteaser a img {
	padding:10px; }
.imgteaser > a > img {
	padding:10px 10px 10px 10px;}
.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	background: #fff;
	border:none;
}

/* this element controls teaser text so people know to hover over and read more */

.imgteaser a .more {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: .9em;
	text-decoration:none; 
	color: #fff;
	background: #000;
	padding: 5px 10px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/}
	
.imgteaser a:hover .desc{
	display: block;
	width: auto;
	font-size: .9em;
	padding: 10px 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 10px;
	left: 10px;
	padding: 10px;
	margin: 0;
	border-top: 1px solid #999;
	text-decoration:none; }

.imgteaser a .desc {
	display: none; }
.imgteaser a:hover .more {
	visibility: hidden;
	text-decoration:none; }

/* end transparent text box overlay for images */

/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
end imgteaser styles -   transparent text box overlay for images on hover effect - used on parents council page in /giving/
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/



/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
end     IMAGE styles - to float, to have caption, to fit in rt column, to have text overlay, to have caption and img on grey background
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

	


/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
begin   10.FEED/ MODULE styles - news, events, boards, youtube, blog, slideshow, transit, courses
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	



/*  10a.profile module   */

div#siteContentContainer div.profile, div#siteContentContainer div.featured {
	clear: both;
	float: none;
	position: relative;
	display: block;
	padding: 15px 8px 8px;
	margin-bottom: 18px;
	color:#566d79;
	background-color: #E8EFF5 !important;
	border-top: 1px solid #566d79;
	border-bottom: 1px solid #566d79;
	border-left: 1px solid #A2C1D9;
	border-right: 1px solid #A2C1D9;}
div#siteContentContainer div.profile img, div#siteContentContainer div.featured img {
	width: 211px; }

div#siteContentContainer div.featured img:first-child {
	margin-left: auto; 
	margin-right: auto; 
	text-align: center; }
div#siteContentContainer div.profile h2,
div#siteContentContainer div.featured h2 {
	font-size:1.167em;
	margin:0 0 0.5em;}
div#siteContentContainer div.profile h3,
div#siteContentContainer div.featured h3 {
	font-size:1.167em;
	margin:0.2em 0;}
div#siteContentContainer div.profile h4,
div#siteContentContainer div.featured h4 {
	font-size: 1em;
	line-height:1.167em;
	margin:0 0 1em;}
div#siteContentContainer div.profile p,
div#siteContentContainer div.featured p {
	line-height:1.167em;
	margin:0 0 1em;}
div#siteContentContainer div.profile .more,
div#siteContentContainer div.featured .more {
	font-weight: bold;}
	
div#siteContentContainer div.profile blockquote,
div#siteContentContainer div.featured blockquote {
	margin:0 0 1em;
	line-height: 1.167em;
	background-color: transparent;
	padding: 0;
	border: 0 none;}
div#siteContentContainer div.profile p.source {
	text-align: right;}

div#siteContentContainer div.profile cite a:hover,
div#siteContentContainer dl.profile a:hover {
	text-decoration: underline;}
	
	
	
/*  not sure where these are used    */


div#siteContentContainer .split .left {
	float: left;
	width: 60%;}
div#siteContentContainer .split .right {
	float: right;
	width: 40%;}


div#siteContentContainer ul.profileList {
	list-style-type: none; }




/*  10b.rss-news/events feed styles    */

#siteContentContainer .news-feed-article,
#siteContentContainer .events-feed-article,
#siteContentContainer .boards-feed-article {
	line-height: 1.167em;
	float: left; 
	clear: both; 
	position: relative; 
	width: 100%;
}
#siteContentContainer .news-feed-article h3,
#siteContentContainer .events-feed-article  h3,
#siteContentContainer .events-feed-article  h3 {
	margin:0 0 0.3em;
	font-weight: bold;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 1em;
}
div#siteContentContainer div.news-feed p.news-feed-pubdate,
div#siteContentContainer div.news-feed p.news-feed-author {
	font-size: 0.917em;
	font-style: italic;
}
div#siteContentContainer div.news-feed a.news-feed-thumbnail {
	float: left;
	padding-right: 20px;
	margin-top: 5px; 
	padding-right: 0;}
div#siteContentContainer div.events-feed div.events-feed-article p {
	display:block; 
	clear:left;}
	

/*  10c.blog-module style... used as more of a call out box    */
	div#siteContentContainer div.blog-module-one {
		background-color: #FFF0BE;
		border: 1px solid #FFDA00;
		padding: 1em;
		overflow: hidden;
		margin-bottom: 2em;
	}
		div#siteContentContainer div.blog-module-one h3 {
			font-size: 1.333em;
			font-family: Arial,Helvetica,sans-serif;
			margin: 1em 0;
		}
		div#siteContentContainer div.blog-module-one h4 { font-weight: bold; font-size: 1em; margin-top:0; }
		div#siteContentContainer div.blog-module-one .wrap { margin-left: 170px; float: none; display:block; }
		div#siteContentContainer div.blog-module-one .more { clear: both; display: block; margin-top: 1em; }



	/* *********BEGIN 10d.slideshow module, a box that goes at the top of the page to highlight something with pics and text */

#siteContentContainer .slideshow-module	 {
	background: #B9D0E2; 
	border: 1px solid #005496; 
	padding: 20px 0; 
	margin-bottom: 2em;
	float:none;
	overflow:hidden;}
	
#siteContentContainer .slideshow-module h3 {
	margin: 0; 
	margin-left: 15px; 
	margin-bottom: 1em; 
	font-family: tahoma, arial, helvetica, sans-serif;}
	
#siteContentContainer .slideshow-module h3 a {
	color: #000; 
	text-decoration: none;}
#siteContentContainer .slideshow-module h3 a:hover	 {
	text-decoration: underline;}
#siteContentContainer .slideshow-module .thumbnail {
	float: left; 
	margin: 0 0 0px 15px;}
#siteContentContainer .slideshow-module .thumbnail img {
	margin: 0;}
#siteContentContainer .slideshow-module p {
	float: right; 
	width: 265px; 
	margin: 0; 
	margin-right: 15px; 
	line-height: 1.3em;}
#siteContentContainer .slideshow-module .module-controls {
	position: relative; 
	width: 160px; 
	height: 20px; 
	margin: 0; 
	margin-left: 15px; 
	clear: both; 
	display: none;}
	
#siteContentContainer .slideshow-module ul.pipelist	 {
	margin: 0; 
	padding: 0; 
	margin-right: 5px;
	height: 20px;
	float: left;}
	
#siteContentContainer .slideshow-module li	 {
	background-image: none; 
	display: inline; 
	padding: 0; 
	line-height: 20px;
	margin-right:10px;}
	
#siteContentContainer .slideshow-module a.btn	 {}  /*  <-- why is this here if no style assigned?    */
#siteContentContainer .slideshow-module a.btn img	 {
	display: inline;}
#siteContentContainer .slideshow-module a.prev	 {
	float: left; 
	margin-right:10px;}
#siteContentContainer .slideshow-module a.next	 {
	float: left;
	position:relative;
	margin-left: -5px;}
#siteContentContainer .slideshow-module .learnmore {
	font-weight: bold; 
	display: block; 
	margin-top: 1em;}

#siteContentContainer .slideshow-module .featureItem {
	float: none;
	overflow:hidden;
	display:block;
	margin-bottom:0.5em;}

	/* *********END slideshow module, a box that goes at the top of the page to highlight something with pics and text */



	





/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
   10g.youtube styles - created by Claudia, added by cfarman 2-11 -- but may be reworked depending on youtube module discussion 4-11
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/
.youtube-feed-article img {
	width:150px;}
.youtube-feed-article table td:last-child{
	display:none;}
.youtube-feed-article a  {
	font-weight:bold; 
	font-size:larger;}
.youtube-feed-article div:first-child {
	padding-bottom: .5em; 
	line-height:1.5em;}




/*Begin  10h.Courses module output styles - default - added by cfarman 9/29/09*/


span.courses-term, span.courses-description, span.courses-crosslist, span.courses-notoffered {
	display:block;}

span.courses-subjectareacode, span.courses-catalognumber, span.courses-longtitle {
	margin-right:5px;
	font-weight:bold;}

span.courses-subjectareacode {
	display:inline-block;
	padding-top:15px;
}
span.courses-instructor {
	display:block;}


h2 + span.courses-subjectareacode, p + span.courses-subjectareacode, h3 + span.courses-subjectareacode, h4 + span.courses-subjectareacode, h5 + span.courses-subjectareacode, h6 + span.courses-subjectareacode, br + span.courses-subjectareacode {
	display:inline;
	padding:0;
}

span.courses-notoffered {
	font-style:italic;}


/*10i.Profiles styles taken from local stylesheet at /character/ added here by cfarman 1/20/10*/


.big-quote {
	font-size: xx-large;
	color: #003479; 
	line-height: 1.2;
	font-weight: normal;
}
.photo-credit {
	font-size: x-small}


/*10j.Facts module styles for admissions site, removed inline style from includes/modules/facts.php and added here by cfarman 1/20/10

added facttext and factnumber styles (AK) for new facts module(AL) 6/11

 */

.statistics {
	font-size: 50px; 
	line-height: 50px; 
	color: #15285C; /*rgb(21, 135, 175);*/
}

p.split clearfix span.facttext, p.split clearfix span.factnumber {line-height: 30px !important;}

span.facttext { color:#000000; font-size: 12px;float: left;
	width: 60%; padding-bottom:1.3em!important; padding-top:.9em!important;
}

 span.factnumber { color:#000000; font-size: 30px; float: right;
	width: 38%; padding-bottom:1.3em!important; padding-top:.5em!important; padding-left:5px!important;}



/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
    10k.transit styles - updated by Andrea 1-20-10 to work with transit.shtml module
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/


dt.transportation {
	color: #fff;
	font-size: 1.2em;
	font-weight: normal;
	border: none;
	padding: 0;
	margin: 0 0 5px 0;
	letter-spacing: normal;}
	
dd.transit {
	overflow: hidden; 
	margin-bottom:-15px}
div.transitName {
	font-size: 1em;
	color: #8ba3c2;
	display: block;
	float: left;
	width: 172px;
	line-height: 1.5em;}

div.transitName a {
	/*font-weight: bold !important;*/}

div.transitTime {
	position: relative;
	width: 55px;
	float: right;
	/* font-weight: bold;*/}

span#bigTime {
	position: relative;
	color:#FFF;
	top: -34px;
	left: 15px;
	float: left;
	font-size: 1em;
	clear: both;}

span#smallTime {
	position: relative;
	top: -34px;
	left: 15px;
	float: left;
	font-size: 1em;
	clear: both;}










/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
    10L.accordion styles - updated by Andrea 1-27-12 
	
	MUST PUT THE FOLLOWING CODE:  

    <script type="text/javascript" src="/includes/js/accordion.js"></script>
	
	
into bottom of page of code, after this line: 

<?php include $_SERVER['DOCUMENT_ROOT'] . '/includes/analytics.shtml' ?>
  
	
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/




.clear {clear:both}



/* --- Headings --- */


div#accordionContent h1,  div#accordionContent h2,  div#accordionContent h3 {margin-bottom:1em; }

 div#accordionContent h2,  div#accordionContent h3,  div#accordionContent h4 a, div#accordionContent h5 a {padding:3px 10px; }

 div#accordionContent h2,  div#accordionContent h3,  div#accordionContent h4, div#accordionContent h5 {font-size:1em; }

 
#side, #side h2, #side h3 {color:#000; padding:3px; margin-left:5px;}



/* --- Links --- */
 div#accordionContent a, #side a  {padding:1px; border:0 solid #e0e0e0; color:#05b}

 div#accordionContent a, .accordion .switch a {border-width:0 0 1px 0; text-decoration:none}

 div#accordionContent .accordion a{border-width:1px; text-decoration:underline}

 div#accordionContent a:hover,  div#accordionContent a:focus, div#accordionContent a:active, #side a:hover, #side a:active, #side a:focus {border-color:#bcd; text-decoration:none; outline:0 none}



/* --- Accordion --- */
.js #main .accordion {visibility:hidden;}

.js #side .accordion {display:none;}

 div#accordionContent .accordion {margin:0; padding:0 10px;}

 div#accordionContent .accordion li,  div#side .accordion li  { background:none!important;}

 div#accordionContent .accordion li.last-child, div#side .accordion li.last-child {margin-left:12px; list-style-type:disc!important; background:none!important; padding-left: 2px!important;}

  #side ul.accordion ul {margin:0; padding:0 0 0 10px;}

 div#accordionContent .accordion .outer {border:1px solid #dadada; border-width:0 1px 1px; background: #fff;}

 div#accordionContent .accordion .inner {margin-bottom:0; padding:.5em 20px 1em; overflow:hidden; }


 div#accordionContent .accordion .inner .inner {padding-bottom:0; }

 div#accordionContent .accordion .h {padding-top:.3em;}

 div#accordionContent .accordion p {margin:.5em 0 1em;}

 div#accordionContent .switch {margin-bottom:.5em;}

/*  
  Add styles for all links in the 'accordion':
.accordion a {...}
*/  



  
 div#accordionContent .collapse{display:block; }
 div#accordionContent a.trigger, div#side a.trigger {display:block; padding-left:20px; background-image: url(/images/plus.gif); background-repeat: no-repeat; background-position: 1px 50%;  font-weight:700;}

 div#accordionContent a.trigger.open, div#side a.trigger.open {background-image: url(/images/minus.gif); }
 div#side li.last-child a.trigger  {background:none!important;}
 div#accordionContent .last-child a.trigger, div#side .last-child a.trigger{padding-left:1px; background-image:none; font-weight:normal; padding-left:-20px!important; }

 div#accordionContent #main a.trigger {background-color:#f0f0f0; }

 div#accordionContent #main a.trigger.open {border-color:#dadada; background-color:#e7e7e7;}

 div#accordionContent #main a:hover.trigger.open,  div#accordionContent #main a:focus.trigger.open,  div#accordionContent #main a:active.trigger.open {border-color:#bcd;}

 div#accordionContent #main .switch a.open {background:transparent none;}

 div#accordionContent #side a.active{font-weight:700; color:#f72; text-decoration:none;}



/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
   END  --- 10L.accordion styles 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/





/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
   BEGIN  --- 10m. jquery tabsPanel animation module  styles 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

 /* ---------------------------------------------------- */

/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */






   
  



#slideshowTab {
width: 99%;
background-color: #ebeef5 !important;
border: 1px solid #ddd;
margin-top:2em;
	margin-left:1.5em;
	display:block;
    border:none;}
	
	
#slideshowTab ul {
margin: 0;
padding: 0;
list-style-type: none; background-image:none !important;

height: 1%; /* IE fix */}
#slideshowTab ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}
/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */






#slideshowTab .slidesTab {

width: 99%;}
#slideshowTab .slidesTab ul {
width: 99%; position: relative;  background-image:none !important; height:25em;}
#slideshowTab .slidesTab li {
width: 99%;
float: left;
padding: 5px; background-image:none !important; display: block; z-index: 3; opacity: 1; }
#slideshowTab .slidesTab h2 {
font-weight:bold; 
	font-size: 1.5em; 
	padding-left:8px; 
	margin:.2em 0 .3em !important;
	font-family: Georgia, "Times New Roman", serif;
	display: block;
	line-height: 1.2em;}
	
	#slideshowTab .slidesTab  p {
     
	 font-family:arial; 
	 padding:3px; 
	 margin-right:5px; 
    }
	
	#slideshowTab .slidesTab img {
     
	 float:left; 
	 position:relative; 
	 padding:5px; 
	 width:45%;
    }
	
		#slideshowTab .slidesTab img.fullpic {
     
	 
	 padding:5px; 
	 width:99% !important;
    }
	
	
/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshowTab .slidesTab-nav {
background-color: #ebeef5 !important;
border-bottom: 2px solid #005496;}
#slideshowTab .slidesTab-nav li,
#slideshowTab .slidesTab-nav li a  {
float: left; background-image:none !important;
color:#000; 
	font-family:arial; 
	padding:5px; 
	font-size:12px; 
	text-decoration:none; 
	font-weight:bold;
	background-color: #ebeef5 !important;}
#slideshowTab .slidesTab-nav li a {
display: block;
outline: none;position: relative;
top: -4px;}
 #slideshowTab .slidesTab-nav li.on,
 #slideshowTab .slidesTab-nav li.on a {
color:#fff;
	 font-family:arial; 
	 padding:5px; 
	 font-size:12px; 
	 text-decoration:none; 
	 font-weight:bold; 
	 background-color: #005496 !important; background-image:none !important;}
 #slideshowTab .slidesTab-nav li.on a {
position: relative;
top: -4px; background-image:none !important;}

/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
   END  --- 10m. jquery tabsPanel animation module  styles 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/







/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
end FEED/ MODULE styles - news, events, boards, youtube, blog, slideshow, transit, courses
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	




/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
begin 11.BUTTON styles - form button, callout button
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	



/* begin 11a.Form Link Button style - for using a link instead of a button in a form */



input.formbuttonlink {
	font: 12px Arial, Helvetica, sans-serif;
	background-color: transparent;
	border: none;
	color: #005496; 
	font-weight: normal;
	text-decoration: none; 
	padding: 2px 0;
	overflow:visible; /* ie6/7 width fix */
	width:auto; /* ie6/7 width fix */
}
input.formbuttonlink:hover, input.formbuttonlink:focus {
	font: 12px Arial, Helvetica, sans-serif;
	background-color: transparent;
	border: none;
	color: #005496; 
	font-weight: normal;
	text-decoration:underline;
	padding: 2px 0;
	cursor:pointer;
	overflow:visible; /* ie6/7 width fix */
	width:auto; /* ie6/7 width fix */
}

/* end style for using a link instead of a button in a form */


	/*new version - remove above when NELI buttons have been changed to the below version:*/

	#siteContentContainer .one-third .callout h5 {
		display:inline;
		font-size: 18px;
		font-weight: bold;
		line-height: 1.5em;
	}

/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
end BUTTON styles - form button, callout button
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	




/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
begin   12.INCOMING STUDENT styles by class -color

color: 
green=g=066406, 
red=r=ff0000, 
lt. blue=lb=3399ff, 
dk blue=db=003399 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

a.greenclass{
	position:relative; /*this is the key*/
	z-index:24; 
	background-color:#066406;
	color:#fff !important;
	text-decoration:none !important;  
	width:215px; display:block; 
	text-align: center; 
	font-weight:bold; 
	font-size:20px; 
	padding:5px;}

a.greenclass:hover{
	z-index:25;}

a.greenclass span{
	display: none}

a.greenclass:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:0; left:0; 
	width:215px;
	background-color:#fff; 
	color:#066406;
	text-align: center; 
	font-weight:bold; 
	font-size:20px; 
	padding:5px;}
	
	
a.redclass{
	position:relative; /*this is the key*/
	z-index:24; 
	background-color:#ff0000;
	color:#fff !important;
	text-decoration:none !important;  
	width:215px; display:block; 
	text-align: center; 
	font-weight:bold; 
	font-size:20px; 
	padding:5px;}

a.redclass:hover{
	z-index:25;}

a.redclass span{
	display: none}

a.redclass:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:0; left:0; 
	width:215px;
	background-color:#fff; 
	color:#ff0000;
	text-align: center; 
	font-weight:bold; 
	font-size:20px; 
	padding:5px;}

a.dkblueclass{
	position:relative; /*this is the key*/
	z-index:24; 
	background-color:#003399;
	color:#fff !important;
	text-decoration:none !important;  
	width:215px; display:block; 
	text-align: center; 
	font-weight:bold; 
	font-size:20px; 
	padding:5px;}

a.dkblueclass:hover{
	z-index:25;}

a.dkblueclass span{
	display: none}

a.dkblueclass:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:0; left:0; 
	width:215px;
	background-color:#fff; 
	color:#003399;
	text-align: center; 
	font-weight:bold; 
	font-size:20px; 
	padding:5px;}


a.ltblueclass{
	position:relative; /*this is the key*/
	z-index:24; 
	background-color:#3399ff;
	color:#fff !important;
	text-decoration:none !important;  
	width:215px; display:block; 
	text-align: center; 
	font-weight:bold; 
	font-size:20px; 
	padding:5px;}

a.ltblueclass:hover{
	z-index:25;}

a.ltblueclass span{
	display: none}

a.ltblueclass:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:0; left:0; 
	width:215px;
	background-color:#fff; 
	color:#3399ff;
	text-align: center; 
	font-weight:bold; 
	font-size:20px; 
	padding:5px;}


#siteContentContainer ul li.welcomeClass_g {
	line-height: 30px;
	background: transparent url(/images/lantern_green_24.gif) no-repeat !important;
	padding: 5px;
}

#siteContentContainer ul li.welcomeClass_g a, #siteContentContainer ul li.welcomeClass_g a:visited{
	font-size:16px; 
	color:#066406; 
	text-decoration:none !important; 
	font-weight:bold; 
	padding-left:24px;}
	
#siteContentContainer ul li.welcomeClass_g a:hover{
	color:#066406; 
	font-size:16px; 
	text-decoration:underline !important; 
	font-weight:bold; 
	padding-left:24px;}


#siteContentContainer ul li.welcomeClass_r {
	line-height: 30px;
	background: transparent url(/images/lantern_red_24.gif) no-repeat !important;
	padding: 5px;
}

#siteContentContainer ul li.welcomeClass_r a, #siteContentContainer ul li.welcomeClass_r a:visited{
	font-size:16px; 
	color:#ff0000; 
	text-decoration:none !important; 
	font-weight:bold; 
	padding-left:24px;}
	
#siteContentContainer ul li.welcomeClass_r a:hover{
	color:#ff0000; 
	font-size:16px; 
	text-decoration:underline !important; 
	font-weight:bold; 
	padding-left:24px;}

#siteContentContainer ul li.welcomeClass_db {
	line-height: 30px;
	background: transparent url(/images/lantern_dkBlue_24.gif) no-repeat !important;
	padding: 5px;
}

#siteContentContainer ul li.welcomeClass_db a, #siteContentContainer ul li.welcomeClass_db a:visited{
	font-size:16px; 
	color:#003399; 
	text-decoration:none !important; 
	font-weight:bold; 
	padding-left:24px;}
	
#siteContentContainer ul li.welcomeClass_db a:hover{
	color:#003399; 
	font-size:16px; 
	text-decoration:underline !important; 
	font-weight:bold; 
	padding-left:24px;}


#siteContentContainer ul li.welcomeClass_lb {
	line-height: 30px;
	background: transparent url(/images/lantern_ltBlue_24.gif) no-repeat !important;
	padding: 5px;
}

#siteContentContainer ul li.welcomeClass_lb a, #siteContentContainer ul li.welcomeClass_lb a:visited{
	font-size:16px; 
	color:#3399ff; 
	text-decoration:none !important; 
	font-weight:bold; 
	padding-left:24px;}
	
#siteContentContainer ul li.welcomeClass_lb a:hover{
	color:#3399ff; 
	font-size:16px; 
	text-decoration:underline !important; 
	font-weight:bold; 
	padding-left:24px;}


div.socialMedia{
	width:215px; 
	display:block;
	text-align:center; 
	padding-bottom:6px;}

div.socialMedia h2{
	font-size: 2em;
	font-family: Georgia, "Times New Roman", serif;
	line-height: 1.1em;
	width:215px; display:block;
	margin-bottom:0px !important;
	margin-top:0px !important;
}

div.socialMedia img {
	padding-top:3px;
	border:none;}
div.socialMedia p {
	font-size:12px; 
	font-style:italic; 
	color:#000; 
	padding-top:-10px;}
	
	
	

/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
end    INCOMING STUDENT styles by class -color
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	
	
	
	
	

/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
begin    13.FOOTER   - siteFooter styles - 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	


/*  footer style    */


div#siteFooter {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	clear: both;
	background:transparent url(../images/fon-footer.png) repeat-y scroll 0 0;
	font-size:1.1em;
	padding:14px 20px 31px;
	color: #A2B5CE;
}
div#siteFooter p {
	margin: 0; }
#siteFooter #footerLinks {
	margin-bottom:6px;
	overflow:hidden;
	display:block;
}
#siteFooter #footerLinks span {
	margin-right:18px;}
#siteFooter #footerLinks span a {
	text-decoration: none; 
	color:#fff0be; 
	line-height:1.2em; }
#siteFooter #footerLinks span a:hover {
	text-decoration: underline; }
#siteFooter #footerInfo {
	display: block;}
div#siteFooter p span#footerCopyright {
	color: white; 
	margin-right:12px; }
div#siteFooter p span#footerAddress {
	margin-right:12px; }


div#footerDropShadow { 
display: none; }


/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
end    FOOTER   - siteFooter styles - 
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/	



/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
begin  14.HOMEPAGE  - homepage styles
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

#home h1, #home h2 {
	font-family: Georgia, "Times New Roman", Times, serif; }

/* utility navigation */

#home ul#utilityNavigation li.lastIcon {
	margin-right: 23px; }
#home ul#utilityNavigation li.search {
	margin: 4px 0 0 0; }
#home ul#utilityNavigation .rForm {
	background: url(../images/fon-search.png) 0 0 no-repeat;
	width: 190px;
	height: 18px;
	float: left;
	margin: 0 5px 0 0;}
#home ul#utilityNavigation .rForm input {
	background: none;
	border: none;
	width: 182px;
	height: 14px;
	padding: 2px 4px;
	font-size: 11px;
	color: #b2b2b2;}
#home ul#utilityNavigation .rBtn {
	float: left;}
#home ul#utilityNavigation .rBtn a {
	background: url(../images/btn-go.png) 0 0 no-repeat;
	width: 27px;
	height: 18px;
	display: block;}

/* primary navigation */

#home ul#primaryNavigation li.nm {
	margin-left: 11px !important; }
#home ul#primaryNavigation li a.on {
	border-bottom: 6px solid #fff0be;
	display:block;
	float:left;
	padding-bottom:2px;
	text-decoration:none;}

/* main body and columns and columns content */

#home .mainBody {
	background: url(../images/fon-main-body.png) 0 0 repeat-y;}
	
#home .mainBody .columns {
	background: url(../images/fon-center-block.png) 0 100% no-repeat;
	min-height: 259px;}
	
#home .mainBody .columns .col1 {
	float: left;
	width: 271px;	
	padding: 20px 20px 20px 20px;}
	
#home .mainBody .columns .col1 img {
	margin-bottom: 17px; }
	
#home .mainBody .columns .col1 p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #566d79;
	font-size: 1.2em;
	margin: 0 0 12px 0;
	line-height: 1.2em;
	word-spacing: -0.05em;}
	
#home .mainBody .columns .col1 h3,
#home .mainBody .columns .col1 h2 {
	color: #f04137;
	font-size: 1.6em;
	letter-spacing: normal;
	border: none;
	padding: 0;
	margin: 0 0 17px 0;
	font-weight: normal;}
	
#home .mainBody .columns .col1 h3 a,
#home .mainBody .columns .col1 h2 a {
	color: #9f4a00;
	text-decoration: none;}
	
#home .mainBody .columns .col1 h3 a:hover,
#home .mainBody .columns .col1 h2 a:hover {
	text-decoration: underline;}
	
#home .mainBody .columns .col1 p.img {
	margin-bottom: 17px;}
	
#home .mainBody .columns .col2 {
	float: left;
	width: 374px;
	background:#003479;
	padding: 30px 20px 20px 20px;}
	
#home .mainBody .columns .col2 li {
	margin-bottom: 15px;}
	
#home .mainBody .columns .col2 h2 {
	padding: 0;
	border: none;
	font-weight: normal;
	font-size: 1.2em;
	margin: 0;
	letter-spacing: normal;}
	
#home .mainBody .columns .col2 h2 a {
	color: #fff0be;
	text-decoration: none;}
	
#home .mainBody .columns .col2 h2 a:hover {
	text-decoration: underline;}
	
#home .mainBody .columns .col2 p {
	color: #8ba3c2;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.2em;
	margin: 0;}
	
#home .mainBody .columns .col2 p.moreNews a {
	color: #fff0be;
	text-decoration: none;}
	
#home .mainBody .columns .col2 p.moreNews span {
	font-size: 1.2em;
	text-decoration: none;
	color: #fff;}
	
#home #eventsContent {
	display: none;}
	
#home .mainBody .columns .col2 p.moreNews a:hover {
	text-decoration: underline;}
	
#home .mainBody .columns .col3 {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;}
	
#home .mainBody .columns .col3 {
	width: 215px;
	padding: 30px 15px 20px 15px;}	
	
/*width and padding on col3 changed by Andrea K. 1/20/10 to work with transit.shtml 4 digit time*/

#home .mainBody .columns .col3 h2 {
	color: #fff;
	font-size: 1.4em;
	font-weight: normal;
	border: none;
	padding: 0;
	margin: 0 0 15px 0;
	letter-spacing: normal;}
	
#home .mainBody .columns .col3 ul {
	font-size: 1.2em;
	color: #8ba3c2;}
	
#home .mainBody .columns .col3 ul a {
	color: #fff0be;
	text-decoration: none;}
	
#home .mainBody .columns .col3 li {
	overflow: hidden;
	margin-bottom: 2px;}
	
#home .mainBody .columns .col3 li.liMargin {
	margin-bottom: 13px;}
	
#home .mainBody .columns .col3 ul a:hover {
	text-decoration: underline;}
	
#home .mainBody .columns .col3 ul span.width {
	display: block;
	float: left;
	width: 172px;
	line-height: 1.2em;}
	
#home .mainBody .columns .col3 ul span.white {
	color: #fff;}
#home .mainBody .columns .col3 ul span.white, #home .mainBody .columns .col3 ul span.blue {
	float: right;}
#home .mainBody .columns .col3 ul span.raquo {
	color: #fff;
	font-size: 1.2em;}
#home .mainBody .columns .col1 .spotlight-feed h3 {
	font-family: georgia, "times new roman", times, serif; 
	margin-bottom: .5em;}


/* News & Events */
#home .mainBody .columns .col2 .contentNE h3	{
	font-family: georgia, "times new roman", times, serif; 
	padding: 0; 
	border: none; 
	font-weight: normal; 
	font-size: 1.2em; 
	margin: 0; 
	margin-bottom: .25em; 
	letter-spacing: normal;}
	
#home .mainBody .columns .col2 .contentNE h3 a {
	color: #fff0be;
	text-decoration: none;}
	
#home .mainBody .columns .col2 .contentNE h3 a:hover {
	text-decoration: underline;}
.news-feed-article, .events-feed-article {
	margin-bottom: 15px;}

.events-feed a.news-feed-thumbnail, 
.news-feed a.news-feed-thumbnail {
	position: relative;
	float: left; 
	margin-top: 5px; 
	margin-right: 10px; 
	margin-bottom: 5px;}

.events-feed a.news-feed-thumbnail img,
.news-feed a.news-feed-thumbnail img {
	display: block; 
	margin: 0; 
	padding: 0;}
	
div.one-third .news-feed	{}  /*  <-- why is this here if no style assigned?    */

/*slideshow/cycle plugin styles*/
.cycleme img {
	margin-top:10px;
}
.cycleme p {
	padding:10px;
}

/* home flash */

#home .flashHome {
	position: relative;
	width: 970px;
	height: 417px;
	z-index: 1;}
	
#home .flashHome .announce	{
	position: absolute; 
	bottom: 6px; 
	right: 15px; 
	width: 210px; 
	font-family: georgia, "times new roman", times, serif; 
	z-index: 99999;}
	
#home .flashHome .announce h2	{
	border: 0; 
	color: #fff; 
	letter-spacing: 
	normal; margin: 0; 
	padding: 0; 
	font-size: 1.8em; 
	margin-bottom: .35em;}
	
#home .flashHome .announce h3	{
	font-size: 1.1em; 
	font-weight: normal;}
#home .flashHome .announce h3 a	{
	color: #fff0be; 
	text-decoration: none;}
	
#home .flashHome .announce h3 a:hover {
	text-decoration: underline;}
	
#home .flashHome .announce p {
	color: #8ba3c2; 
	font-family: georgia, "times new roman", times, serif; 
	font-size: 1.1em; 
	margin-bottom: 10px; 
	line-height: 1.2em;}
	
#home .flashHome object	 {
	position: relative; 
	z-index: 2;}


/* no flash */
#home .flashHome span#flashHome {
	position:relative;
	z-index:2;
	display: block;
	width: 970px;
	height: 417px;
	background: black url(../images/noflash.jpg) no-repeat left top;}
	
#home .flashHome span#flashHome h2 {
	position: absolute;
	left: -9999px;}	


/* tabs   */

#home .tabs {
	background: url(../images/fon-tabs.png) left bottom repeat-x;
	height: 37px;
	z-index: 123;
	width: 100%;
	position: relative;
	margin-top: -36px;
	padding: 0 0 0 323px;
	width: 647px;
	overflow: hidden;}
	
#home .tabs li {
	border: 1px solid #7f7a82;
	border-bottom: none;
	padding: 2px 2px 0 2px;
	float: left;
	margin-right: 8px;
	height:33px;}
	
#home .tabs li.on {
	border: 1px solid #fff;
	border-bottom: none;
	padding-bottom: 1px;
	background: url(../images/fon-tab-blue.png) 0 100% repeat-x;
	}
	
#home .tabs li a {
	color: #8ba3c2;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 6px 13px 9px 11px;
	font-size: 1.8em;
	font-family: Georgia, "Times New Roman", Times, serif;}
	
#home .tabs li.on a {
	color: #fff;
	background:#003479;
	}
#home .tabs li.ev a {
	padding: 6px 6px 9px 7px;}
#home .tabs a:hover {
	text-decoration: underline;}

/* footer */


#home #siteFooter ul.ulFooter {
	overflow: hidden;
	margin-bottom: 6px;}
#home #siteFooter ul.ulFooter li {
	float: left;
	margin-right: 18px;}
#home #siteFooter ul.ulFooter li a {
	text-decoration: none;
	color: #fff0be;
	line-height: 1.2em;}
#home #siteFooter ul.ulFooter li a:hover {
	text-decoration: underline;}
#home #siteFooter p strong {
	color: #fff;
	font-weight: normal;
}
#home #siteFooter p {
	color: #a2b5ce;
	margin: 0;
	padding: 0;
}
/* helpers */
#home .limpia, #home .clearThis {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;}
#home .nm {
	margin: 0 !important;}
#home .nmRig {
	margin-right: 0 !important;}
#home .nmLef {
	margin-left: 0 !important;}
#home .nmTop {
	margin-top: 0 !important;}
#home .nmBot {
	margin-bottom: 0 !important;}
#home .nb {
	border: none !important;}
#home .nbRig {
	border-right: none !important;}
#home .nbLef {
	border-left: none !important;}
#home .nbTop {
	border-top: none !important;}
#home .nbBot {
	border-bottom: none !important;}
#home .np {
	padding: 0 !important;}
#home .npRig {
	padding-right: 0 !important;}
#home .npLef {
	padding-left: 0 !important;}
#home .npTop {
	padding-top: 0 !important;}
#home .npBot {
	padding-bottom: 0 !important;}
#home .nBg {
	background: none !important;}
#home .flRig {
	float: right !important;}
#home .flLef {
	float: left !important;}
#home .flN {
	float: none !important;}
#home .fsI {
	font-style: italic;}
#home .fsU {
	text-decoration: underline;}
#home .fsB {
	font-weight: bold;}
#home .no, #home hr {
	display: none !important;}


/*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*
end  HOMEPAGE  - homepage styles
*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/




}

/*
15. Begin @Media queries styles for smaller screens and mobile devices. 
	Based on http://stuffandnonsense.co.uk/projects/320andup/

iPhone/mobile phone portrait orientation	
__________________________________________________________________________________________________________ */
@media only screen and (max-width: 320px) {

	ul#utilityNavigation li#search.mobileVisible, ul#utilityNavigation li#search {
		display:block !important;
		visibility:visible !important;
		position:absolute !important;
		z-index:220 !important;
		font-size:150% !important;
		top:0;
		right:8px !important;
		margin-top:-64px;
		margin-right:0;
		margin-bottom:0;
		margin-left:0;
		width:180px !important;
		height:26px !important;
	}
	ul#utilityNavigation li#search input.form_tip {
		position: absolute;
		top: 0;
		left: 0 !important;
		height:26px !important;
		padding:0px 5px !important;
		width:170px !important;
		background:transparent url(../images/fon-search-mobile.png) no-repeat scroll 0 0;
		color:#b2b2b2;
		border: 0 none;
	} 
	ul#utilityNavigation li#search input.submit {
		background-image:none !important;
		display:none !important;
		height:0px;
		width:0px;
		padding: 0;
		border: 0 none;
		position: absolute;
		top: 0;
		left: 195px;
		text-align: right;
	}

div#secondaryNav>div:first-of-type>ul.breadcrumbs:before, div#secondaryNav>div:first-of-type>ul#breadcrumbs:before {
	display:none !important;
}
#siteHeader .headerInfo {
	left:50% !important;
	width:auto !important;
}
.headerInfo .info2 li {
	float:left;
}
	div#secondaryNav li#current dd a, div#secondaryNav dd a {
	font-size:130%;
	}

#siteContentContainer select[name="homestate"], #siteContentContainer select[name="homecountry"], #siteContentContainer select[name="mailstate"], #siteContentContainer select[name="mailcountry"], #siteContentContainer select[name="activity1"], #siteContentContainer select[name="activity2"], #siteContentContainer select[name="major1"], #siteContentContainer select[name="major2"], #siteContentContainer select[name="citizencountry1"], #siteContentContainer select[name="citizencountry2"], #siteContentContainer select[name="ethnicity"] {
	max-width:180px;
	}	

}/*/mediaquery*/


/*480 minimum phone landscape __________________________________________________________________________________________________ */
@media only screen and (max-width: 480px) {


div#siteContentContainer {
	margin-top:0;
	-webkit-text-size-adjust: 110%;
}

div#siteContentContainer h2 {
	font-size: 1.3em;
	margin:0.1em 0 0.5em;
}

div#siteContentContainer h3  {
	font-size: 1.25em;
	margin:0.1em 0 0.5em;
}
div#siteContentContainer h4  {
	font-size: 1.15em;
	margin:0.1em 0 0.5em;
}
div#siteContentContainer h5  {
	font-size: 1.2em;
	margin:0.1em 0 0.5em;
}
div#siteContentContainer h6  {
	font-size: 1em;
	margin:0.1em 0 0.5em;
}

div#siteContentContainer div.last, div#siteContentContainer div.inner {
	margin:0;
}

div#siteContentContainer p, div#siteContentContainer ul li a, div#siteContentContainer div.g_header td[nowrap="1"], div.g_results a { /*force word wrapping for long urls */
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

strong.statistics {
	font-size:.8em;
}


 /* Bryn Mawr Logo - upper left  */

div#siteHeader {
	background-color:#003479;
	background-image:none;
	height:70px;
	width:100%;
	overflow:visible;
	position: relative;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	user-select: none;
}
div#siteHeader h1 {
	position: absolute;
	left:0px;
	top: 0px;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: -moz-text;
	-o-user-select: text;
	user-select: text;
}
div#siteHeader h1 a {
	text-indent: -500px;
	background: transparent url(../images/logo_mobile.png) no-repeat 8px 5px;
	border-left:8px solid #fff0be;
	display: block;
	width: 120px;
	height: 70px;
}
div#siteHeader p#skipToContent {
	display: inline;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: -moz-text;
	-o-user-select: text;
	user-select: text;
	}
	
div#siteHeader p#skipToContent a {
	color:#003479;
}

ul#utilityNavigation {
	position:absolute;
	float:none;
	top:70px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;	
	padding:0;
	height:auto;
	width:inherit;
	margin-right:0px;
	overflow:visible !important;
	z-index:150;
	background-color:#003479;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: -moz-text;
	-o-user-select: text;
	user-select: text;
}

ul#utilityNavigation.mobileVisible {
	display:block;
	border-bottom:8px solid #fff0be;
	border-left:8px solid #fff0be;
	padding-top:10px;
	padding-bottom:15px;
}

ul#utilityNavigation li {
	display:none;
	float:none;
	margin-top:10px;
	margin-left:15px;
	font-size:160%;
}
ul#utilityNavigation li.mobileVisible {
	display:list-item;
}

ul#utilityNavigation li.icon {
	margin-top:10px;
	margin-left:15px;
}
ul#utilityNavigation li.icon a {
	height:auto;
	background-position:left center;
}
ul#utilityNavigation li a span {
	position:relative;
	left:0;
	padding-left:20px;
}
ul#utilityNavigation li#search.mobileVisible, ul#utilityNavigation li#search {
	display:block !important;
	visibility:visible !important;
	position:absolute !important;
	z-index:220 !important;
	top:0;
	right:0;
	margin-top:-64px;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	width:250px;
	height:30px;
}
ul#utilityNavigation li#search input.form_tip {
	height:26px;
	padding:0px 5px;
	background:transparent url(../images/fon-search-mobile.png) no-repeat scroll 0 0;
 	-webkit-border-radius:0px;
} 
ul#utilityNavigation li#search input.submit {
	background:transparent url(../images/btn-go-mobile.png) no-repeat scroll 0 0;
	display:block;
	height:30px;
	-webkit-border-radius:0px;
}
ul#mobileMore {
	display:block;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	position:absolute;
	top:37px;
	right:0px;
}
li#mobileMoreButton {
	cursor:pointer;
}
li#mobileMoreButton,.mobileMenuVisible {
	display:block;
	float:none;
	margin:0;
	padding:0;
}
li#mobileMoreButton, .mobileMenuVisible a {
	float:right;
	font-size:150%;
	color:#fff;
	display:block;
	width:50px;
	height:auto;
	padding: 5px 8px;
	margin:0;
	background: transparent url(../images/mobile_down_arrow_transparent.png) no-repeat right center;
}
li#mobileMoreButton.mobileMenuVisible {
	background: transparent url(../images/mobile_up_arrow_transparent.png) no-repeat right center;	
}

.mobileVisible {
	display:block;
}
#siteHeader .headerInfo {
	display:none;
	float:none;
	top:74px;
	left:44%;
	margin-right:0 !important;
	padding-top:20px;
	padding-right:0;
	height:auto;
	width:54%;
	z-index:152;
	background-color:transparent;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: -moz-text;
	-o-user-select: text;
	user-select: text;
}
#siteHeader .headerInfo.mobileVisible {
	display:block;
}
.headerInfo .info1, .headerInfo .info2 {
	float:none;
	position:relative;
	font-size:100%;
	display:block;
	margin:0 !important;
	padding-right:0;
	width:auto;
	overflow:hidden;
	text-align:left;
	background-color:#003479;
	padding-bottom:15px !important;
	padding-left:0px;
}
.headerInfo h2 {
	margin:0;
	width:auto;
	line-height:1em;
}
.headerInfo .info1 li, .headerInfo .info2 li {
	padding-top:6px;
	font-size:120%;
}
.headerInfo .info1 {
	top:0px;
}
.headerInfo .info2 {
	top:0px;
	padding-bottom:0px;
}
.headerInfo .info2 li.col1 {
	float:left;
	padding-right:12px;
}
ul#primaryNavigation {
position: absolute;
top: 38px;
right: 3px;
}

ul#primaryNavigation li {
	display:none;
}

body.admissions ul#primaryNavigation li#admissions, 
body.academics ul#primaryNavigation li#academics, 
body.student-life ul#primaryNavigation li#student-life, 
body.campus ul#primaryNavigation li#campus, 
body.character ul#primaryNavigation li#character, 
body.offices ul#primaryNavigation li#offices {
	display:none;
}

select#primaryNavMobile {
	display:inline-block;
	position:absolute;
	top:38px;
	right:70px;
	border:1px solid #101F48;
	font-size:150%;
	color:#101F48;
	background-color:#eee;
}


	div#siteWrapper, div#siteContentContainer {
			width: 99%;
		}


	div#siteContentContainer div.one-sixth, div#siteContentContainer div.one-quarter, div#siteContentContainer div.one-third, div#siteContentContainer div.five-twelfths, div#siteContentContainer div.half, div#siteContentContainer div.two-thirds, div#siteContentContainer div.three-quarters, div#siteContentContainer div.whole, div#siteContentContainer div.pictextlist {
		width:99%;
	}

	img {
			max-width:100% !important;
		}

/* 5a.secondaryNav is left hand nav   */
		
	div#secondaryNav {
		width: 100%;
		margin: 5px 0px 0px 0px;
		float: left;
		display:block;
		font-size: 120%;
	}
 /* for main left nav   */

	div#secondaryNav dl {
		background-color: #fff;
		padding:0 0 1px;
		position: relative;
	}

	div#secondaryNav li#current dl {
		background-color: #fff !important;
		border: none;
		height:auto;
		width:100%;
		padding:0;
		margin:0;
		border-bottom: 1px solid #566D79;
	}	
	.width-480 div#secondaryNav li#current::selection,.width-480 div#secondaryNav li#current dl::selection, .width-480 div#secondaryNav li#current dl dt::selection, .width-480 div#secondaryNav li#current dl dt a::selection {
	background: transparent; /* Safari */
	        }
	.width-480 div#secondaryNav li#current::selection,.width-480 div#secondaryNav li#current dl::selection, .width-480 div#secondaryNav li#current dl dt::selection, .width-480 div#secondaryNav li#current dl dt a::selection  {
	background: transparent; /* Firefox */
	}
	
	div#secondaryNav li#current dl.mobileSecNavVisible {
		border-bottom:1px solid #566D79;
	}

	div#secondaryNav li#current dl:after { /*clearfix for container of current link item */
		content: ".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
	}
	div#secondaryNav li#current .mobileSecNavVisible:nth-child(2) {
		border-top: 1px solid #566D79;
		z-index:120;
	}
	
	div#secondaryNav dt {
		color: #000;
		background-color: transparent;
		font-family: Georgia, "Times New Roman", serif;
		margin-bottom:1px;
	}
	
	div#secondaryNav>div:first-of-type>ul.breadcrumbs:before, div#secondaryNav>div:first-of-type>ul#breadcrumbs:before {
		content:"You are here: ";
		float:left;
		clear:none;
		display:inline;
		text-transform:uppercase;
		color:#566D79;
		margin-right:0;
		padding-top:4px;
		padding-left:8px;
		padding-right:0px;
		position:relative;
		z-index:130;
	}
div#secondaryNav li {
	position:relative;
	z-index:131;
	background-image:none;
	padding-top:4px;
	padding-left:8px;
	margin-right:0;
}
div#secondaryNav li a {
	color:#005496;
}
div#secondaryNav li:after {
	content:">";
	color:#566D79;
	position:absolute;
	top:0;
	right:0;
	padding-top:5px;
	padding-right:0px;
}
div#secondaryNav li#current:after, div#secondaryNav li#ContactUs:after {
	content:"";
}

 /* for current selected item   */
	div#secondaryNav li#current dt {
		background: #fff;
		font-size: 1.3em;
		color: white;
		margin-top:-4px;
		margin-right:8px;
		margin-bottom:-1px;
		margin-left:8px;
		padding:0;
		float:left;
		clear:none;
		width:auto;
		height:auto;
		position:relative;
		z-index:130;
		left:0;
		border-top:1px solid #566D79;
		border-right:1px solid #566D79;
		border-bottom: 1px solid #fff;
		border-left:1px solid #566D79;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: -moz-none;
		-o-user-select: none;
		user-select: none;
	}	
div#secondaryNav li#current dt a:after {
	content:".";
	color:#fff;
	background: url(../images/mobile_down_arrow_blue.png) right center no-repeat;
	width:20px;
	display:inline-block;

}	
div#secondaryNav li#current dt.mobileSecNavLink {
	z-index:131 !important;
	}
div#secondaryNav li#current dt.mobileSecNavVisible a:after {
	background: url(../images/mobile_up_arrow_blue.png) right center no-repeat;
}
	div#secondaryNav li#current {
		position: relative;
		margin: 0px;
		padding: 0;
		float:none;
		clear: none;
		position:relative;
		z-index:110;
		}
#secondaryNav>div:first-of-type>ul.breadcrumbs dt a, #secondaryNav>div:first-of-type>ul#breadcrumbs dt a {
	-webkit-tap-highlight-color: rgba(245,236,125,1);
	width:100%;
	height:100%;
	padding-top:6px;
	padding-left:6px;
	padding-right:0;
	padding-bottom:4px;
	position:relative;
	z-index:121 !important;
}
	div#secondaryNav li dt a, div#secondaryNav dt a, div#secondaryNav dd a {
	padding-top:0px;
	padding-left:0px;
	color: #005496;
	 }
	 div#secondaryNav dd a {
	padding-left:0;
	border-bottom:1px solid #B9D0E2;
	background-color:transparent;
}
div#secondaryNav dl dd:last-child a {
	border-bottom:1px solid #566D79 !important;	
}
div#secondaryNav li dt a:hover, div#secondaryNav h2.mobileSecNavVisible a:hover, div#secondaryNav li#ContactUs dd a:hover, div#secondaryNav dd a:hover {
	text-decoration:none;
	}
	div#secondaryNav dt a br {
	display:none;	
	}	
	
	div#secondaryNav ul {
		overflow:hidden;
		margin-bottom: 0px;
	}
	div#secondaryNav ul.breadcrumbs:first-of-type, div#secondaryNav ul#breadcrumbs:first-of-type {
	border:0;
	}
	div#secondaryNav ul#breadcrumbs, div#secondaryNav ul#contactus, div#secondaryNav ul.breadcrumbs {
		padding-right:0;
		padding-left:0;
		background-color: #fff;
	}
	div#secondaryNav ul#breadcrumbs ul#breadcrumbs, div#secondaryNav ul.breadcrumbs ul.breadcrumbs {
		position: relative; 
		margin: -8px -8px 0; 
		background-color: transparent; 
	}		
	div#secondaryNav dd, div#secondaryNav dt, li#ContactUs, div#secondaryNav h2 { /*hide secondary nav links off screen until menu expands */
	position:absolute;
	left:-500px;
	}
.mobileHidden, .mobileHidden.headerInfo	{
	position:absolute !important;
	left:-500px !important;
}

	div#secondaryNav dd.mobileSecNavVisible, div#secondaryNav dt.mobileSecNavVisible, li#ContactUs, div#secondaryNav h2.mobileSecNavVisible {
		position:relative;
		left:0;	
	}		
	div#secondaryNav dd.mobileSecNavVisible {
		clear:both;
	}
	div#secondaryNav li#current dd a, div#secondaryNav dd a, div#secondaryNav h2.mobileSecNavVisible a {
	border-bottom:1px solid #B9D0E2;
		padding-top:8px; 
		padding-bottom:8px;
		width:inherit;
		-webkit-user-select: text;
		-khtml-user-select: text;
		-moz-user-select: -moz-text;
		-o-user-select: text;
		user-select: text;
	}
div#secondaryNav li#ContactUs dd a {
	width:auto;
}
div#secondaryNav h2.mobileSecNavVisible a {
	margin:0;
	padding:10px 4px;
	background:#B9D0E2;
	color: #005496;
	border:1px solid #566D79;
}
div#secondaryNav h2.mobileSecNavVisible {
	background:#fff !important;
	margin:0;
}
div#secondaryNav li#current dd a:after, div#secondaryNav dd a:after, div#secondaryNav h2.mobileSecNavVisible a:after {
	content:"›";
	float:right;
	color:#005496;
	font-size:1.25em;
}
div#secondaryNav li#ContactUs dd a:after {
	content:"";
}

div#secondaryNav li#current dd.mobileSecNavVisible {
	padding-right:8px;
	padding-left:8px;
	background-color:#fff;
}			
	div#secondaryNav dd.divide.mobileSecNavVisible a {
		border-bottom: 1px solid #566D79 !important;
	}
		
div#secondaryNav li#ContactUs {
	height:inherit;
	width:inherit;
	display:block;
	border-bottom:0;
	margin-top:-10px;
	margin-bottom:-180px;
	padding-right:0;
	background:#fff;
	font-size:110%;
}
div#secondaryNav li#ContactUs.mobileSecNavVisible {
	display:block;
	margin-bottom:-10px;
}
div#secondaryNav li#ContactUs.mobileSecNavVisible dd {
	padding-bottom:.5em;
	margin-left:8px;
	padding-right:0;
	padding-left:0;
}
div#secondaryNav li#ContactUs.mobileSecNavVisible dl {
	border-bottom: 1px solid #566D79;	
	width:100%;
}
div#secondaryNav li#ContactUs dl dt {
	margin-top:1em;
}
		
	/*  footer style    */

div#siteFooter {
	font-size:1.4em;
	padding-left:14px;
}
#siteFooter #footerLinks span {
	display:block;
	margin-right:0px;
	}
#siteFooter #footerLinks span a {
	text-decoration: none; 
	color:#fff0be; 
	line-height:1.7em; 
	}
#siteFooter #footerLinks span a:hover {
	text-decoration: underline; }
#siteFooter #footerInfo {
		display: block;}
div#siteFooter p span#footerCopyright {
	display:block; 
	margin-right:0px; }
div#siteFooter p span#footerAddress {
	margin-right:0px;
	display:block;
	 }
div#siteFooter p span#footerTelephone a[href^=tel] {
	color:#fff0be;
}
#siteContentContainer ul li, #siteContentContainer ol ul li {
	margin-bottom:.8em;
}
#siteContentContainer .slideshow-module a.btn {
	font-size:1.5em;
}

#siteContentContainer .slideshow-module p, #siteContentContainer .slideshow-module.video-player p {
	width:inherit !important;
	float:left;
	margin-top:15px !important;
	margin-left:15px !important;
}
#siteContentContainer .slideshow-module .learnmore {
    margin-bottom: 1em;
	font-size:1.2em;
	line-height:1.5em;
}
#siteContentContainer .slideshow-module ul.pipelist {
	height:auto;
	width:auto;
}
#siteContentContainer .slideshow-module li a {
	font-size:1.5em;
	padding:4px 6px;	
}
#siteContentContainer .slideshow-module .module-controls {
	width:auto;
}
#siteContentContainer .slideshow-module a.btn img {
	position:absolute;
	left:-500px;
}
#siteContentContainer .slideshow-module a.btn.prev img:before {
	content: "Previous";
	position:absolute;
	left:-500px;
}
#siteContentContainer .slideshow-module a.btn.next img:before {
	content: "Next";
	position:absolute;
	left:-500px;
}
#siteContentContainer .slideshow-module a.btn.prev {
	background: transparent url(../images/btn-prev-mobile.png) no-repeat top left;
	background-size:24px auto;
	display:block;
	height:24px;
	width:24px;
}	
#siteContentContainer .slideshow-module a.btn.next {
	background: transparent url(../images/btn-next-mobile.png) no-repeat top left;
	background-size:24px auto;
	display:block;
	height:24px;
	width:24px;
}
#siteContentContainer p.callout {
	padding:0;
}
#siteContentContainer p.callout a:after {
	content:"»";
	float:right;
	color:#005496;
	font-size:1.25em;
}
#siteContentContainer p.callout a {
	display:block;
	width:inherit;
	padding: 0.6em 0.7em;
}


/*Google mini search results*/
div.g_header tbody, div.g_header tbody tr {width:300px !important;}

.g_header table, .g_header table tbody * {
	max-width:100% !important;
}

.g_header form[name="gs"] input[name="q"] {
	position:relative;
	left:-10px;
	top:-20px;
	font-size:1.2em;
	height:35px !important;
	width:180px !important;
}

.g_header form[name="gs"] input[name="btnG"] {
	width:auto;
	position:relative;
	left:-200px;
	top:20px;
	font-size:.9em;
}
div.g_header table tbody tr td form table tbody tr td table tbody tr td[nowrap="1"] {
	width:0 !important;
}
div.g_header table tbody tr td form table tbody tr td table tbody tr td[nowrap="1"] a {
	position:relative !important;
	margin-left:-140px !important;
	top:0px !important;
	width:200px !important;
}

div#search_links {
	position:relative;
	top:0px;
	float:none;
}

div#search_links a#adv_search_link, div#search_links a#search_tips_link {
clear:right;}

#siteContent table td {
	padding:0px !important;
}

div.g_results table {
	font-size:14px;
}

div.g_results table, div.g_results td.s, div.g_results p.g {
	width:99% !important;
}

div.g_results_container span.s {
	width:99%;
	font-size:14px;
}

table#sortby {
	width:99%;
}

table#sortby td[align="right"] span.s {
	padding-left:15px;
} 

}/*/mediaquery*/

/*768px iPad portrait __________________________________________________________________________________________________ */
@media only screen and (max-width: 768px) {
	/* style for mobile home page buttons - added by AK 9/22/11 */
	h2.mobile-home-header {
		display:block;
		padding:.5em !important;
		margin:0 auto !important;
		width:68%;
	}
	ul.mobile-home-links {
		margin:0 auto;
	}

	ul.mobile-home-links li {
		list-style:none;
		background-image:none !important;
		padding:0 !important;
		margin:0 0 2em 0;
	}
	ul.mobile-home-links li a {
		color:#333;
		background:#B9D0E2;
		display:block;
		padding:.5em 1em;
		margin:0 auto;
		width:60%;
		font-size:2em;
		border-radius:25px;
	}

}/*/mediaquery*/

/*800px Android portrait __________________________________________________________________________________________________ */
@media only screen and (max-width: 800px) {

}/*/mediaquery*/

/*992px iPad landscape_______________________________________________________________________________________________ */
@media only screen and (max-width: 992px) {

}/*/mediaquery*/

/*all mobile devices under 1024 pixels standard desktop width________________________________________________________ */
@media only screen and (max-width: 1024px) {


	
}/*/mediaquery*/

/*1382px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 1382px) {


}/*/mediaquery*/

/*2x iPhone 4 Retina Display ________________________________________________________________________________________ */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {


div#siteHeader h1 a /*higher resolution for retina display*/{
	background: transparent url(../images/logo.png) no-repeat 8px 12px;
	background-size:92px auto;
}

ul#utilityNavigation li#search input.form_tip {
	background:transparent url(../images/fon-search-mobile.png) no-repeat scroll 0 0;
	background-size:100%;
}

div#secondaryNav li#current dt {
		margin-top:-5px;
}
}/*/mediaquery*/