/* - - - - - - - - - - - - - - - - - - - - -

Title : Sewanee: The University of the South Main Stylesheet
Author : John Rogerson
URL : http://www.sewanee.edu/include/css/screen.css

Description : This is the main screen based stylesheet for Sewanee: The University of the South webpages.

Created : 19 August 2008
Modified :

- - - - - - - - - - - - - - - - - - - - - */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
/*dl, dt, dd, ol, ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-size: 100%;*/
	vertical-align: baseline;
	background: transparent;
}

/*body { line-height: 1; }*/
/*ol, */ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ----- CSS ----- */
body {
	background: #fff url(img/body.gif) 0 1.625em repeat-x;
	/* 16x1.625=26px */
	color: #000;
	font: 100%/1.375em Verdana, Arial, Helvetica, sans-serif;
	/* 16x1.375=22px */
}

/* ----- IDS ----- */
div#pg {
	width: 976px;
	margin-right: auto;
	margin-left: auto;
	background: transparent url(img/pg.png) 0 0 repeat-y;
}

body#home div#pg { background: none; }

div#hdr {
	width: 954px;
	height: 334px;
	padding-top: 14px;
	padding-left: 22px;
	background: transparent url(img/flash_placeholder.gif) 0 0 no-repeat;
}

div#homeNav {
	background: #fff url(img/homeNav.gif) 0 0 no-repeat;
	overflow: auto;
}

div#content {
	float: right;
	width: 729px;
	display: inline;
	margin-top: 0.875em;
	/* 16x0.875=14px */
	margin-bottom: 0.75em;
	/* 16x0.75=12px */
	margin-right: 8px;
	padding-left: 3px;
	overflow: auto;
	background: #fff url(img/content.gif) 0 0 repeat-y;
	color: #333;
}

body#home div#content {
	width: 960px;
	margin-top: 0;
	margin-bottom: 0.1875em;
	/* 16x0.1875=3px */
	margin-left: 8px;
	padding-left: 0;
	overflow: auto;
	background-image: none;
}

body#mainOnly div#content { background-image: none; }

div#mainContent {
	float: left;
	width: 496px;
	display: inline;
	padding-right: 24px;
	padding-left: 10px;
}

body#home div#mainContent {
	float: right;
	width: 746px;
	margin-bottom: 0.75em;
	/* 16x0.75=12px */
	padding: 2.25em 0 0 0;
	/* 16x2.25=36px */
	background: #fff url(img/mainContent.gif) 0 0 repeat-x;
}

body#landing div#mainContent { border-top: 0.5em solid #fff; }

body#mainOnly div#mainContent {
	width: 702px;
	padding-right: 0;
	margin-right: 16px;
}

div#news, div#events, div#spotlight {
	float: left;
	width: 232px;
	margin-right: 16px;
	display: inline;
}

body#home div#news, body#home div#events, body#home div#spotlight {
	width: 213px;
	margin-right: 0;
	margin-left: 30px;
}

div#subContent {
	float: right;
	width: 174px;
	display: inline;
	padding-right: 16px;
	padding-left: 8px;
}

body#landing div#subContent {
	border-top: 0.8em solid #fff;
	/* 10x0.8=8px */
}

div#nav {
	float: left;
	width: 214px;
	display: inline;
	background: #53618b url(img/nav.gif) 0 0 repeat-x;
	padding-top: 0.75em;
	/* 16x0.75=12px */
	margin-bottom: 0.75em;
	/* 16x0.75=12px */
	margin-left: 22px;
}

body#home div#nav {
	margin-bottom: 0;
	margin-left: 0;
	padding-bottom: 0.75em;
	/* 16x0.75=12px */
}

div#ftr {
	width: 976px;
	/*overflow: auto;*/
	clear: both;
	/*margin-bottom: 1.875em;
	 16x1.875=30px */
	padding-top: 2.25em;
	/* 16x2.25=36px */
	background: #fff url(img/ftr.gif) 0 0 no-repeat;
}

body#home div#ftr {
	width: 960px;
	margin-right: 8px;
	margin-left: 8px;
	border-top: 0.625em solid #23074d;
	/* 16x0.625=10px */
	padding-top: 0.875em;
	/* 16x0.875=14px */
	background: none;
}

