body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 0;
	padding: 0;
}
#page, #header, #nav-bottom {
	margin: 0 auto;
	padding: 0;
	width: 800px;
}
#nav-top {
	background-color: #ddd;
	height: 1.5em;
	text-align: right;
	font-size: 70%; 
	padding-left: 10px;
	padding-right: 10px;
}
#nav-top a { color: #580c0e; }
#header #search a, #nav-bottom a {
	color: #fff;
	text-decoration: none;
}
#header-container {
	background-color: #000;
	width: 100%;
	float: left;
}
#header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	height: 150px;
	width: 800px;
	text-align: center;
	color: #fff;
	vertical-align: top;
}
#header a img {
	border: 0;
	float: left;
	margin: 0;
	padding: 0;
}
#header #title { display: none; }
#header #search {
	float: right;
	margin-top: 8px;
	text-align: left;
}
#header #search h3 {
	margin: 0;
	padding: 0 5px 0 0;
	font-size: 100%;
	float: left;
}
#menu-container {
	background: url("../images/menu-background.jpg") repeat-x;
	background-color: #889fb8;
	height: 40px;
	margin: 0 auto;
	width: 100%;
	float: left;
	text-align: center;
}
#menu {
	margin: 0 auto;
	width: 803px;
	height: 40px;
	font-size: 80%;
	color: #fff;
	list-style: none;
	text-align: left;
	clear: both;
	min-height: 40px;
}
#menu ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
#menu ul li {
	float: left;
	position: relative;
}

#menu a {
	float: left;
	margin: 0;
	padding: 6px 6px;
	color: #fff;
	text-decoration: none;
}
#menu a:hover, #menu li li a:hover, #menu li#here li a:hover { color: #000; }
#menu a.tab {
	border-right: 1px solid #92A9C2;
	padding: 10px 21px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	font-size: 15px;
	height: 20px;
}
#menu a.tab.last { 
	border-right: 0px solid #ccc;
	/*margin-left: -6px;*/
	padding-left: 18px;
	}
	
#menu a.tab.first { 
	border-right: 1px solid #92A9C2;
	padding-left: 26px;
	}
#menu li a:visited { color: #fff; }
#menu li a:hover, #menu a.tab:hover {
	background: url("../images/menu-background-hover.jpg") repeat-x;
	color: #000;
}

/* Fix for "dropdown menu appearing beneath 'What does it cost' background image" bug -- CTK 01/29/09 */
#menu:hover {
	position: relative;
	z-index: 2;
}
#menu a:hover, #menu li#here, #menu li li a:hover, #menu li#here li a:hover { background: url("../images/menu-background-hover.jpg") repeat-x; }
#menu li#here a {
	background: url("../images/menu-background-hover.jpg") repeat-x;
	color: #000;
}
#menu li#here li a { background: #000; }
#menu li ul {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	background: #000;
}
#menu li li {
	width: 100%;
	min-width: 83px;
}
#menu li li a, #menu li#here li a {
	font-weight: normal;
	color: #fff;
	border-style: none;
}
#menu li:hover ul ul {
	display: none;
	top: 0;
	left: 100%;
}
#menu li:hover ul, #menu li li:hover ul { display: block; }
/* Hack to get dropdown menu elements clickable on entire lines -- CTK 10/24/08
   Directions: subtract 16px from the width of each dropdown menu box */
#menu-about a { width: 160px; }
#menu-admissions a { width: 145px; }
#menu-admissions ul a { width: 100px; }
#menu-academics a { width: 110px; }
#menu-experience a { width: 180px; }
#menu-opportunities a { width: 150px; }
#menu-parents a { width: 190px; }
#menu-alumni a { width: 119px; margin-left: -5px}
#menu-contact a { width: 67px; }
/* end Hack */

#page-container {
	margin: 0 auto;
	width: 832px;
}
#page {
	background-color: #ffffff;
	float: left;
}
#page a {
	color: #2a5588;
	text-decoration: none;
}
#page a:hover {
	color: #832323;
	text-decoration: underline;
}

#layout-without-sidebar {
	background: url("../images/page-background-shadow.jpg") repeat-y;
	float: left;
	margin: 0 auto;
	padding: 0 16px;
	width: 832px;
}
#layout-with-sidebar {
	background: url("../images/page-sidebar-stripe-background.jpg") repeat-y;
	float: left;
	margin: 0 auto;
	padding: 0 16px;
	width: 832px;
}
#sidebar {
	color: #fff;
	font-size: 90%;
	float: left;
	height: 100%;
	width: 180px;
}
#sidebar a:link, #sidebar a:visited {
	color: #fff;
	text-decoration: none;
}
#search-container {
	float: left;
	border-bottom: 1px solid #fff;
	margin-bottom: 16px;
	padding: 8px 0 16px 0;
	width: 180px;
}
#sidebar #search {
	color: #fff;
	margin: 8px 0 0 8px;
	float: left;
}
#sidebar #search h5 {
	margin: 0;
	padding: 0 5px 0 0;
	font-size: 100%;
}
#sidebar #search #tools a { font-size: 70%; }

