@charset "utf-8";
/*/////////  Primary CSS Document //////////////////
Last Update: 02/05/2009

This is the primary style sheet for the new site design.
The styles contained in the document are original creations of Saint Mary-of-the-Woods College.
Please do not reproduce this stylesheet nor page content without previous approval of the institution.

You may contact the Web development team by emailing webmaster@smwc.edu
HAPPY SURFING!
///////////////////////////////////////////////////*

/* GENERAL STYLES /////////////////////////////////*/
body {
	height: 100%;
	margin: 0 0 5px 0;
	padding: 0;
	background: #65a1d7;
}
br.clear { clear: both; height:1px; font-size: .1em; }
a { color: #236aff; }
a:hover { color: #F00; }

/* TEXT - FONT STYLES /////////////////////////////*/
h1 { font: bold 1.55em helvetica, geneva, arial; margin-top: 15px; }
h2 { font: bold 1.35em helvetica, geneva, arial; margin-top: 15px; }
h3 {}
h4 { font: bold 1.05em "Courier New", Courier, monospace;}
h5 {}
h6 {}
p {
	font: .95em Arial, Helvetica, sans-serif;
	line-height: 1.20em;
	margin: 15px 0;
	padding: 0;
}
blockquote p {
	margin-right: 20px;
	font-style: italic;
	font-size: .90em;
	color: #454545;
}

#section-content ol li, ul li {
	font: normal .95em Arial, Helvetica, sans-serif;
	line-height: 1.20em;
	margin: 3px 15px;
	color: #000;
}
/* table style also applies to JotForms */
table { font: .9em Arial, Helvetica, sans-serif; }

/* special content styles */
p.graybox {
	padding: 8px 10px;
	background: #EEE;
	font-size: .9em;
	color: #454545;
}
p.arrow-right-box {
	padding: 8px 30px 8px 15px;
	background: #EEE url("img/arrow-content-right.gif") no-repeat 100% 50%;
	font-size: .8em;
	color: #888;
}
/* Sharp is intended to go with h4 */
p.sharp {
	font: .9em arial;
	color: #454545;
	
}
a.rss_sm { 
	padding-right: 20px;
	background: url("img/rss_sm.gif") no-repeat 100% 50%;
}


/* CONTENT IMAGE STYLES ///////////////////////////*/
#section-content .c600 img, #section-content img.align-left {
	float: left;
	margin: 0 15px 5px 0;
	padding: 3px;
	border: 2px solid #EEE;
	background: url("img/ajax-light.gif") no-repeat 50% 50%;
}
#section-content .c300 img, #section-content img.align-right {
	float: right;
	margin: 0 0 5px 15px;
	padding: 0;
	border: 2px solid #EEE;
}
/* CONTENT CONTAINER STYLES ///////////////////////*/
div#section-image, div#section-image-small {
	width: 960px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	background: #333 url("img/ajax-dark.gif") no-repeat 50% 50%;
	position: relative;
}
	/* alternate section image size */
	div#section-image-small {
		height: 80px;
	}
div#section-intro {
	width: 960px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
	background: #eaead0 url("img/intro_gradient.gif") repeat-x 0 0; 
	text-align: left;
}
div#section-content {
	width: 960px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	background: #FFF;
	text-align: left;
}
/* SECTION IMAGE STYLES ///////////////////////////*/
/* reset styles for accidental input by editors */
div#section-image p, div#section-image-small p { margin: 0; padding: 0; text-indent: 0; }
/* breadcrumb styles */
div#breadcrumb { 
	position: absolute;
	top: 0; 
	left: 0; 
	padding: 5px;
	background: url("img/breadcrumb-background.gif") no-repeat bottom right;
	opacity: .90;
	filter: alpha(opacity=90);
	-mos-opacity: 0.90;
	-khtml-opacity:.90;
	-ms-filter:”alpha(opacity=90)”;
}
div#breadcrumb ul { 
	margin: 0;
	padding: 1px;
	background: #FFF;
	list-style-type: none;
}
div#breadcrumb li { 
	margin: 0 1px 0 0; 
	padding: 0; 
	display: inline; 
	font: italic .70em Arial, Helvetica, sans-serif;
	color: #666;
}
div#breadcrumb li a { 
	padding-right: 15px; 
	font-style: normal; 
	background: url("img/breadcrumb-arrow.jpg") no-repeat 100% 50%;
}
/* promo and buttons, positioned on top of the section-image */
div#section-image div#section_promo { 
	position: absolute; 
	top: 50px; 
	right: 20px; 
	width: 360px;
	opacity: .90;
	filter: alpha(opacity=90);
	-mos-opacity: 0.90;
	-khtml-opacity:.90;
	-ms-filter:”alpha(opacity=90)”;
}
div#section_promo p { margin: 0; padding: 1px 10px; background: #FFF; text-align: left; }
div#section_buttons { position: absolute; bottom: 30px; right: 20px;}
div#section-image-small div#section_buttons { bottom: 18px; right: 0; }
div#section_buttons div#request_info, div#section_buttons div#apply_online { 
	float: right;
	width: 170px;
	text-align: center;
	opacity: .90;
	filter: alpha(opacity=90);
	-mos-opacity: 0.90;
	-khtml-opacity:.90;
	-ms-filter:”alpha(opacity=90)”;
	margin-left: 20px;
	font-family: Arial, Sylfaen, Verdana;
}
div#request_info a { background: #376ca2; display: block; color: #FFF; }
div#apply_online a { background: #376ca2; display: block; color: #FFF; 	font-weight: bold; font-style: italic; }
div#request_info a:hover, div#apply_online a:hover { text-decoration: none;}