/* ----- CLASSES ----- */
div.callouts {
	margin-top: 0.5em;
	/* 16x0.5=8px */
}

div.sitemason_paragraph, div.sitemason_error, div.sitemason_textbox, div.sitemason_menu, div.sitemason_checkbox {
	font-size: 0.6875em;
	/* 16x0.6875=11px */
	line-height: 1.363636363636364em;
	/* 11x1.363636363636364=15px */
	margin-bottom: 1.454545454545455em;
	/* 11x1.454545454545455=16px */
}

div.sitemason_error { font-size: 0.75em; }

div.sitemason_textbox, div.sitemason_menu, div.sitemason_checkbox {
	width: 100%;
	display: inline;
}

div.vcard {
	float: right;
	width: 557px;
	display: inline;
	margin-right: 8px;
	font-size: 0.625em;
	/* 16x0.625=10px */
	line-height: 1.5em;
	/* 10x1.5=15px */
	text-align: right;
}

body#home div.vcard { margin-right: 0; }

span.fn, span.adr {
	padding-right: 6px;
	border-right: 1px solid #000;
}

span.street-address, span.tel { margin-left: 4px; }

span.geo {
	position: absolute;
	left: -9999px;
}

/* ----- HEADINGS ----- */
h1, h2 {
	position: absolute;
	left: -9999px;
}

h3 {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	/* 16x0.75=12px */
	font-size: 1.5em;
	/* 16x1.5=24px */
	line-height: 0.75em;
	/* 24x0.75=18px */
	color: #a8b477;
	font-weight: normal;
	text-transform: uppercase;
}

body#home h3 {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	/* 16x0.75=12px */
	font-size: 1em;
	/* 16x1=16px */
	line-height: 0.875em;
	/* 16x0.875=14px */
	color: #53618b;
	font-weight: normal;
	text-transform: none;
}

h4 {
	font: 0.875em Arial, Helvetica, sans-serif;
	/* 16x0.875=14px */
	line-height: 1em;
	/* 14x1=14px */
	color: #53618b;
	font-weight: bold;
	margin-bottom: 0.5em;
	/* 14x0.5=7px */
}

body#home h4 { color: #a8b477; }

h5 {
	font: 0.75em Arial, Helvetica, sans-serif;
	/* 16x0.75=12px */
	line-height: 1em;
	/* 12x1=12px */
	color: #53618b;
	font-weight: bold;
	margin-bottom: 0.5em;
	/* 12x0.5=6px */
}

/* ----- PARAGRAPHS ----- */
p {
	font-size: 0.6875em;
	/* 16x0.6875=11px */
	line-height: 1.363636363636364em;
	/* 11x1.363636363636364=15px */
	margin-bottom: 1.454545454545455em;
	/* 11x1.454545454545455=16px */
}
li p { margin-bottom: 0; }
p.callout {	font-size: 1em; font-family: Georgia, serif; margin-top: -1em; margin-left: 30px; margin-right: 20px; line-height: 2em; text-align: center; font-weight: bold;}

p.callout a:link, p.callout a:visited {
	background: #53618b;
	color: #dbbc35;
	display: block;
}

p.callout a:hover { border-bottom: none; }

p span.first { font-weight: bold; }

blockquote p {
	font-size: 0.875em;
	/* 16x0.875=14px */
	margin-bottom: 0.5em;
}

div#hdr p {
	color: #fff;
	background: transparent url(img/domain.jpg) 0 0 no-repeat;
	width: 230px;
	height: 217px;
	padding-top: 100px;
	padding-right: 100px;
	padding-left: 600px;
	font: 1.5em Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}

div#spotlight p {
	margin-bottom: 0.727272727272727em;
	/* 11x0.727272727272727=8px */
}

table p { font-size: 1em; }

/* ----- QUOTES ----- */
blockquote {
	border-left: 1px solid #a8b477;
	padding-left: 16px;
}

cite { text-align: right; }

/* ----- CODE ----- */
/* ----- LISTS ----- */
ol, ul, dl {
	margin: 0 0 1.25em;
	/* 16x1.25=20px */
	padding: 0;
}

