@charset "utf-8";
/*//////////////////////////////////////////////////////////////////////////////
	Modular CSS Document for SMWC.edu Concrete5 Template
	All normal pagetypes, includes styles for
	- Reset
	- Common
	- Header
	- Dropdown styles
	- Footer
	
   	Duplication of this website design is prohibited.
   	Design is © 2010 Saint Mary-of-the-Woods College.  All rights reserved.
   	Contact webmaster@smwc.edu for information or help.

 	Last Updated: 06/03/2010
 	Revision 1.0 (Development) 
///////////////////////////////////////////////////////////////////////////// */

/*
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* END RESET CSS */

/* Dreamweaver Sucks */
body { 
	width: 			100%;
	height: 		100%;
	margin: 		0;
	padding: 		0;
	background:	 	#65a1d7 url('../images/background-vertical-stripes.png') repeat 0 0; 
	text-align: 	center;
	}	
.bgstripes { 
	background: 	#65a1d7 url('../images/background-vertical-stripes.png') repeat 0 0;
	}
.wrapper { 
	width: 			960px; 
	display: 		block; 
	overflow: 		auto; 
	margin: 		0 auto;
	text-align:		left;
	}
#main { background: #fff; }	

a {	color: #236aff; }
a:hover { color: #213d7a; }

/*//////////////////////////////////////////////////////////////////////////////
	Utility Links
//////////////////////////////////////////////////////////////////////////////*/
#utility-links .hidden  { display: none; } /* Used for skip navigation link */	
#utility-links {
	width: 			auto;
	float: 			right;
	overflow:		auto;
	margin: 		0;
	padding: 		0;
	list-style-type:none;
	}
#utility-links li {
	width: 			auto;
	float: 			left;
	display: 		inline;
	margin: 		5px 0 0 4px;
	}
#utility-links a, #utility-links a:visited {
	display: 		block;
	padding: 		5px 8px 6px;
	background: 	#65a1d7;
	color: 			#fff;
	font: 			bold .80em Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
	#utility-links a:hover  { background: #f7f7f7; color: #002883; }

/*//////////////////////////////////////////////////////////////////////////////
	Header 
//////////////////////////////////////////////////////////////////////////////*/
#inner-header { background:	#213d7a; }
#logo {
	width: 140px;
	position: absolute;
	display: block;
	top: 5px;
	z-index: 50;
	text-align: center;
	}
#logo img {
	background: 	none;
	border: 		0;
	}
.background-wrapper#header { 
	height: 		80px;
	background: 	#213d7a; 
	border-top: 	4px solid #3b6ca8; 
	border-bottom: 	4px solid #3b6ca8;
	}
#header a img, #header img {
	width: 			auto;
	float: 			left;
	margin-left: 	155px;
	border: 		0;	
	background:		none;
	}
/* No image font styles */
#logo a, #header a { color: #FFF; }
#header a { font-size: 1.45em; font-weight: bold; }

/*//////////////////////////////////////////////////////////////////////////////
	Search Box
//////////////////////////////////////////////////////////////////////////////*/	
#header form {
	width: 			auto;
	float: 			right;
	margin-top: 	23px;
	margin-right: 	5px;
	}
#header form p {
	margin:		 	5px 0;
	padding:		0;
	}
#header input {
	padding-bottom: 1px;
	border: 		2px solid #CCC;
	background: 	#fff;
	color:			#333;
	font: 			bold .8em Arial, Helvetica, sans-serif;
	}
/* the following two styles work in conjunction with the javascript that sets focus on the search bar */
	#header input.text {
		width: 			177px;
		padding: 		2px 2px 4px 20px;
		background: 	#FFF url("../images/search-normal.gif") no-repeat 3px 52%;
		color: 			#999;
		border: 		1px solid #9c9c9c;
		text-align: 	left;
		}
	#header input.text.active {
		background: 	#FFF url("../images/search-active.gif") no-repeat 3px 52%;
		color: 			#5f95ef;
		border: 		1px solid #0099d4;
		font-weight: 	700;
		}
/*//////////////////////////////////////////////////////////////////////////////
	Drop Down Navigation
//////////////////////////////////////////////////////////////////////////////*/
#navigation {
	width: 			960px;
	height: 		1.55em;
	position: 		relative;
	z-index: 		30;				/* fixes IE compatible mode layout */
	overflow: 		visible;		/* Required to overlay the drop down menu */
	margin-right: 	auto;
	margin-left: 	auto;
	padding-bottom: 1px;
	background: 	#f7f7f7 url('../images/navigation-background.gif') repeat-x 50% 50%;
	}