#sub-menu ul {
	margin: 0 0 8px 0;
	padding: 0;
	list-style: none;
}
#sub-menu h4, #sub-menu li { margin: 0; }
#sub-menu h4 a, #sub-menu li a {
	display: block;
	padding: 8px;
}
#sub-menu li a { padding-left: 24px; }
#sub-menu li li a { padding-left: 44px; }
#sub-menu li a:hover {
	background: url("../images/sidebar-background-hover.jpg") repeat-y;
	color: #000 !important;
}
.news-item a{text-decoration: underline; }

	
#content {
	float: left;
	line-height: 130%;
	padding: 8px 8px 8px 16px;
	width: 585px;
}
#breadcrumbs {
	font-size: 70%;
	margin-top: -4px;
}
.graphic img, a img.pdf-icon, a img.word-icon { border: 0; }
.verse { font-style: italic; }
.reference { font-size: 85%; }
.right { text-align: right; }
#content h2, #content h3 { margin: 12px 0 16px 0; }
#content h4, #content h5 { margin: 8px 0 4px 0; }
.three-columns .col-1 { width: 160px; }
#alumni ul {
	list-style: none;
	margin: .5em 0em 1em 0em;
	padding: 0;
}
#alumni .feature, #staff .feature, #faq p.question, .disclaimer, .additionalinfo, .relatedlinks h4 {
	border-top: 1px solid #999;
	clear: both;
	padding-top: 1em;
}
#alumni h4, #staff h4 { margin: 0px 0px 5px 0px; }
#alumni h4.major, h4.jobtitle {
	font-style: italic;
	font-weight: normal;
	margin-top: -5px;
}

h4.jobcontact {
	font-style: normal;
	font-weight: normal;
	margin-top: -5px;
}
#alumni .feature img, #staff .feature img {
	float: left;
	margin: 0px 10px 10px 0px;
}
#alumni p, #staff p { margin: 0em 0em 1em 0em; }
.additionalinfo {
	font-style: italic;
	margin-top: 2em;
	padding-top: .75em;
}

#photogallery #thumbnails { margin-left: 20px; }
#photogallery ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 150px;
}
#photogallery li {
	float: left;
	margin: 0;
	padding: 0;
	margin: 0px 5px 5px 0px;
}
#photogallery li a img {
	border: 0;
	height: 60px;
	width: 60px;
}
#photogallery p#caption { font-style: italic; }
#photogallery #thumbnails, #photogallery #highlight { margin-top: 30px; }
#photogallery #highlight {
	float: left;
	width: 400px;
}
#photogallery p#caption { margin-top: 0; }
.thumbnail {
	float: left;
	margin: 1em .5em 0em 0em;
}
a img.thumbnail {
	border: 0;
	margin-top: 0;
}
#faq p.question .q, #faq p.answer .a {
	color: #580c0e;
	font-size: 120%;
	font-weight: bold;
}
#faq p.question { margin: 1em 0em .5em 0em; }

.author {
	font-style: italic;
	margin-top: 2em;
}
.commentary .name-date p {
	margin: 0;
	text-align: right;
}
.medcomtitle {
	margin: 0 4% 1.5em 5%;
	text-align: center;
	width: 90%;
}
.medcomauthor {
	font-size: 88%;
	margin-right: 20px;
	text-align: right;
	width: 125px;
}
.medcomauthor img {
	float: left;
	margin-bottom: 5px;
}
.articleauthor .author {
	margin: .25em 0em;
	text-align: right;
	font-size: 88%;
	width: 125px;
}
.date { font-size: 90%; }
.separator {
	display: inline-block;
	width: 20px;
	text-align: center;
}

.col-span {
	font-size: 105%;
	float: left;
	margin: 0 8px 0 15px;
	padding: 5px 0 0 0;
	width: 780
	px;
}
	
.four-columns, .two-columns { padding: 1em 0 0 0; }
.col-1, .col-2, .col-3 {
	float: left;
	margin: 0 8px 0 15px;
	padding: 5px 0 0 0;
	width: 184px;
}
.col-4 {
	float: left;
	border-left: 0px solid #cccccc;
	margin-left: 2px;
	padding: 0px 8px;
	height: 220px;
	width: 140px;
}
.two-col-1, .two-col-2 {
	float: left;
	width: 45%;
}
.two-col-1 { margin-right: 5%; }
.more {
	margin-top: 0;
	text-align: right;
	font-variant: small-caps;
}
.definition {
	border-bottom: 1px dotted #06a;
	color: #06a;
	cursor: help;
}
.heading {font-weight: bold;}
.required { font-weight: bold; }
.error { color: #c33; }
.center { text-align: center; }
.centerstrike {text-align: center; text-decoration: line-through;  }
.newprice {text-align: center; color: #700000; font-weight: bold; }
.stripe { background: #eee; }
.monospace { font-family: "Courier New", Courier, monospace; }
.jobtitle a { text-decoration: underline !important; }
.jobcontact a { text-decoration: underline !important; }
.pdf { font-size: 90%; }
.table-head {
	background: #a3b3c7;
	font-weight: bold;
}
.calendar-table { margin: 1em 0em 1.5em 0em; }
.calendar-table table { border: 1px solid #828f9f; }
.calendar-table table td { padding: 5px; }
.calendar-table h4 { margin: 0; }
.calendar-table .date {
	font-weight: bold;
	width: 42%;
}
.term-dates {
	font-style: italic;
	font-weight: normal;
}

#ordered-list li, #ordered-list p {
	font-weight: bold;
	margin-top: 1em;
}
.normal { font-weight: normal; }
.float-left {
	float: left;
	margin-right: 10px;
}
.float-right {
	float: right;
	margin-left: 10px;
}
.pdf-icon, .word-icon {
	border: 0;
	cursor: help;
	margin-left: 4px;
}
.size {
	font-size: 90%;
	margin-left: .5em;
}
.error { margin: .5em 0em 1em 0em; }

#nav-bottom-container {
	background-color: #666;
	height: 1.25em;
	margin: 0 auto;
	width: 100%;
	float: left;
	text-align: center;
}
#nav-bottom {
	color: #fff;
	font-size: 70%;
	width: 800px;
	padding: 2px;
	text-align: right;
}
#footer {
	background: url("../images/footer-background.jpg") repeat-x;
	width: 100%;
	padding: 15px 0;
	float: left;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 75%;
	color: #333;
}
#footer a { color: #000; }