li ol, li ul, dt { margin-top: 1.25em; }

li, dd, dt {
	font-size: 0.6875em;
	/* 16x0.6875=11px */
	line-height: 1.363636363636364em;
	/* 11x1.363636363636364=15px */
	margin-bottom: 0.454545454545455em;
	/* 11x0.454545454545455=5px */
}

ul li {
	padding-left: 12px;
	background: #fff url(img/li.gif) 0 0.545454545454546em no-repeat;
	/* 11x0.545454545454546=6px */
}

li li, li p { font-size: 1em; }
div#mainContent ol li { margin-left: 35px; }
div#mainContent ul li { margin-left: 20px; }
body#home div#mainContent ul li { margin-left: 0; }

ul#quickNav {
	float: left;
	width: 746px;
	display: inline;
	text-align: right;
	background: #fff url(img/quickNav.gif) 0 100% no-repeat;
	line-height: 1.25em;
	/* 16x1.25=20px */
	margin-bottom: 0;
	padding-bottom: 0.5em;
	/* 16x0.5=8px */
}

body#home ul#quickNav {
	float: none;
	width: auto;
	display: block;
}

ul#quickNav li {
	display: inline;
	text-transform: uppercase;
	padding-right: 8px;
	padding-left: 0;
	border-right: 2px solid #8a945b;
	margin-bottom: 0;
	margin-left: 8px;
	font: 0.625em Arial, Helvetica, sans-serif;
	/* 16x0.625=10px */
	font-weight: bold;
	background-image: none;
}

ul#quickNav li.first { margin-left: 0; }

ul#quickNav li.last {
	padding-right: 20px;
	border-right: none;
}

body#home ul#quickNav li.last { padding-right: 12px; }

div#mainContent ul#crumbNav {
	margin-bottom: 0;
	line-height: 0.625em;
	/* 16x0.625=10px */
}

div#mainContent ul#crumbNav li {
	display: inline;
	background-image: none;
	margin: 0 10px 0 0;
	padding-left: 10px;
	border-left: 1px solid #000;
	font-size: 0.625em;
	/* 16x0.625=10px */
}

div#mainContent ul#crumbNav li.first {
	padding-left: 0;
	border-left: none;
}

ul#audienceNav {
	border-top: 0.625em solid #dbbc35;
	border-bottom: 0.625em solid #dbbc35;
	/* 16x0.625=10px */
	margin-bottom: 0;
	padding-right: 18px;
	padding-left: 17px;
	background: #a8b477;
	position: relative;
}

body#home ul#audienceNav {
	float: left;
	width: 732px;
	margin-left: 8px;
	margin-bottom: 0;
	padding-right: 0;
	padding-left: 0;
	overflow: auto;
	display: inline;
	border-top: none;
	border-bottom-width: 0.375em;
	/* 16x0.375=6px */
	background: #f5e7ab url(img/audienceNavul.gif) 0 0 repeat-x;
}

ul#audienceNav li {
	font: 0.6875em/2.454545454545455em Arial, Helvetica, sans-serif;
	/* 16x0.6875=11px */
	/* 11x2.454545454545455=27px */
	font-weight: bold;
	text-transform: uppercase;
	background-image: none;
	padding-left: 0;
	border-bottom: 1px solid #d4dabb;
	margin-bottom: 0;
}

ul#audienceNav li.last { border-bottom: none; }

body#home ul#audienceNav li {
	float: left;
	width: auto;
	display: inline;
	border-bottom: none;
	background: #fff url(img/audienceNav.gif) 0 0 repeat-x;
}

div#news ul, div#events ul {
	margin-bottom: 0.4em;
	/*16x0.5=8px */
}

ul#mainNav {
	margin: 0 18px 0.75em 17px;
	/* 16x0.75=12px */
	border-top: 1px solid #23074d;
	border-bottom: 3px double #23074d;
	padding-top: 1px;
	position: relative;
}

ul#mainNav li ul { margin-top: 0; }

ul#mainNav li {
	border-top: 1px solid #23074d;
	background: none;
	font: 0.6875em/3.272727272727273em Arial, Helvetica, sans-serif;
	/* 16x0.6875=11px */
	/* 11x3.272727272727273=36px */
	text-transform: uppercase;
	font-weight: bold;
	padding-right: 6px;
	padding-left: 6px;
	margin-bottom: 0;
}