/* SECTION INTRODUCTION STYLES /////////////////////*/
#section-intro #intro-text { float: left; width: 400px; margin-left: 20px; display: inline; }
#section-intro h1 { 
	font: bold 1.55em helvetica, geneva, arial;
	margin: 15px 0 20px 0; 
	padding: 0;
}
#section-intro p {
	font: normal .95em Arial, Helvetica, sans-serif;
	line-height: 1.20em;
	margin: 15px 0;
	padding: 0;
}

/* SECTION NAVIGATION STYLES ///////////////////////*/
div#subnav {
	width: 510px;
	overflow: auto;
	float: right;
}
div.primary-subnav {
	width: 254px;
	float: left;
	background: #fcfff4;
	border-bottom: 3px solid #DDD;
	border-left: 1px solid #DDD;
}
div.secondary-subnav {
	width: 170px;
	float: left;
	font: .80em arial;
}
div.primary-subnav ul, div.secondary-subnav ul {
	margin: 0;
	padding: 8px 10px;
	list-style-type: none;
	color: #333;
}
div.primary-subnav li { display: inline; margin: 0px; }
div.secondary-subnav li { margin: 1px 0; }
div.primary-subnav a {
	display: block;
	padding: 10px 5px 10px 50px;
	margin: 2px 0;
	text-decoration: none;
	font: .65em arial;
	color: #333;
	background: url("img/nav-empty.gif") no-repeat 0 8px;	
}
div.primary-subnav a strong { 
	text-decoration: underline;
	font: bold 1.55em arial;
	color: #236aff; 
}
/* individual background images for primary-subnav are contained in seperate stylesheets */

/* selected styles */
div.primary-subnav div#selected a { cursor: default; }
div.primary-subnav div#selected a strong { color: #000; text-decoration: none; cursor: default;}
div.secondary-subnav div#selected a { color: #000; font-style: italic; cursor: default; text-decoration: none; }