#navigation ul.menu {
	margin:			0 0 0 140px;	/* Offset navigation from logo seal overlay */
	padding: 		0;
	list-style-type:none;
	}
#navigation ul.menu#rightgroup {	/* Right side menu (About, Alumnae/i, Athletics, etc. */
	width:			auto;
	float: 			right;
	margin: 		0;
	}
#navigation ul.menu li {
	width: 			auto;
	float: 			left;
	position: 		relative;
	display: 		inline;
	margin: 		0;
	padding: 		0;	
	}
#navigation h2, #navigation h3 {/* Headers are used for navigation importance */
	display: 		inline;
	margin: 		0;
	padding: 		0;
	font-size: 		1.0em;
	font-weight: 	normal;
	}
#navigation h2 a, #navigation h3 a {
	width: 			auto;
	float: 			left;
	display: 		block;
	z-index: 		20;
	padding: 		.35em .75em;
	background: 	#f6f6f6;
	color: 			#454545;
	border-right: 	2px solid #DADADA;
	font:			bold .80em Arial, Helvetica, sans-serif;
	text-decoration:none;	
	}
	#navigation h2 a:hover, #navigation h3 a:hover { background: #3b6ca8; color: #FFF; }
	/* Establish  hover color for tab when mouse cursor is in popup */
	#navigation li.hovering h2 a, #navigation li.hovering h3 a { background: #3b6ca8; color: #FFF; }	
#navigation ul.menu div {
	display: 		none;		/*// Hide "drop-down" menu by default */
	}
#navigation h3 a#donate {
	background: 	#74b304;;
	color: 			#FFF;
	border-right:	0;
	}
#navigation h3 a#donate:hover {
	background: 	#87c911;
	}
	
/*//////////////////////////////////////////////////////////////////////////////
	Drop Down Menus
//////////////////////////////////////////////////////////////////////////////*/
#navigation ul.menu li.mega div {	/* Style for dropdown menu */
	width: 			270px;
	position: 		absolute;
	top: 			1.55em;
	right: 			-110px;
	z-index: 		10;			/* fixes IE compatible mode layout */
	background: 	#f6f6f6;
	border: 		1px solid #3b6ca8;
	border-top: 	5px solid #3b6ca8;
	}
/* 
Sweet - no more background image!  I'm awesome.
*/	
#navigation ul.menu li.mega div span.background {
	position: 		absolute;
	top: 			-4px;
	right:			-5px;
	bottom: 		-5px;
	left: 			-5px;
	z-index: 		-1;
	background: 	#3b6ca8;
	opacity: 		0.35;
		filter: 		alpha(opacity=35);
		-mos-opacity: 	0.35;
		-khtml-opacity: .35;
		-ms-filter:		"alpha(opacity=35)";
	}
#navigation ul.menu li.mega div span.background span {
	position:		absolute;
	top:			4px;
	right:			5px;
	bottom:			5px;
	left:			5px;
	z-index:		1;
	background:		#fff;
	opacity:		1;
		filter: 		alpha(opacity=100);
		-mos-opacity: 	1.00;
		-khtml-opacity: 1.0;
		-ms-filter:		"alpha(opacity=100)";
	}
/* This is the marketing point for each drop down (to the right of the list items) */
#navigation ul.menu li.mega div p.menu-info {
	clear: 			none;
	margin: 		9px 5px;
	padding: 		0 2px;
	color: 			#999;
	font: 			italic .70em Verdana, Arial, Helvetica, sans-serif;
	line-height:	1.15em;
	text-align: 	left;
	}
/* Used to drop under the list and menu-info so the menu-action and menu-other paragraphs align */
#navigation hr.clear {
	height: 		1px;
	clear: 			both;
	margin: 		0;
	padding: 		0;
	color: 			#F6F6F6;
	border: 		0;
	}
#navigation ul.menu li.mega div p.menu-note {
	margin: 		0;
	padding: 		2px 5px;
	color: 			#999;
	font: 			normal .65em Verdana, Arial, Helvetica, sans-serif;
	text-align: 	center;
	}
#navigation ul.menu li.mega div p.menu-note a img {
	border: 		1px solid #236aff;
	}
#navigation ul.menu li.mega div p.menu-other {
	clear: 			both;
	margin: 		0;
	padding: 		0;
	background: 	#3b6ca8;
	text-align: 	right;
	}
