html, body {height:100%; margin:0; padding:0;}
body {font-family:Georgia, serif;  margin:0; color:#333;}
h1, h2, h3, h4, p, a, ul li, ol li {line-height:120%;}
.content h1 {font-size:28px; padding:5px 0;}
.content h2 {font-size:24px; padding:5px 0;}
.content h3 {font-size:18px; padding:5px 0;}
.content h4 {font-size:16px; padding:5px 0;}
a {outline:none; text-decoration:none; color:#990000; font-weight:bold;}
a span {color:#697b80; padding-right:8px; font-size:15px; position:relative; bottom:2px;}
a:hover {border-bottom:1px #333 dotted;}
p {padding:10px 0;}
ul li, ol li {margin:0 0 5px 15px;}
p, ul li, ol li {font-size:15px; line-height:130%;}
img {padding:10px;}
table {margin:20px; font-family:Georgia, serif; font-size:15px; color:#333;}
table td {vertical-align: top; width:300px; padding:3px 10px;}

/* layout classes */
.w180 {width:180px !important;}
.w210{width:210px !important;}
.w320 {width:320px !important;}
.w350 {width:350px !important;}
.w375 {width:375px !important;}
.w450 {width:450px !important;}
.w500 {width:500px !important;}
.w600 {width:600px !important;}
.w750 {width:750px !important;}
.w960 {width:960px !important;}
.m160 {margin-left:160px !important;}
.left {float:left; clear:none;}
.right {float:right; clear:none;}
.center {float:left; clear:none; margin:0 auto;}
.clear {clear:both;}
.indent {text-indent:15px;}

/* style chunks */
	#tools {font-family:Arial, sans-serif;}
	.content a {font-weight:normal; border-bottom:1px #333 dotted;}
	.content a:hover {border-bottom:none;}
	/* image class */
	.image p.caption {width:160px; display:block; font-family:Verdana, sans-serif; font-size:12px; color:#464646; padding:0; margin:0;}
	.image p.caption span, .image p.caption span a {color:#990000; text-transform:uppercase; font-weight:bold; font-size:13px; line-height:150%;}
	.image p.caption a {border-bottom:1px #333 dotted;}
	.image p.caption a:hover {border-bottom:none;}
	/* intro text */
	p.intro {font-size:21px; color:#666666; line-height:130%; float:left; padding:5px 0 10px 0; margin:0;}
	/* callout */
	.callout {float:left; clear:none; color:#464646;}
	.callout p {font-family:Verdana, sans-serif; font-size:16px; line-height:140%; margin:5px 0 0 0; padding:0;}
	/* link list */
	ul.links {list-style:none; padding:0; margin:0;}
	ul.links li {padding:5px 5px 5px 20px; background:url(../images/arrow-bullet-grey.png) no-repeat 0 10px; margin:0 15px 0 0; font-family:Verdana, sans-serif; font-size:13px;}
	ul.links li a {font-weight:normal;}
	ul.links li ul {padding-bottom:0 !important; margin-bottom:0 !important;}
	ul.links li ul li {margin:0 10px 0 0; padding:5px 5px 5px 20px;}
	/* department directory/inline */
	ul#inline {display:inline; list-style:none; margin:0; padding:0; text-align:justify; letter-spacing:2px;}
	ul#inline li {display:inline; margin:0; padding:0;}
	#deptdir {margin-top:20px;}
	#deptdir div {margin-left: 3em;}
	#deptdir .section {margin-top:20px;}
	/* visitors map link */
	a.visitors {width:230px; height:225px; margin:20px auto; background:url(../images/bug-VISITORS.jpg) no-repeat; display:block; text-indent:-9999px; overflow:auto; border-bottom:none;}
	/* link no border */
	a.noborder {border-bottom:none;}
	a.noborder:hover {border-bottom:none;}
	/* breadcrumb */
	p.breadcrumb {font-size:12px !important;}

/* main layout */
#wrapper {width:100%;}
	/* header */
	#header {width:100%; height:98px; background:url(images/sub-nav-bg-repeat.jpg) repeat-x; position:relative;  z-index:1000;}
	#header .container {width:1000px; height:98px; margin:0 auto; position:relative; overflow:hidden; z-index:1000px;}
	
	/* sub header */
		/*tools */
		#tools {width:461px; height:36px; float:right; background:#000; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; position:relative; right:10px; margin-left:-10px;}
		#tools ul {float:left; height:36px; display:inline; margin:0 0 -9px 7px; padding:0; position:relative; top:9px;}
		#tools li {display:inline; list-style:none; color:#FFF; margin:0 0 0 3px; padding:0; font:16px/1.231 sans-serif !important;}
		#tools li:after {content:"/"; margin-left:6px;}
		#tools li.last:after {content:"";}
		#tools li a {font-size:0.75em; font-weight:normal; color:#FFF;}
		#search {float:left; height:17px; display:inline; position:relative; top:6px; right:1px; margin:0 0 -6px 6px;}
		#q {float:left; width:175px; height:13px; color:#838383; font-size:0.6875em; font-weight:bold; margin:0; padding:2px 0 2px 7px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; font-family:sans-serif;}
		#search_button {float:left; width:28px; height:21px; margin:0; padding:0;}
		.ie6 #tools ul {width:231px;}							


		/*global nav*/
		#wrapper #header ul#mainNav {width:1000px; height:44px; background:url(images/nav-global-sprite.jpg) no-repeat; position:relative; top:19px; margin:0 auto -19px auto; padding:0; overflow:hidden; z-index:100;}
		#wrapper #header ul#mainNav li {margin:0; padding:0; list-style:none; position:absolute; top:0;}
		#wrapper #header ul#mainNav li, #wrapper #header ul#mainNav li a {height:44px; display:block; text-indent:-9999px;}
		#wrapper #header ul#mainNav #panel-admissions {left:0; width:110px;}
		#wrapper #header ul#mainNav #panel-about {left:110px; width:67px}
		#wrapper #header ul#mainNav #panel-academics {left:177px; width:178px;}
		#wrapper #header ul#mainNav #panel-research {left:355px; width:90px;}
		#wrapper #header ul#mainNav #panel-medicine {left:445px; width:189px;}
		#wrapper #header ul#mainNav #panel-libraries {left:634px; width:86px;}
		#wrapper #header ul#mainNav #panel-arts {left:720px; width:125px;}
		#wrapper #header ul#mainNav #panel-athletics {left:845px; width:85px;}
		#wrapper #header ul#mainNav #panel-giving {left:930px; width:70px;}
		#wrapper #header ul#mainNav #panel-admissions a:hover {background:transparent url(images/nav-global-sprite.jpg) 0 -44px no-repeat;}
		#wrapper #header ul#mainNav #panel-about a:hover {background:transparent url(images/nav-global-sprite.jpg) -110px -44px no-repeat;}
		#wrapper #header ul#mainNav #panel-academics a:hover {background:transparent url(images/nav-global-sprite.jpg) -177px -44px no-repeat;}
		#wrapper #header ul#mainNav #panel-research a:hover {background:transparent url(images/nav-global-sprite.jpg) -355px -44px no-repeat;}
		#wrapper #header ul#mainNav #panel-medicine a:hover {background:transparent url(images/nav-global-sprite.jpg) -445px -44px no-repeat;}
		#wrapper #header ul#mainNav #panel-libraries a:hover {background:transparent url(images/nav-global-sprite.jpg) -634px -44px no-repeat;}
		#wrapper #header ul#mainNav #panel-arts a:hover {background:transparent url(images/nav-global-sprite.jpg) -720px -44px no-repeat;}
		#wrapper #header ul#mainNav #panel-athletics a:hover {background:transparent url(images/nav-global-sprite.jpg) -845px -44px no-repeat;}
		#wrapper #header ul#mainNav #panel-giving a:hover {background:transparent url(images/nav-global-sprite.jpg) -930px -44px no-repeat;}
		/* one-line logo  */
		#wrapper #header h2 {padding:0;}
		#wrapper #header h2 a {width:355px; height:32px; background:url(../images/img-wustl-1line.png) no-repeat; display:block; text-indent:-9999px; overflow:hidden; clear:both; float:left; position:relative; top:15px; padding:0 0 0 0; margin-bottom:-15px;}
		#wrapper #header h2 a:hover {border-bottom:none;}
	/* top */
	div.hdr h1, div.hdr h2, h1.hdr {padding:0;}
	

		/*Sticky footer Opera Fix*/ body:before {content:""; height:100%; float:left; width:0; margin-top:-32767px;}

/* footer resets */
#footer div, #footer span, #footer object, #footer iframe,
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer p, #footer blockquote, #footer pre,
#footer abbr, #footer address, #footer cite, #footer code, #footer del, #footer dfn, #footer em, #footer img, #footer ins, #footer kbd, #footer q, #footer samp,
#footer small, #footer strong, #footer sub, #footer sup, #footer var, #footer b, #footer i, #footer dl, #footer dt, #footer dd, #footer ol, #footer ul, #footer li,
#footer fieldset, #footer form, #footer label, #footer legend,
#footer table, #footer caption, #footer tbody, #footer tfoot, #footer thead, #footer tr, #footer th, #footer td,
#footer article, #footer aside, #footer canvas, #footer details, #footer figcaption, #footer figure,
#footer, #footer header, #footer hgroup, #footer menu, #footer nav, #footer section, #footer summary,
#footer time, #footer mark, #footer audio, #footer video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font:inherit; }
article, aside, details, figcaption, figure,
#footer, header, hgroup, menu, nav, section {
  display: block;
}

#footer ul, #footer ol { margin-left: 2em; }
/* footer */
#footer {width:100%; background:#242424 url(images/footer-bg-tile.jpg) repeat left top; color:#FFF !important;; font:13px/1.231 sans-serif; *font-size:small;}
#footer .container {width:945px;}
#footer p, #footer li, #footer li a {font-size:13px !important; font-weight:normal !important;}
#footer .top {width:100%; height:269px; background:#242424 url(images/footer-bg.png) no-repeat center top;}
#footer .top .container {height:232px; padding:22px 0 15px 0;}
#footer .top .section {float:left; font-family:Georgia, serif; margin:0 30px; display:block; clear:none;}
#footer .top .section h1 {font-size:20px; color:#FFF !important; line-height:1.231; font-weight:normal; margin-bottom:16px; padding:0 0 4px 5px; border-bottom:1px #666 dotted;}
#footer .top .section p {color:#e6e6e6; line-height:16px !important; padding:0 22px 0 5px;}
.footer-links {float:left; list-style:none; font-family:Arial, sans-serif !important; font-size:13px !important; margin:5px 0 0 0 !important; padding:0 0 0 5px !important;}
.footer-links li {background:url(images/arrow-bullet-footer.gif) no-repeat left center; margin:0 !important; padding:6px 15px !important;}
.footer-links a {color:#b9d88c; border-bottom:none !important;}
.footer-links a:hover {border-bottom:none !important;}
#footer #visit, #footer #contact {width:230px;}
#footer #visit {margin-left:0;}
#footer #trending {width:330px;}
#footer #trending ul:first-of-type {margin-right:30px !important;}
#footer #trending .footer-links {margin-top:9px !important;}
ul#social {width:164px; height:32px; background:url(images/social-icons-sprite.png) no-repeat; margin:10px 0 0 0; padding:0; position:relative; clear:none; float:left;}
ul#social li {margin:0; padding:0; list-style:none; position:absolute; top:0;}
ul#social li, ul#social li a {height:32px; display:block;}
ul#social #facebook {left:0; width:33px;}
ul#social #twitter {left:33px; width:32px;}
ul#social #youtube {left:65px; width:34px;}
ul#social #sightsandsounds {left:99px; width:33px;}
ul#social #googleplus {left:132px; width:32px;}
ul#social #facebook a:hover {background:transparent url(images/social-icons-sprite.png) 0 -32px no-repeat;}
ul#social #twitter a:hover {background:transparent url(images/social-icons-sprite.png) -33px -32px no-repeat;}
ul#social #youtube a:hover {background:transparent url(images/social-icons-sprite.png) -65px -32px no-repeat;}
ul#social #sightsandsounds a:hover {background:transparent url(images/social-icons-sprite.png) -99px -32px no-repeat;}
ul#social #googleplus a:hover {background:transparent url(images/social-icons-sprite.png) -132px -32px no-repeat;}
#footer .bottom {width:100%; background:#000 !important;}
#footer .bottom h1, #footer .bottom h1 a {float:left; width:145px; height:60px; background:url(images/footer-wustl-logo.jpg) no-repeat;}
#footer .bottom ul {float:left; display:block; margin:0 10px 23px 10px; padding:0; position:relative; top:23px; left:75px;}
#footer .bottom ul li {display:inline; list-style:none; color:#FFF; margin:0 0 0 3px; padding:0;}
#footer .bottom ul li:after {content:"|"; margin-left:6px;}
#footer .bottom ul li.last:after {content:"";}
#footer .bottom ul li a {color:#FFF; border-bottom:1px #b6b6b6 dotted;}
#footer .bottom ul li a:hover {border-bottom:none;}
#footer .bottom p.address {float:right; position:relative; top:20px; right:20px; margin:0 0 -20px -20px; padding:0 !important; color:#FFF !important;}

/**
 *
 * resuable classes */
.container {margin:0 auto !important;}
.no-border {border-bottom:none !important;}
.ir {display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/**
 * Message Banner Styles
 * This activates a banner on the top of all pages. 
 * Message text is located in the assets>ssi>message.html file.
 * Remove the display:none code below to activate the banner.
   */  
#message {font-family:Arial, sans-serif; background-color:orange; width:100%; font-size:1.5em; padding:10px 0; text-align:center; margin:0 auto;}
#message a {color:#006633;}