@charset "utf-8";
/*************************************************
**	CSS Document for SMWC Website Templates		**
**	Primary Author: D. Mitchell					**
**	Last Updated: 04/23/2008					**
*************************************************/

html { width: 100%; height: 100%; background-color: #65a1d7;}
body { width: 100%; height: 100%; background-color: #65a1d7; padding: 0; margin: 0; }
a { color: #3a66cc; }
a:hover { color: #F00; }

/* HEADER STYLES */
#header-wrap { width: 100%; text-align: center; background-color: #001a55; padding: 4px 0;}
#header-content { width: 780px; position: relative; background-color: #001a55; font-family: Tahoma, Verdana, "Franklin Gothic", Futura, Arial, Helvetica, sans-serif; margin-left: auto; margin-right: auto; }

	a#skipnavigation { position: absolute; top: 2px; left: -200px; color: #001a55; cursor: default; }
	a#skipnavigation:hover { color: #001a55; }
	
	#header-content img#logo { float: left; width: 440px; }
	#header-content a img#logo { border: 0; }
	
	ul#topnav { float: right; width: 290px; margin: 0px 5px 25px; list-style-type: none; text-align: right; }
	ul#topnav li { display: inline; font-size: .70em; padding-left: 3px;}
	ul#topnav li a { color: #65a1d7; }
	ul#topnav li a:hover { color: #FFF; }
	
	form#searchform { float: right; width: 300px; text-align: right; margin-right: 5px; font-family: Verdana, Tahoma, "Franklin Gothic", Futura, Arial, Helvetica, sans-serif; }
	form#searchform fieldset {border: 0; margin: 0; padding: 0; }
	#searchform input#searchBox { border: 0px; background: #FFF url("/scripts/css/images/search-glass.gif") no-repeat left; padding: 5px 5px 5px 35px; display: inline; }
	#searchform input#searchButton { border: 1px solid #FFF; padding: 2px; background: #023ab8; color: #FFF; }

/* NAVIGATION STYLES */	
#navigation-wrap { width: 100%; text-align: center; background: #4243fb url("/scripts/css/images/navBG.gif") repeat-x center; border-top: 1px solid #dadff1; border-bottom: 1px solid #dadff1; font-size: .8em; line-height: 1.6em; }
#navigation-content { width: 780px; margin-left: auto; margin-right: auto; background: #4243fb url("/scripts/css/images/navBG.gif") repeat-x center; }

	ul#mainNav { list-style-type: none; margin: 0; padding: 0; }
	ul#mainNav li { display: inline; font-family: Tahoma, Verdana, "Franklin Gothic", Futura, Arial, Helvetica, sans-serif; font-size: 1em;  }
	ul#mainNav li a { color: #FFF; padding: .2em 8px; text-decoration: none; }
	ul#mainNav li a:hover { color: #000; background: #dadff1; }

/* BODY STYLES */	
#body-wrap { width: 100%; background: #65a1d7 url("/scripts/css/images/content-gradientBG.gif") repeat-x top left; }
#body-content, #whole-content { width: 780px; margin-left: auto; margin-right: auto; background: #FFF url("/scripts/css/images/content-sidebar.jpg") repeat-y top right; min-height: 500px;}
	#primaryColumn, #flashArea { width: 554px; padding: 0 2px; background: #FFF url("/scripts/css/images/content-shadowBG.gif") repeat-x top left;	float: left; min-height: 600px;}
	#flashArea { padding-right: 0; border-right: 2px solid #FFF; overflow: hidden; }
	#singleColumn { width: 776px; background: transparent url("/scripts/css/images/contentBGSEAL.gif") no-repeat 449px 100%; min-height: 600px; }
	/* INDEX IMAGE HEADER */
	img#loading {
		width: 554px;
		height: 160px;
		background: transparent url("/scripts/css/images/loading.gif") no-repeat center;
		display: block;
	}
	#primaryColumn p#header-caption { font-family: Verdana, Helvetica, sans-serif; font-size: .65em; font-style: italic; text-indent: 0; background: #FAFAFA; border-top: 2px solid #AAA; color: #999; margin-top: 0; }
	
	/* QUOTES */
	blockquote {
		width: 15em;
		margin: 15px 10px 5px 5px;
		padding: 2px 5px 3px 5px;
		text-indent: 20px;
		float: left;
		background: #FFF url("/scripts/css/images/quote.gif") no-repeat 0px 3px;
		font-family: "Times New Roman", Times, serif;
	}
	#primaryColumn blockquote p { padding: 3px 0; text-indent: 25px; color: #666; }
	
	blockquote em {
		text-align: right;
		display: block;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: .8em;
		color: #999;
		padding: 2px 10px;
	}

	/* UNORDERED LISTS */
	#primaryColumn ul { padding-left: 40px; margin: 5px 0px; list-style: disc; }
	#primaryColumn ul li { padding: 1px 10px 1px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: .95em;}
	
	/* ORDERED LISTS */
	#primaryColumn ol { padding-left: 40px; margin: 5px 0px;}
	#primaryColumn ol li { padding: 2px 10px 2px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: .95em; }
	
	/* CONTENT COLUMNS */
	#primaryColumn dt {font-weight: bold; margin: 10px 10px 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .9em; color: #333; }
	#primaryColumn dd { margin: 1px 10px 1px 30px; }
	
	.triple-column { float: left; width: 170px; margin-left: 11px; }
	#primaryColumn ul.nobullet { padding: 0; margin: 0; list-style-type: none; }
	#primaryColumn ul.nobullet li { padding: 3px 0 0; }
	
	.double-column, .double-column box { float: left; width: 260px; padding: 0px 0px 5px; border: 1px solid #AAA; margin-left: 10px; background: #fff; min-height: 200px; margin-top: 10px;}
	.double-column { border: 0; min-height: 0; margin-top: 5px; }
	.double-column h6 { margin: 0 0 4px; padding: 5px; color: #000; border-bottom: 1px solid #AAA; background: #f8f0eb; font-size: .85em; }
	#primaryColumn .double-column ul { margin: 5px 5px 5px 25px; padding: 0px; }
	#primaryColumn .double-column li { padding: 2px 0; }
	/* PARAGRAPHS */
	 p { margin: 0; padding: 5px 10px; }
	#primaryColumn p { text-indent: 15px; padding: 7px 10px; line-height: 1.25em; font-size: .95em; font-family: Georgia, "Times New Roman", Times, serif; }
	#primaryColumn div.commentbody p { text-indent: 0; padding-left: 3px; }
	
	/* Course Description Styling */
	#primaryColumn ul.degree-requirement { list-style-type: none; margin: 1px 15px 1px 10px; padding: 0; border-top: 1px solid #EEE; clear: both; }
	#primaryColumn ul.degree-requirement:hover li { background: #EEE; }
	#primaryColumn ul.degree-requirement li { display: inline; padding: 1px; font-family: verdana; }
	li.dr_course-number { width: 80px; float: left;}
	li.dr_course-name { width: 400px; float: left; }
	li.dr_course-credit { width: 30px; float: right; text-align: center; }
	#primaryColumn p.close { width: 80px; float: left; text-align: center; font-family: verdana; font-size: .65em; text-indent: 0; padding: 5px 0; margin: 0 0 5px 0; }
	#primaryColumn p.close a { color: #F00; text-decoration: none; }
	#primaryColumn p.close a:hover { text-decoration: underline; }
	#primaryColumn p.dr_course-description, #primaryColumn p.dr_syllabus { width: 400px; float: left; text-indent: 0; font-family: verdana; font-size: .8em; margin-left: 4px;}
	#primaryColumn p.dr_syllabus { margin-left: 84px; }
	#primaryColumn div.hide-course { display: none; }

	/* More paragraph styling is contained in the "fontstyle.css" document */

	/*BREADCRUMB STYLES */
	#primaryColumn ul#breadcrumb { margin: 5px 10px; padding: 0; list-style-type: none; }
		#primaryColumn ul#breadcrumb li#breadcrumb-first, #primaryColumn ul#breadcrumb li#breadcrumb-last, #primaryColumn ul#breadcrumb li.breadcrumb { display: inline; font-family: verdana, helvetica; font-size: .65em; color: #666; padding: 0 0 0 0; }
		#primaryColumn ul#breadcrumb li#breadcrumb-last, #primaryColumn ul#breadcrumb li.breadcrumb { padding: 0 0 0 14px; background: url("/scripts/css/images/arrow.gif") no-repeat 4px .4em; }
		
	
	/* SIDE NAVIGATION STYLES */
	#secondaryColumn { width: 220px; margin-right: 2px; float: right; display: inline; text-align: left; background: #001a55 url("/scripts/css/images/content-sidebar.jpg") repeat-y top left;}
	#secondaryColumn p.title { 
		text-align: center;
		background: #ab623f url("/scripts/css/images/sectionBG.gif") repeat-x top left;
		font-family: "Times New Roman", Times, serif;
		font-size: .9em;
		color: #FFF;
		padding: 5px 5px;
		border-bottom: 1px solid #FFF;
	} #secondaryColumn p.title a { color: #FFF; text-decoration: none; } #secondaryColumn p.title a:hover { color: #FFF; }
	
	#secondaryColumn ul { list-style-type: none; padding: 0; margin: 0; }
	#secondaryColumn ul li { display:inline;}
	#secondaryColumn ul li a { 
		display: block;
		background: #e8d8c0;
		border-bottom: 1px solid #FFF;
		padding: 4px 5px 4px 10px;
		text-decoration: none;
		line-height: 1.15em;
		color: #000;
		font-family: Verdana, "Franklin Gothic", Futura, Arial, Helvetica, sans-serif;
		font-size: .85em;
	} 
	#secondaryColumn ul li a:hover {background: #f8f0eb} 
	#secondaryColumn a#selected, #secondaryColumn li a:hover#selected { font-weight: bold;}
	
	#secondaryColumn p.relatedtitle { margin: 3px 2px; padding: 3px; font-size: .7em; color: #FFF; font-family: Verdana, "Franklin Gothic", Futura, Arial, Helvetica, sans-serif; font-style: italic; }
	#secondayColumn li.related {}
	#secondaryColumn li.related a {
		background: transparent;
		border-bottom: 0px;
		padding: 3px 5px 4px 10px;
		line-height: 1em;
		color: #FFF;
		font-family: Verdana, "Franklin Gothic", Futura, Arial, Helvetica, sans-serif;
		font-size: .7em;
		margin: 0 0 1px;
		text-decoration: underline;
	}
	#secondaryColumn li.related a:hover, #secondaryColumn li.related a#selected {
		background: #02247d;
	}
	
	/* FACT BOX STLYES */
	h6 { font-family: verdana, arial, helvetica; font-size: .85em; color: #EEE; margin: 40px 5px 0; }
	div.factbox { border-top: 1px solid #02247d; border-bottom: 1px solid #02247d; background: #5a92cb; padding: 5px;}
	div.factbox p { font-family: verdana, arial, helvetica; font-size: .70em; color: #EEE; }
	div.factbox p a { color: #FFF; }
	div.factbox p a:hover { color: #000; }

/* FOOTER STYLES */
#footer-normal, #footer-seal, #footer-white { clear: both; background: #65a1d7 url("/scripts/css/images/footerBG.jpg") no-repeat top left; padding-top: 20px; float: left; width: 780px; text-align: left; }
#footer-seal {background: #65a1d7 url("/scripts/css/images/footer.gif") no-repeat -780px 0px;}
#footer-white {background: #65a1d7 url("/scripts/css/images/footer.gif") no-repeat -0px -8px; padding-top: 12px;}

	img#award { float: left; padding: 2px; }
	div#awardbox { float: left; width: 450px; background: #65a1d7; }
	p#award-title { color: #FFF; margin: 3px; padding: 5px; display: block; font-family: verdana, arial, helvetica; font-size: .65em; }
	p.award-example { color: #b6dcff; margin: 3px; padding: 0px; display: block; font-family: verdana, arial, helvetica; font-size: .75em; }
	p.award-example a { color: #FFF; }
	div#apply { float: right; padding: 14px 0px 12px; width: 222px;}
	
#footer-links { clear: both; float: left; width: 780px; background: #FFF url("/scripts/css/images/footer.gif") no-repeat -1560px 0; color: #222; text-align: left; }
#footer-links a img, #footer-normal a img, #footer-white a img, #footer-seal a img { border: 0; }
	a#random-footer-ad {float: left; width: 345px; height: 125px; margin-right: 15px;}
	
	div.quicklinks { width: 202px; float: right; padding: 4px; font-family: verdana, arial, helvetica; font-size: .75em; }
	div.quicklinks p { font-weight: bold; color: #333; }
	div.quicklinks ul {margin: 0; padding: 0 0 0 10px; list-style-type: none;}
	div.quicklinks li {padding: 1px 0;}
	
	div#utility { clear: both; text-align: right; background: #DDD; color: #333; border-top: 1px solid #999; font-family: verdana, arial, helvetica; font-size: .70em; padding: 1px 5px; margin: 0 0 0 0px; }
	div#utility p { float: right; }
	div#utility p a { color: #666; } div#utility p a:hover { color: #F00; }
	a#login { float: left; }
	a#emergency { float: left; color: #900; text-decoration: none; font-family: verdana; font-size: 1em; font-weight: bold; padding: 4px; margin-left: 4px;}
	a#emergency:hover { color: #F00; }
	div#utility p#copyright { float: left; font-size: .85em; color: #777; padding-left: 3px;}

.clear-full { height: 1%; font-size: 1%; clear: both; }

/* HOMEPAGE STYLES */
#flashArea {}
#promo_bar, #resourcesBar {margin: 0 2px 2px; border-bottom: 5px solid #FFF; padding: 0 3px; font-family: tahoma, verdana; font-size: .8em; color: #CCC;}
#promo_bar {background: #4243fb url("/scripts/css/images/navBG.gif") repeat-x center;}
#promo_bar a { color: #65a1d7; }
#promo_bar a:hover { color: #FFF; }
#resourcesBar { background: #FFF; border-top: 2px solid #DDD; color: #666; border-bottom: 0; }
#main_box_1 p, #main_box_2 p, #main_box_3 p { font-family: Tahoma, verdana; font-size: .75em; color: #454545; padding: 0 5px; margin: 5px 0; line-height: 1.15em;}
#main_box_1 h2, #main_box_2 h2, #main_box_3 h2 {font-size: .9em; padding: 0 5px; margin: 12px 0 5px; }
#main_box_1 { width: 316px; float: right; padding: 5px 10px 5px; margin: 5px 0; display: inline;}
#main_box_2 { width: 200px; float: right; padding: 0px 10px 5px; margin: 0 0 5px; display: inline;}
#main_box_3 { width: 200px; float: right; padding: 0px 10px 5px; margin: 5px 0; display: inline;}
#main_box_3 ul { margin: 5px 5px; padding: 0; list-style-type: none; }
#main_box_3 li { padding: 5px 5px 5px 0; line-height: 1.1em; font-family: Tahoma, Verdana; font-size: .90em; }
p#featured, p#topstories {font-family: Tahoma, Verdana; font-size: .65em; font-weight: bold; color: #CCC; margin-bottom: 2px; }
p.more { text-align: right; }

/* DEGREE REQUIREMENT STYLES */
#primaryColumn p.credits { float: right; font-weight: bold; }
#primaryColumn ul.degree-requirement { list-style-type: none; margin: 1px 15px 1px 10px; padding: 0; border-top: 1px solid #EEE; clear: both; }
#primaryColumn ul.degree-requirement:hover li { background: #EEE; }
#primaryColumn ul.degree-requirement li { display: inline; padding: 1px; font-family: verdana; }
li.dr_course-number { width: 80px; float: left;}
li.dr_course-name { width: 400px; float: left; }
li.dr_course-credit { width: 30px; float: right; text-align: center; }
#primaryColumn p.close { width: 80px; float: left; text-align: center; font-family: verdana; font-size: .65em; text-indent: 0; padding: 5px 0; margin: 0 0 5px 0; }
#primaryColumn p.close a { color: #F00; text-decoration: none; }
#primaryColumn p.close a:hover { text-decoration: underline; }
#primaryColumn p.dr_course-description, #primaryColumn p.dr_syllabus { width: 400px; float: left; text-indent: 0; font-family: verdana; font-size: .8em; margin-left: 4px;}
#primaryColumn p.dr_syllabus { margin-left: 84px; }
#primaryColumn div.hide-course { display: none; }

/* FACULTY PROFILE LISTINGS STYLES */
img.profilePhoto { float: left; margin-left: 10px; border: 2px solid #DDD; width: 113px;}
div.profileLink { }
#primaryColumn p.profileName { font-weight: bold; margin: 0 10px 0 136px; padding: 3px 0; text-indent: 0; border-bottom: 1px solid #333; }
#primaryColumn p.profileTitle { font-size: small; margin: 0 10px 0 136px; padding: 3px 0; text-indent: 0; }
#primaryColumn ul.profileItems{ list-style-type: none; margin-left: 145px; padding: 0; }
	#primaryColumn li.profile_phone, #primaryColumn li.profile_email, #primaryColumn li.profile_more { padding: 8px 10px 8px 30px; margin: 0; background: url('/scripts/css/images/phone.png') no-repeat left center;}
	#primaryColumn li.profile_email, #rightside li.profile_email { background-image: url('/scripts/css/images/email.png');}
	#primaryColumn li.profile_more { background-image: url('/scripts/css/images/user.png'); font-weight: bold; }
	#rightside li.profile_office { background-image: url('/scripts/css/images/office.png'); }
hr.profile_seperator { clear: both; height: 30px; border: 0px; background: transparent; margin: 0px 10px; }

/* FACULTY PROFILE PAGES */
div#rightside { float: right; width: 200px; margin: 5px 10px; }
div#leftside {float: left; width: 550px; margin-right: 5px 10px 5px 0;} 
div#contentBox {background: #FFF; margin: 5px; border: 2px solid #EEE }