#navigation ul.menu li.mega div p.menu-other a {
	width: 			230px;
	float: 			left;
	display: 		block;
	padding:	 	5px 30px 5px 10px;
	background: 	#3b6ca8 url('../images/dropdown-arrow.gif') no-repeat 245px 7px;
	color: 			#FFF;
	font: 			.70em Verdana, Arial, Helvetica, sans-serif;
	line-height: 	1.30em;
	text-decoration:none;
	}	
#navigation ul.menu li.mega div p.menu-other a:hover {
	background: 	#3b6ca8 url('../images/dropdown-arrow.gif') no-repeat 245px -43px;
	text-decoration:underline;
	}
#navigation ul.menu li.mega div ul {
	width: 			155px;
	float: 			left;
	margin: 		5px;
	padding: 		0px;
	list-style-type:none;
	}
#navigation ul.menu li.mega div ul li {
	display: 		block;
	margin: 		1px;
	padding: 		0px;
	font: 			.80em Arial, Helvetica, sans-serif;
	}
#navigation ul.menu li.mega div ul li.menu-small {
	font: 			.75em Arial, Helvetica, sans-serif;
	}
#navigation ul.menu li.mega div ul li.list-spacer {
	padding-bottom: 5px;
	border-bottom: 	1px solid #DADADA;
	}
#navigation ul.menu li.mega div ul li a {
	width: 			145px;
	float: 			right;
	display: 		block;
	clear: 			right;
	padding: 		2px 0;
	text-align: 	right;
	}

#navigation ul.menu li.hovering div {
	display: 		block;
	}

#navigation ul.menu li.mega div a:hover {
	color: 			#000;
	text-decoration:none;
	font-weight: 	bold;
	}

/*//////////////////////////////////////////////////////////////////////////////
	Banner Image and Call to Action
//////////////////////////////////////////////////////////////////////////////*/
.banner-dropshadow {
	padding-bottom: 15px;
	background: 	transparent url('../images/background-banner-dropshadow.png') no-repeat 0 100%;
	overflow:		auto;
}
.banner-dropshadow img {
	float:			left;
	color:			#FFF;
	}
#banner-cta {
	width:			100%;
	clear:			both;
	border: 		0;
	border-collapse:collapse;
}
#banner-cta td { padding: 0; }
#cta-msg, #cta-btn, #cta-btn-direct, #info-content { vertical-align: middle; overflow: auto; background: #f7f7f7; }
#cta-msg {
	width: 			235px;
	background: 	#213d7a url('../images/cta-banner-arrow.png') no-repeat 100% 50%;
	}
	#cta-msg p {
		margin: 		8px 20px;
		padding: 		0;
		color: 			#65a1d7;
		font: 			italic .80em Arial, Helvetica, sans-serif;
		line-height:	normal;
		text-align: 	left;
		text-indent: 	0;
	}
	#cta-msg p strong {
		color: #FFF;
		font-style: 	normal;
		font-weight: 	bold;
		}
	