/* hover styles */
div.primary-subnav a:hover { background-position: 0 -112px;}
div.primary-subnav div#selected a:hover { background-position: 0 8px; }
div.primary-subnav a:hover strong, div.secondary-subnav a:hover { color: #F00; }

ul.leftNav, ul.rightNav {
	width: 420px;
	margin: 5px 20px;
	padding: 0;
	list-style-type: none;
	font: bold .8em Arial;
	color: #333;
}
ul.leftNav { float: left; }
ul.rightNav { float: right; text-align: right; margin-bottom: 0px; }
ul.rightNav li a img { border: 2px solid #236aff; }
ul.rightNav li a:hover img { border: 2px solid #F00; }
ul.leftNav li, ul.rightNav li {
	display: inline;
	margin: 0 5px;
	padding: 0;
}

/* COLUMN STYLES //////////////////////////////////*/
#section-content .c920 {
	width: 920px;
	margin-right: 20px;
	margin-left: 20px;
	clear: both;
}
.c600 {
	float: left;
	width: 600px;
	margin-left: 20px;
	display: inline;
}
.c300 {
	float: left;
	width: 300px;
	margin-left: 20px;
	display: inline;
	margin-bottom: 15px;
}

/* HEADER STYLES //////////////////////////////////*/
div#head-wrap {
	width: 100%;
	min-height: 95px;
	clear: both;
	text-align: center;
	background-color: #001a55;
}
div#header {
	width: 960px;
	overflow: auto;
	margin-right: auto;
	margin-left: auto;
	padding: 0 0 2px 0;
}
	#header img {
		float: left;
		margin: 2px 0;
		border: 0;
	}
	#header form {
		margin: 0;
		padding: 0;
	}
	#header div#find_fast, #header div#search {
		width: 235px;
		float: right;
		margin: 0 0 0 10px;
		background: #dadff1;
		text-align: center;
		position: relative;
	} 
	#header div#find_fast { width: 190px; }
	#header div#find_fast select { margin: 1px 4px; color: #333; position:relative; z-index: 3000; width: 170px; }
	#header div#search input { margin-left: 2px; font-style: italic; color: #333; }
	#header div#search button { margin-right: 4px; }
	#header div#header-links {
		float: right;
		width: 400px;
		margin: 5px;
		text-align: right;
		display: inline;
		clear: right;
	}
	#header-links p {
		margin: 0 0 10px 0;
		padding: 0;
		color: #434e69;
	}
	#header a {
		color: #65a1d7;
		font-family: Arial, Sylfaen, Verdana;
		font-size: .75em;
	}
	#header a:hover {
		color: #FFF;
	}
	a#header-email {
		padding-left: 25px;
		margin-right: 10px;
		font-size: .85em;
		background: url("img/header_email.gif") no-repeat 0 0;
	}
	a#header-myrecords {
		padding-left: 25px;
		margin-right: 10px;
		font-size: .85em;
		background: url("img/header_myrecords.gif") no-repeat 0 0;
	}
	a#header-d2l {
		padding-left: 25px;
		font-size: .85em;
		background: url("img/header_d2l.gif") no-repeat 0 0;
	}
	a:hover#header-email, a:hover#header-myrecords, a:hover#header-d2l { background-position: 0 -25px; }
/* navigation bar */
div#navigation {
	width: 100%;
	clear: both;
	text-align: center;
	background: #4243FB url("img/navigation-background.gif") repeat-x 0 50%;
	border-top: 1px solid #DADFF1;
	border-bottom: 1px solid #DADFF1;

}
	div#nav ul {
		width: 960px;
		padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		list-style-type: none;
	}
	div#nav ul li {
		display: inline;
		padding: 0;
		margin: 0;
	}
	div#nav a, div#nav a:visited {
		padding: 4px 8px;
		margin: 0 2px;
		white-space: nowrap;
		color: #FFF;
		text-decoration: none;
		font-family: Verdana, Arial, Sylfaen;
		font-size: .85em;
	}
	div#nav a:hover {
		background-color: #DADFF1;
		color: #000;
		padding: 2px 8px 3px;
	}
/* CONTENT HOLDER (WRAP) //////////////////////////*/
div#container {
	width: 100%;
	background: #65A1D7 url("img/container-background.gif") repeat-x 0 -10px;
	text-align: center;
	position: relative;
}
div#topshadow {
	position:absolute;
	width: 100%;
	height: 15px;
	top: 0;
	left: 0;
	z-index: 3000;
	background: url("img/image-shadow.png") repeat-x 0 0;
}
/* FOOTER STYLES /////////////////////////////////*/
div#footer {
	border-top: 2px solid #DDD;
	background: #eaead0;
	clear: both;	
}
div#footer p#smwc, div#footer p#copyright {
	width: 400px;
	font: .8em Arial, Helvetica, sans-serif;
	color: #666;
	margin: 5px 20px;
	padding: 0;
}
div#footer p#smwc {float: left; padding-left: 55px; background: url("img/footer-logo.gif") no-repeat 0 50%;}
div#footer p#copyright {float: right; text-align: right;}
div#footer p#footer-links {
	border-top: 2px solid #DDD;
	background: #fcfff4;
	margin: 0;
	padding: 5px 20px 0;
	clear: both;
	text-align: center;
}
.c920 p {
	border-top: 2px dotted #CCC;
	border-bottom: 2px dotted #CCC;
	padding: 15px 0;
	font: italic 1.15em arial;
	color: #888;
}