@charset "utf-8";
/*//////////////////////////////////////////////////////////////////////////////
	Modular CSS Document for SMWC.edu Concrete5 Template
	All normal pagetypes, includes styles for
	- Common
	- Header
	- Primary Navigation
	- Breadcrumb 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: 01/07/10
 	Revision 1.2 (Production) 
///////////////////////////////////////////////////////////////////////////// */


body { 
	background: #65a1d7; 
	text-align: center;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	}
.hidden, li.hidden a, .hidden a:hover { display: none; color: #65a1d7 }

.content-plus, .footer { background: #65a1d7 url('img/stripe2.png'); }

.main {
	width: 960px;
	text-align: left;
	background: #FFF;
	margin: 0 auto;
	position: relative;
	overflow: auto;
	}
.wrapper {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	text-align: left;
	}
.nooverflow { overflow: hidden }
.noborder, .noborder img {	border: 0;	}
.homepage-nav { position: relative }
.wrapper img {
	background: #666 url('img/ajax-loader.gif') no-repeat 50% 50%;
	display: block;
	}
.clear { clear: both; }
	
/* Breadcrumb */
.emc2 { position: relative; }
.breadcrumb {
	width: 960px;
	position: absolute;
	top: -25px;
	left: 0px;
	z-index: 5;
	overflow: auto;
	opacity: 0.75;
		filter: alpha(opacity=75);
		-mos-opacity: 0.75;
		-khtml-opacity:.75;
		-ms-filter:"alpha(opacity=75)";
	}
.breadcrumb ul {
	padding: 0 10px;
	width: auto;
	height: 25px;
	margin: 0;
	list-style-type: none;
	float: left;
	background: #22282e;
	/*border: 2px solid #CCC;*/
	}
.breadcrumb li {
	float: left;
	width: auto;
	display: inline;
	margin: 0;
	padding: 5px 3px 5px 0;
	font: bold italic .70em Verdana, Arial, Helvetica, sans-serif;
	color: #888;
	}
.breadcrumb a, .breadcrumb a:visited {
	color: #236aff;
	font-style: normal;
	padding-right: 15px;
	/*background: url('img/breadcrumb-arrow.gif') no-repeat 100% 60%;*/
	}
.breadcrumb a:hover {
	color: #FFF;
	}
.breadcrumb a span.lightmenu {
		color: #236aff;
		float: none;
		}

/*//////////////////////////////////////////////////////////////////////////////
	Header 
//////////////////////////////////////////////////////////////////////////////*/

.utility-links {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
	float: right;
	width: auto;
	}
.utility-links li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	font: bold .80em Arial, Helvetica, sans-serif;
	width: auto;
	}
.utility-links a, .utility-links a:visited {
	color: #FFF; 
	text-decoration: none;
	display: block;
	padding: 5px 8px 6px;
	}
.utility-links a:hover {
	color:#002883;
	background: #F6F6F6 url('img/utility-block.gif') no-repeat 50% 100%;
	}

.header {
	width: 100%;
	height: 80px;
	background: #213d7a;
	border-top: 4px solid #3b6ca8;
	border-bottom: 4px solid #3b6ca8;
	text-align: center;
	}
.header .wrapper { background: #213d7a; }
.header a { color: #FFF; }
.header .wrapper a img, .header .wrapper img {
	border: 0;
	background: none;
	margin-left: 155px;
	float: left;	
	}
.header form {
	margin-top: 23px;
	margin-right: 5px;
	float: right;
	width: auto;
	}
.header form p {
	margin: 5px 0;
	padding: 0;
	}
	
.header input {
	border: 2px solid #CCC;
	background: #fff;
	color: #333;
	font: bold .8em Arial, Helvetica, sans-serif;
	padding-bottom: 1px;
	}
/* the following two styles work in conjunction with the javascript that sets focus on the search bar */
	.header input.text {
		color: #999;
		background: #FFF url("img/search-normal.gif") no-repeat 3px 52%;
		border: 1px solid #9c9c9c;
		padding: 2px 2px 4px 20px;
		text-align: left;
		width: 180px;
		}
	.header input.text.active {
		background: #FFF url("img/search-active.gif") no-repeat 3px 52%;
		border: 1px solid #0099d4;
		color: #5f95ef;
		font-weight: 700;
		}

	
/* logo-seal */
.logo-seal {
	width: 140px;
	font-size: .1em;
	margin-right: auto;
	margin-left: auto;
	display: block;
	position: relative;
	} 
.logo-seal a { position: absolute; left: -410px; top: 4px; z-index: 9; display: block;}
.logo-seal img { background: none; border: 0; }

.navigation {
	background: #f9f6f6 url('img/navigation-background.gif') repeat-x 50% 50%;
	position: inherit;
	}
.navigation ul {
	margin: 0 0 0 140px;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	}
.navigation li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	font: bold .80em Arial, Helvetica, sans-serif;
	white-space: nowrap;
	width: auto;
	}
.navigation li.rightgroup {
	float: right;
	width: auto;
	}
.navigation li.rightgroup a {
	border-right: 0;
	border-left: 2px solid #DADADA;
	}
.navigation a, .navigation a:visited {
	float: left;
	width: auto;
	background: #f6f6f6;
	border-right: 2px solid #DADADA;
	padding: 4px 9px;
	display: block;
	color: #454545;
	text-decoration: none;
	}
.navigation a:hover {
	background: #3b6ca8;
	color: #FFF;
	}
.navigation .donate a {
	background: #74b304 url('img/navigation-donate-background.gif') repeat-x 50% 50%;
	color: #FFF;
	}
.navigation .donate a:hover {
	background: #87c911;
	}
.shadow-one, .shadow-two { height: 1px; background: #CCC; }
.shadow-two { background: #EEE; }

/*//////////////////////////////////////////////////////////////////////////////
	Footer 
//////////////////////////////////////////////////////////////////////////////*/

.media {
	background: #213d7a;
	text-align: center;
	}

.media h4 {
	text-indent: 0;
	padding: 0;
	margin: 20px 0 -1px;
	font: bold 1.5em Verdana;
	color: #6a83b4;
	line-height: 0.9em;
	text-align: center;
	border: 0;
	}
.media p {
	margin: 0 0 40px;
	padding: 0;
	}
.media img, .media a img {
	border: 0;
	background: transparent;
	display: inline;
	}
.media a { color: #FFF; }

.drivetoapply { 
	background: #f9f6f6; 
	border-top: 2px solid #CCC; 
	border-bottom: 2px solid #CCC; 
	}
.footerblock strong { font-variant: small-caps; color: #454545; }
.drivetoapply h4 {
	padding:  20px 20px 0;
	margin: 0;
	color: #545454;
	font: bold .9em "Lucida Sans Unicode","Microsoft Sans Serif",Verdana;
	}
.drivetoapply p {
	padding: 10px 0 5px 20px;
	margin: 0;
	float: left;
	display: inline;
	width: 220px;
	font: .80em "Lucida Sans Unicode","Microsoft Sans Serif",Verdana;
	color: #666;
	}
.drivetoapply p.clear {
	float: left;
	clear: both;
	width: 900px;
	padding-bottom: 20px;
	}
.footerblock {
	width: 275px;
	float: left;
	margin: 10px 0 10px 15px;
	padding: 10px;
	background: #FAFAFA;
	border: 2px solid #CCC;
	display: inline;
	font-size: .95em;
	color: #666;
	}

.contact {
	background: #213d7a;
	text-align: right;
	}
.contact p { 
	clear: both;
	margin: 15px;
	padding: 0;
	color: #6a83b4;
	font: .75em Arial, Helvetica, sans-serif;
	}
.contact a { color: yellow; }
.contact a:hover { color: #FFF; }
.contact a:visited { color: #FFFFCC; }

p.ft-contact {
	float: left;
	padding: 0;
	color: #FFF;
	clear: none;
	font-size: 1.0em;
	text-align: left;
	width: auto;
	line-height: 1.45em;
	}
.ft-contact strong { font-variant:small-caps;  font-size: 1.05em;}
p.ft-links {
	float: right;
	font: .75em Arial, Helvetica, sans-serif;
	line-height: 1.65em;
	margin-right: 30px;
	padding: 0;
	color: #6a83b4;
	clear: none;
	text-align: left;
	width: auto;
	}
a.report { float: left; width: auto; margin-right: 10px; }
a.c5link, a.c5link:visited { color: #6a83b4; }

/*//////////////////////////////////////////////////////////////////////////////
	Typography 
//////////////////////////////////////////////////////////////////////////////*/
.main { padding-bottom: 5px; }
.main h1 {
	padding: 0 0 3px;
	margin: 0 0 12px;
	font: bold 1.65em Arial, Helvetica, sans-serif;
	color: #454545;
	clear: both;
	/*font-variant: small-caps;
	border-bottom: 3px double #ccc; */
	text-align: left;
	
	}
.main h2 {
	padding: 15px 0 5px;
	margin: 0;
	font: bold 1.20em Arial, Helvetica, sans-serif;
	color: #454545;
	clear: both;
	text-align: left;
	}
.main h3, .main h4 {
	padding: 8px 0 0;
	margin: 2px 0 0;
	font: bold 1.05em Arial, Helvetica, sans-serif;
	color: #454545;
	clear: both;
	margin-bottom: 5px;
	text-align: left;
	}
.main h4 { font-variant: small-caps; }
.main p, .main td p {
	padding: 5px 0 15px;
	font: normal .95em Arial, Helvetica, sans-serif;
	line-height: 130%;
	margin: 0;
	color: #222;
	}
.main ul, .main ol {
	margin: 0 20px 10px 15px;
	padding: 0 0 0 20px;
	font: normal .95em Arial, Helvetica, sans-serif;
	line-height: 130%;
	list-style-type: square;
	color: #333;
	}
.main ol { 
	margin: 0px 20px 10px 25px;
	padding: 0 0 0 20px;
	list-style-type: decimal;
	}
.main li {
	padding: 1px 3px;
	margin: 5px 0;
	}
.main blockquote {
	padding: 5px 15px 0;
	margin: 10px 10px 10px 30px;
	border-top: 3px solid #E3E3E3;
	border-left: 3px solid #E3E3E3;
	}
.main td { text-align: left; }	
a { color: #236aff; }
a:hover { color: #213d7a; }
a:visited { color:#9933FF; }

img.image-left, img.image-right { float: left; margin-right: 25px; margin-bottom: 10px; border: 2px solid #E6E6E6; padding: 2px; }
img.image-right {float: right; margin-right: 0; margin-left: 25px; }

.download {
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	color: #777;
	}
.ccm-page-list { 
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	}
.ccm-page-list h2, h3, h4 {
	border: 0;
	}
.ccm-page-list-description {
	margin-bottom: 5px;
	}

.section-underline { border-bottom: 2px dotted #000; margin-bottom: 5px; }
/*//////////////////////////////////////////////////////////////////////////////
	Sidebar Blocks
//////////////////////////////////////////////////////////////////////////////*/
/* Styling for Related Pages and Information Blocks in the Sidebar */
/* ob = Other Block */
.ob {
	margin: 15px;
	background: #FAFAFA;
	border: 2px solid #CCC;
	clear: left;
	}
.main .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 {
	padding: 10px 10px 5px;
	color: #666;
	}
.main .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; }

p.infobox-title {
	font: normal .65em Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 5px;
	margin: 10px 16px 0;
	text-align: left;
	text-indent: 0;
	line-height: .8em;
	background: #ccc;
	color: #FFF;
	float: left;
	}
div.infobox {
	margin: 0 16px 6px;
	padding: 2px;
	border: 1px solid #CCC;
	background: #eee;
	clear: left;
	overflow: auto;
	}
div.infobox img { border: 0; }

span.area-width-notice { font: .70em Verdana, Arial, Helvetica, sans-serif; color: #999; margin: 4px 0 1px; display: block; padding: 2px; background: #FFF; }