#cta-btn, #cta-btn-direct { width: 250px; }
	a.cta-button {
		width: 			auto;
		float: 			left;
		margin: 		0 0 0 10px;
		padding: 	 	5px 10px;
		background: 	#f4f4f4 url('../images/button-background.png') repeat-x 0 100%;
		color: 			#000;
		border: 		1px solid #999999;
		font: 			bold .90em Arial, Helvetica, sans-serif;
		text-decoration:none;
		white-space: 	nowrap;
		}
		a.cta-button:hover { background: #f4f4f4; }
		a.cta-button.orange {
			background: #ffa342 url('../images/button-orange-background.png') repeat-x 0 0;
			color: 		#FFF;
			border: 	1px solid #a92f08;
			}
			a.cta-button.orange:hover { background: #ff6600; }
	
#info-content { width: 475px; text-align: right;}
#info-content p {
	width:			auto;
	float:			right;
	margin: 		7px;
	padding: 		1px 5px 1px 8px;
	color: 			#999;
	border-left:	1px solid #e4e4e4;
	font: 			normal .80em Arial, Helvetica, sans-serif;
	}

/*//////////////////////////////////////////////////////////////////////////////
	Anchor Buttons
//////////////////////////////////////////////////////////////////////////////*/
a.button, a.button:visited { 
	width: 			auto;
	float: 			left;
	display: 		block;
	margin: 		0;
	padding: 		3px 9px;
	background: 	#f4f4f4 url('../images/button-background.png') repeat-x 0 100%;
	color: 			#333;
	border: 		1px solid #999999;
	font: 			bold .75em "Trebuchet MS", "Times New Roman", Arial;
	text-decoration:none;
	white-space: 	nowrap;
	}
	a.button:hover { background: #f4f4f4; }	
	a.button.orange, a.button.orange:visited {
		background: #ffa342 url('../images/button-orange-background.png') repeat-x 0 0;
		color: 		#FFF;
		border: 	1px solid #a92f08;
		}
		a.button.orange:hover { background: #ff6600; }

/*//////////////////////////////////////////////////////////////////////////////
	Expanding Call-to-Action Widget
//////////////////////////////////////////////////////////////////////////////*/
#cta-widget {
	overflow:		auto;
	padding:		3px;
	background:		#f3f3f3;
	border-top:		1px dotted #CCC;
	}
	.cta-option {
		width:			309px;
		float: 			left;
		margin:			5px 0 5px 5px;
		padding:		0 0 10px;
		background:		#fff;
		border: 		1px dotted #CCC;
		}
	.cta-option p {
		margin: 		0;
		padding: 		10px 10px 5px;
		color: 			#666;
		font: 			normal .75em Arial, Helvetica, sans-serif;
		}
	.cta-option p a.button { font-size: 1em; }
	.cta-option p strong {
		color: 			#333;
		font-size: 		1.15em;
		}

/*//////////////////////////////////////////////////////////////////////////////
	Breadcrumb
//////////////////////////////////////////////////////////////////////////////*/
ul#breadcrumb {
	width:			660px;
	position:		absolute;
	top:			5px;
	left:			15px;
	overflow:		auto;
	margin:			0;
	padding:		0;
	list-style-type:none;
}
	#breadcrumb li {
		width: 			auto;
		float: 			left;
		margin:			0;
		padding:		5px;
		color:			#AAA;
		font:			normal .65em Verdana, Arial, Helvetica, sans-serif;
	}
	#breadcrumb a {
		width: 			auto;
		float: 			left;
		display:		block;
		color:			#CCC;		
	}
	#breadcrumb a:hover {
		color:			#999;
	}


/*//////////////////////////////////////////////////////////////////////////////
	Default Content Styles
//////////////////////////////////////////////////////////////////////////////*/		
#content {
	width: 			660px;
	float: 			left;
	position:		relative;
	margin:			0;
	padding: 		30px 20px 15px;
	background:		#fff;
	border:			0px solid #e4e4e4;
	}
.download {
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	color: #777;
	}
/* ob = Other Block */
.ob {
	margin: 15px;
	background: #FAFAFA;
	border: 2px solid #CCC;
	clear: left;
	}
.ob h4 {
	margin: 0;
	padding: 2px 10px 3px;
	font: bold .7em Verdana, Arial, Helvetica, sans-serif;
	background: #FFF url('img/navigation-background.gif') repeat-x 50% 50%;
	color: #666;
	border-color: #CCC;
	}
.ob h1, .ob h2, .ob h3, .ob h4 {
	padding: 10px 10px 5px;
	color: #666;
	}
.ob p {
	margin: 0;
	padding: 10px;
	line-height: normal;
	font: normal .80em Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	}
.ob ul {
	margin: 0 5px 5px;
	padding: 2px 0 2px 20px;
	list-style-type: square;
	color: #999;
	}
.ob li {
	font: normal .7em Verdana, Arial, Helvetica, sans-serif;
	margin: 2px;
	}