ul#mainNav li li {
	border-top: none;
	font-size: 1em;
	line-height: 1em;
	/* 11x1=11px */
	text-transform: none;
	font-weight: normal;
	margin-bottom: 0.727272727272727em;
	/* 11x0.727272727272727=8px */
}

ul#utilityNav {
	float: left;
	width: 403px;
	display: inline;
	margin-bottom: 0;
	margin-left: 8px;
	line-height: 0.5625em;
	/* 16x0.5625=9px */
}

body#home ul#utilityNav { margin-left: 0; }

ul#utilityNav li {
	display: inline;
	background-image: none;
	margin-bottom: 0;
	margin-left: 6px;
	padding-right: 3px;
	padding-left: 0;
	border-right: 1px solid #000;
	font-size: 0.625em;
	/* 16x0.625=10px */
}

ul#utilityNav li.first { margin-left: 0; }

ul#utilityNav li.last {
	padding-right: 0;
	border-right: none;
}

/* ----- IMAGES ----- */
img.nameplate {
	float: left;
	width: 214px;
	display: inline;
	margin: 0.875em 0 0.428571428571429em 22px;
	/* 16x0.875=14px */
	/* 16x0.428571428571429=6px */
	position: relative;
}

img.section { display: block; }

img.left {
	float: left;
	margin: 16px 16px 16px 0;
}

img.right {
	float: right;
	margin: 16px 0 16px 16px;
}

img.subContent {
	border-top: 1em solid #a8b477;
	margin-bottom: 1em;
	/* 10x1=10px */
	padding-top: 0.3em;
	/* 10x0.3=3px */
	display: block;
}

div.callouts img { display: block; }
div#nav img { margin-left: 17px; }

/* ----- BREAK ----- */
hr {
	position: absolute;
	left: -9999px;
}

/* ----- LINKS ----- */
a { text-decoration: none; }
a:link, a:visited { color: #6b7a2c; }

a:hover {
	color: #4c46bc;
	border-bottom: 1px solid #4c46bc;
}

a.imglink:hover, h4 a:hover, h5 a:hover, a.special:hover { border-bottom: none; }

p.more a:link, p.more a:visited {
	color: #000;
	border-bottom: 1px solid #000;
}

div#hdr p a:link, div#hdr a:visited {
	color: #fff;
	text-decoration: underline;
}

div#hdr p a:hover {
	color: #fff;
	border-bottom: none;
}

ul#quickNav li a:link, ul#quickNav li a:visited { color: #8a945b; }

ul#quickNav li a:hover {
	color: #53618b;
	border-bottom: none;
}

ul#crumbNav li a:link, ul#crumbNav li a:visited { color: #000; }

ul#crumbNav li a:hover {
	color: #000;
	border-bottom: none;
	text-decoration: underline;
}

ul#audienceNav li a {
	width: 171px;
	display: block;
	padding-left: 8px;
}

body#home ul#audienceNav li a {
	width: auto;
	padding-right: 29px;
	padding-left: 25px;
	margin-right: 2px;
}

ul#audienceNav li a:link, ul#audienceNav li a:visited {
	background: #a8b477;
	color: #fff;
}

body#home ul#audienceNav li a:link, body#home ul#audienceNav li a:visited { background: #a8b477 url(img/audienceNavOff.gif) 0 0 repeat-x; }

ul#audienceNav li a:hover, ul#audienceNav li a.youarehere {
	background: #a8b477;
	color: #23074d;
	border-bottom: none;
}

body#home ul#audienceNav li a:hover {
	background: #808951 url(img/audienceNavOn.gif) 0 0 repeat-x;
	color: #fff;
}

ul#mainNav li a {
	padding-left: 19px;
	width: 148px;
	display: block;
}

ul#mainNav li a:link, ul#mainNav li a:visited {
	background: #53618b url(img/mainNavOff.gif) 0 50% no-repeat;
	color: #dbbc35;
}

ul#mainNav li a:hover, ul#mainNav li a.youarehere {
	background-image: url(img/mainNavOn.gif);
	color: #f5e7ab;
	border-bottom: none;
}

ul#mainNav li li a { padding-left: 12px; }

ul#mainNav li li a:link, ul#mainNav li li a:visited {
	background-image: none;
	color: #f5e7ab;
}

ul#mainNav li li a:hover, ul#mainNav li li a.youarehere { color: #fff; }
ul#utilityNav li a:link, ul#utilityNav li a:visited { color: #000; }

ul#utilityNav li a:hover {
	color: #000;
	border-bottom: none;
	text-decoration: underline;
}

/* ----- TABLES ----- */
table {
	font-size: 0.6875em;
	/* 16x0.6875=11px */
	line-height: 1.363636363636364em;
	/* 11x1.363636363636364=15px */
	margin-bottom: 1.454545454545455em;
	/* 11x1.454545454545455=16px */
}

table td, table th {
	border: 1px solid #a8b477;
	padding: 8px;
}

/* ----- FORMS ----- */
form#search {
	float: right;
	width: 230px;
	display: inline;
	background: #fff url(img/quickNav.gif) 100% 100% no-repeat;
	color: #23074d;
	font: 0.625em/2.8em Arial, Helvetica, sans-serif;
	/* 16x0.625=10px */
	/* 10x2.8=28px */
	font-weight: bold;
	text-transform: uppercase;
}

body#home form#search {
	width: 208px;
	margin-right: 8px;
	padding-left: 20px;
	background: #f5e7ab url(img/search.gif) 0 0 repeat-x;
	line-height: 2.7em;
	/* 10x2.7=27px */
	border-bottom: 0.6em solid #dbbc35;
}

form#search label {
	border-left: 1px solid #23074d;
	padding-left: 16px;
}

body#home form#search label {
	border-left: none;
	padding-left: 0;
}

input#q {
	width: 100px;
	border: 1px solid;
	border-color: #535554 #959796 #959796 #8f908f;
}

div.sitemason_body label {
	float: left;
	display: inline;
	line-height: 1.727272727272727em;
	/* 11x1.727272727272727=19px */
	margin-right: 8px;
	font-weight: bold;
	width: 250px;
	text-align: left;
}

div.sitemason_body div.value input { margin: 0; }
div.sitemason_body div.sitemason_checkbox div.value input { margin-right: 8px; }

/* ----- DEFINITIONS ----- */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced { visibility: visible !important; }

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*.sIFR-hasFlash h1 { visibility: hidden; }

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}*/

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 24px;
	line-height: 18px;
}

.sIFR-hasFlash body#home h3 {
	font-size: 16px;
	line-height: 14px;
}

/*.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}*/

/* Sitemason Corrections */
div.icons, span.wufooform { display: none; }

div#mainContent div.list li {
	margin-left: 0;
	background: #fff;
	padding-left: 0;
}

div.list li {
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #a8b477;
}

div.newsfeed h2 {
	left: auto;
	margin-top: -1em;
	font: 0.875em Arial, Helvetica, sans-serif;
	/* 16x0.875=14px */
	line-height: 1em;
	/* 14x1=14px */
	color: #53618b;
	font-weight: bold;
}

div.newsfeed div.title h2 {
	font-size: 1.272727272727273em;
	/* 11x1.272727272727273=14px */
	font-weight: bold;
	margin-top: 0;
    position: static;
    margin-bottom: 1em;
}

div.detail div.description {
	margin-top: 0.5em;
	font-size: 0.6875em;
	/* 16x0.6875=11px */
	line-height: 1.363636363636364em;
	/* 11x1.363636363636364=15px */
}

div.detail div.description * { font-size: 1em; }
div.title h2 a:hover { border-bottom: none; }

div.start_date p {
	font-size: 1em;
	padding-top: 1.5em;
	margin-bottom: 0.5em;
}

div.sitemason_file {
	margin-bottom: 0.5em;
	overflow: auto;
}

div.sitemason_summary { clear: both; }

div.date {
	font-size: 0.75em;
	/*margin-top: 3em;*/
}

div.time { display: none; }

table.sitemason_page td {
		border: none;
		padding: 0;
}