.ob li a:hover { color: #000; }
	

/*//////////////////////////////////////////////////////////////////////////////
	Footer
//////////////////////////////////////////////////////////////////////////////*/
#socialbar {
	width:			960px;
	/*z-index: 		30;				 fixes IE compatible mode layout */
	overflow: 		visible;		/* Required to overlay the drop down menu */
	position:		relative;
	margin:			0 auto;
	padding:		15px 0;
	background:		#213d7a;
}
	#socialbar ul {
		width:			330px;
		overflow:		visible;
		margin:			0 auto;
		padding:		0;
		list-style-type:none;
	}
	#socialbar li {
		width: 			auto;
		position: 		relative;
		float:			left;
		margin: 		0 5px;
		padding: 		0;
	}
	#socialbar li h4 {
		margin:			0;
		padding:		0;
	}
	#socialbar li h4 a {
		background: 	#FFF;
		padding: 		5px;
		display: 		block;
	}
	#socialbar li img { border: 0; }
	#socialbar li div { 
		width: 			250px;
		position: 		absolute;
		bottom: 		50px;
		left: 			-75px;
		z-index: 		30;			/* fixes IE compatible mode layout */
		display:		none;	
		background:		#fff;
		text-align:		left;	
	}
	#socialbar li div img {
		position:		absolute;
		top:			-16px;
	}
	#socialbar li div ul {
		width:			100%;
		float:			none;
		overflow:		auto;
		display:		block;
		margin:			8px 0 0 0;
		padding:		0;
		list-style-type:none;
	}
	#socialbar li div li {
		display:		block;
		margin:			0 8px 8px;	
		border-bottom:	1px dashed #e4e4e4;
	}
	#socialbar li div li.last {
		border-bottom: 0;
	}
	#socialbar li div li a {
		width:			222px;
		float:			left;
		display:		block;
		padding:		5px;
		background:		#fff;
		color:			#666;
		font:			italic .70em Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	#socialbar li div li a strong {
		color: 			#236aff;
		font:			bold 1.20em Arial, Helvetica, sans-serif;
		text-decoration:underline;
	}
	#socialbar li div li a:hover strong { color: #213d7a; }
	
	#socialbar li div span.background {
		position:		absolute;
		top:			-21px;
		right:			-5px;
		bottom:			-5px;
		left:			-5px;
		z-index: 		-1;
		background: 	#3b6ca8;
		opacity: 		0.35;
			filter: 		alpha(opacity=35);
			-mos-opacity: 	0.35;
			-khtml-opacity: .35;
			-ms-filter:		"alpha(opacity=35)";
	}
	#socialbar li div span.background span {
		position:		absolute;
		top:			21px;
		right:			5px;
		bottom:			5px;
		left:			5px;
		z-index:		1;
		background:		#fff;
		opacity:		1;
			filter: 		alpha(opacity=100);
			-mos-opacity: 	1.00;
			-khtml-opacity: 1.0;
			-ms-filter:		"alpha(opacity=100)";
	}
	
		
	#socialbar li.hovering h4 a {
		background:		#3b6ca8;
	}
	
	#socialbar li.hovering div {
		display: 		block;
	}
#footer {
	background:		#f7f7f7;
	margin-bottom:	10px;
}
#footer img {
	float: 			none;
}


#mapblock {
	width: 			60px;
	float:			left;
	margin:			15px 10px 10px 20px;
	text-align: 	center;
}
#mapblock p {
	margin: 		0;
	padding: 		0;
	font: 			normal .70em Arial, Helvetica, sans-serif;
}
#mapblock a, #mapblock a:visited {
	text-decoration:none;
	color: 			236aff;
}
#mapblock a img {
	text-decoration:none;
	border:			2px solid #236aff;
	margin-bottom:	3px;
}
#footer p#address {
	width:			230px;
	float: 			left;
	margin:			13px 10px 10px 0;
	padding:		0;
	color:			#777;
	font:			normal .75em Arial, Helvetica, sans-serif;
}
#footer p.commonlinks {
	width:			293px;
	float:			right;
	margin:			10px 20px 10px 0;
	padding:		0;
	color:			#999;
	font:			normal .80em Arial, Helvetica, sans-serif;
	line-height:	1.8em;
	text-align:		left;
}
#footer p.commonlinks span {
	width:			100%;
	display:		block;
	margin-top: 	5px;
	color:			#999;
	border-bottom:	1px dotted #999;
	font:			normal .75em Verdana, Arial, Helvetica, sans-serif;
}
#footer p#copyright {
	width:			auto;
	float:			right;
	margin:			5px 20px 5px;
	padding:		0;
	color:			#999;
	font:			normal .70em Arial, Helvetica, sans-serif;
	text-align:		right;
}
#footer p#footerlinks {
	width:			auto;
	float:			left;
	clear:			both;
	margin:			5px 20px 5px;
	padding:		0;
	color:			#999;
	font:			normal .75em Arial, Helvetica, sans-serif;
}
#footer p#signin {
	width: 			300px;
	float:			right;
	clear:			none;
	text-align:		right;
}
#footer p#signin a { color: #333; }

/*//////////////////////////////////////////////////////////////////////////////
	Concrete Edit Styles
//////////////////////////////////////////////////////////////////////////////*/
span.area-width-notice {
	display:		block;
	background:		#FFF;
	color:			#F00;
	font:			bold .60em Verdana, Arial, Helvetica, sans-serif;
	text-align:		right;
}
span.editing-notice {
	display:		block;
	margin:			0;
	padding:		15px 20px;
	background:		#FFFFCC;
	color:			#333;
	border:			4px solid #FFCC66;
	font:			normal .70em Verdana, Arial, Helvetica, sans-serif;
	}