/*
Design by Bjorn Akselsen, Icehouse Design
www.icehousedesign.com
*/

/* reset */
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, 
a, abbr, acronym, address, code, del, dfn, em, font, img, ins, q, 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;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

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

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

/* links with no underline */
a {
	text-decoration: none;
}

body {
	background: #C6C4B4;
	line-height: 1;
}

/* Page: this is the 900 pixel wide container. The "auto" margin centers the inside. */
#page {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background: #FFFCE0;
	border-bottom: 1px solid #FFF;
	overflow: hidden;
}

/* Banner contains the top navigation bar, the random image area and the main navigation on the middle of the page. The width of 860px with auto margin creates a 20px border on each side. */
#banner {
	width: 860px;
	margin: 0 auto;
	padding: 0;
}

/* Top menu bar with UL used for nav elements. Does fine up to 10px, with overflow at minimum size 11px*/
#menu {
	height: 36px;
	padding-left: 10px;
	background: #8D8C74;
	margin-bottom: 10px;
}

#menu li {
	float: left;
	display: block;
	font: bold 9px Verdana, Geneva, sans-serif;
	padding: 10px 10px 0px 18px;
}

#menu a {
	color: #393B2E;
}

#menu a:hover {
	color: #C6C4B4;
}

#menu a:active {
	color: #000;
}

#menu li a.current,  #menu li a.current:hover,#menu li a.current:active {
	border-bottom: thin dotted #fff;
}

/* Search area */
#search {
	float: right;
	width: 186px;
	padding: 8px 0 0 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
}

#search input {
	position: relative;
	margin-left: 6px;
	display: block;
	height: 16px;
	float: left;
	background-color: #D9DAC2;
	border: 0;
	color: #8D8C74;
}

#search input:focus {
	background-color: #FFC;
	outline: 0;
}

#search text {
	width: 174px;
	height: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #996;
}

/* Main Menu */
#mainmenu {
	margin: 7px 0 0 0;
	padding: 0;
	height: 30px;
	background: #8D8C74;
}

#mainmenu ul {
	margin: 0;
	padding: 9px 0 0 23px;
	list-style: none;
}

#mainmenu li {
	float: left;
	border-right: thin dotted #FFC;
	line-height: 12px;
}

#mainmenu li.last {
	border-right: 0;
}

#mainmenu li a:link, #mainmenu li a:visited {
	display: block;
	padding: 0 2.5em;
	text-transform: uppercase;
	color: #DFDBD5;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}

#mainmenu li a:hover {
	color: #fff;
}

#mainmenu li a:active {
	color: #000;
}

#mainmenu li a.current,  #mainmenu li a.current:hover,#mainmenu li a.current:active {
	color: #393B2E;
}

/* This contains the lower part of the page, including left side nav, content and right side boxes */
#bottomWrap {
	width: 860px;
	overflow: auto;
	margin: 10px 0 0 20px;
	padding: 0;
	clear: both;
}

/* Left side, secondary menu bar */
#sidemenu {
	display: block;
	float: left;
	width: 160px;
	margin: 0;
	padding: 6px 12px 6px 0;
	min-height: 360px;
	background: #D9DAC2;
}

#sidemenu ul {
	margin: 0;
	padding: 0 3px 0 1em;
}

#sidemenu li a:link, #sidemenu li a:active, #sidemenu li a:visited {
	display: block;
	margin: 0;
	padding: .7em 0;
	font-size: 10px;
	border-bottom: thin dotted #FFC;
	font-family: Georgia, Geneva, sans-serif;
	font-weight: bold;
	color: #8D8C74;
}

#sidemenu li a:hover, #sidemenu li a.current,  #sidemenu li a.current:hover, #sidemenu li a.current:active {
	color:#960;
}

#sidemenu li.last {/* removes bottom border on last nav item */
	border-bottom: 0;
}

/* This is a nested link list inside a link list */
#sidemenu li li a:link {
	display: block;
	margin: 0;
	padding: .4em 0;
	line-height: 1em;
	font-weight: normal;
	color: #8D8C74;
}

#sidemenu li li a:active {
	color: #8D8C74;
}

#sidemenu li li a:hover, #sidemenu li li a.current,  #sidemenu li li a.current:hover, #sidemenu li li a.current:active {
	color:#960;
}

/* Content area */
#content {
	float: left;
	display: block;
	min-height: 350px;
	width: 460px;
	margin: 0 0 0 10px;
	border: 1px solid #CC9;
	padding: 10px 10px;
	background-color: #FFF;
}

#content h1, h2, h3, h4, h5 {
	display: block;
	font-family: Georgia, Times, serif;
}

#content h1, h2, h3 {
	color: #960;
}

#content h1, h2 {
	text-transform: uppercase;
	letter-spacing: .166em;
	margin-bottom: 4px;
	line-height: 1.15em;
}

#content h2, h3, h4, h5 {
	font-size: 11px;
}

#content h4, h5 {
	color: #663;
	font-weight: bold;
}

#content h1 {
	font-size: 17px;
}

#content h2 {
	width: 95%;
	padding-top: 6px;
}

#content h3 {
	margin-bottom: 4px;
	padding-top: 6px;
}

#content h4 {
	padding-top: 6px;
}

#content h5 {
	padding: 6px 0;
}

#content p {
	display: block;
	font: normal 10px/200% Verdana, Geneva, sans-serif;
	color: #000;
	margin-bottom: 10px;
}

#content a:hover {
	color: #8D8C74;
	border-bottom: thin dotted #960;
}

#content a, a:visited, a:active {
	color: #960;
}

#content ul {
	display: block;
	padding: 0 0 5px 0;
}

#content li {
	font: normal 9px/130% Verdana, Geneva, sans-serif;
	color: #663;
	padding: 4px 14px 5px 0;
}

/* Footer, holds Yale shield and contact information */
#footer {
	display: block;
	height: 60px;
	background-color: #C6C4B4;
	margin: 20px 20px;
	padding: 0;
	clear: both;
}

#footer img {
	float: left;
	padding: 18px 16px;
}

#footer p {
	padding: 7px 0;
	float: right;
}

#footer h1 {
	padding: 36px 0 14px 20px;
	float: left;
	color: #666;
	font: normal 9px Verdana, Geneva, sans-serif;
}

#footer a {
	color: #960;
}

/* Classes--------------------------------------*/

/* Used for aligning images left and right in the body text area. */
.imgRight {
	margin: 0;
	float: right;
	padding-left: 6px;
}

.imgLeft {
	margin: 0;
	float: left;
	padding-right: 6px;
}

.imgGeneral {
	margin: 0;
	clear: bottom;
	float: left;
	padding: 12px 6px 16px 0;
}

#Alum {
	display: block;
	float: left;	
	padding: 10px 10px;
}

#Alum p {
	min-height: 100px;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	border-top: 1px #CC9 dotted;
	font-size: 10px;
	line-height: 190%;
	clear: both;
	padding: 10px 0 0px 0;
	width: 95%;
	background: none;
}

#Alum img {
	display: block;
	height: 80px;
	width: 80px;
	float: left;
	clear: both;
	padding: 10px 10px;
	background-color: #D9DAC2;
	margin-right: 10px;
}

/* Large introdutory text */
.introText {
	font: normal 15px/150% Georgia, Times, serif;
	color: #996;
	padding: 6px 0 10px 0;
	margin: 0;
	border: none;
	
}

.introText img {
	padding: 8px 6px 0 0;
}

/* Classes for the faculty listings */
.personSection {
	display: block;
	float: left;
	width: 200px;
	font: normal 12px/.95em Georgia, Times, serif;
	padding: 10px 30px 0 0;
	margin: 0;
}

.title {
	display: block;
	border-bottom: thin dotted #996;
	font-size: .9em;
	color: #8D8C74;
	padding: 2px 0 9px 0;
	margin-bottom: 8px;
}

.personSectionLinkimage {
	display: block;
	float: right;
	border: thin dotted #930;
}

.personSectionLinkimage:hover {
	border: thin dotted #ccc;
}

/* Right column. "Modules" used for smaller photos and information items such as contact info, statements etc. */
.right, .rightTall {
	display: block;
	float: right;
	overflow: hidden;
	clear: right;
	width: 160px;
	padding: 10px 10px;
	background-color: #D9DAC2;
	font: normal 9px/1.3em Georgia, Times, serif;
	margin-bottom: 10px;
}

.right h1, .rightTall h1 {
	display: block;
	font-size: 10px;
	color: #960;
	font-weight: bold;
	margin: 0 0 4px 0;
}

.right p, .rightTall p {
	display: block;
	color: #666;
	padding: 2px 0 4px 0;
}

.right {
	height: 160px;
}

.right a {
	font-weight: bold;
	color: #960;
}

.right a:hover, .right a:active {
	color: #8D8C74;
}

.rightTall { /* Double height module for vertical photos */
	height: 350px;
}

/* Used for clearing certain images */
.imgClear {
	height: 180px;
	width: 180px;
	padding: 10px 10px;
	background-color: #D9DAC2;
	display: block;	
	clear: both;
	margin-bottom: 12px;
}

/* Controls the arrow used for links */
.contentLinkimage {
	display: block;
	float: left;
	margin: 2px 6px 0 0;
	border: thin dotted #930;
}

.contentLinkimage:hover {
	border: thin dotted #ccc;
}

/* adds extra space where there's no large intro text between H1 and p */
.contentSeparateFromHead {
	padding-top: 12px;
}

/* About section------------------------------------------ */
/* Large top, intro text */
#introText {
	width: 830px;
	float:left;
	clear: both;
	display: block;
	font: normal 17px/160% Georgia, Times, serif;
	color: #996;
	padding: 15px 15px;
}

/* The below code is for the about us and history sections. This is an xtra wide, no left nav bar container. */
#bottomWrapAbout {
	font-family: Verdana, Geneva, sans-serif;
	width: 860px;
	margin: 10px auto;
	height: 100%;
	overflow: hidden;
}

#bottomWrapAbout a:hover {
	color: #8D8C74;
	border-bottom: thin dotted #960;
}

#bottomWrapAbout a, #bottomWrapAbout a:visited, bottomWrapAbout a:active {
	color: #960;
}

/* Class for the large red heading running into the intro text */
.bottomWraph1 {
	display: inline;
	font: normal 17px Georgia, Times, serif;
	text-transform: uppercase;
	color: #960;
	letter-spacing: .166em;
}

/* Left and right columns after intro text */
#aboutLeft, #aboutRight {
	display: block;
	min-height: 680px;
	width: 380px;
	background-color: #FFF;
	padding: 10px 10px;
	border-right: 1px dotted #CC9;
	border-left: 1px dotted #CC9;
}

#aboutLeft {
	float: left;
	margin: 0 0 10px 10px;
}

#aboutLeft h2, aboutRight h2 {
	display: block;
	font-size: 11px;
	text-transform: uppercase;
	color: #960;
	letter-spacing: .166em;
	padding: 10px 0;
}

#aboutLeft p, #aboutRight p {
	display: block;
	font-size: 10px;
	line-height: 200%;
	color: #000;
}

/* Right column, floats right, after intro text */
#aboutRight {
	float: right;
	margin: 0 15px 10px 10px;
}

/* Footer content */
#aboutContentfooter {
	float: left;
	width: 858px;
	display: block;
	height: 60px;
	background-color:#C6C4B4;
	margin: 20px 20px 0 0;
	overflow: hidden;
}

#aboutContentfooter img {
    float: left;
    padding: 18px 16px;
}

#aboutContentfooter h1 {
    padding: 36px 0 14px 20px;
    float: left;
    color: #666;
    font: normal 9px Verdana, Geneva, sans-serif;
}

#aboutContentfooter p {
    padding: 8px 0 14px 20px;
    float: right;
}

#aboutContentfooter a {
	text-decoration: none;
	color: #960;
}

/* This controls the framed images with captions for the history page */
.PhotoWrap, .PhotoWrapLeft {
	display: block;
	background-color: #FFFCE0;
	border: 9px solid #C6C4B4;
	width: 170px;
	font-family: Georgia, Times, serif;
	font-size: 9px;
	padding: 10px 10px;
	line-height: 120%;
	font-style: italic;
}

.PhotoWrap {
	float: right;
	margin: 10px 10px;
}

.PhotoWrap img, .PhotoWrapLeft img {
	padding-bottom: 10px;
}

.PhotoWrapLeft {
	float: left;
	margin: 10px 10px 10px 0;
}



/* Positioning of group shot on about page */
#bottomImage {
	float: left;
	clear: left;
	margin: 0 auto 0 10px;
}

/* Positions the arrow link image on about page */
.arrow {
	padding: 2px 4px 0 0;
	display: inline;
	float: left;
}

/* Index page section------------------------------------------ */
/* This wraps the 3 left news boxes as well as the right most events box */
#bottomWrapIndexPage {
	width: 860px;
	height: 260px;
	margin: 10px 0 0 20px;
	clear: both;
}

/* News Boxes */
.news {
	float: left;
	display: block;
	overflow: hidden;
	height: 245px;
	width: 200px;
	margin: 5px 17px 0 0;
	padding: 0 0 10px 0;
	border: 1px solid #CC9;
	background-color:#F4F7EB;
}

.newslast {
	float: right;
	display: block;
	overflow: hidden;
	height: 245px;
	width: 200px;
	margin: 5px 0 0 0;
	padding: 0 0 10px 0;
	border: 1px solid #CC9;
	background-color:#F4F7EB;
}

.news Img, .newslast Img {
	display: block;
	padding: 0;
	border: 5px solid #960;
	margin: 10px 10px;
}

.news h1, .newslast h1 {
	display: block;
	width: 170px;
	font: bold 9px Georgia, Times, serif;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #960;
	padding: 0 0 0px 15px;
}

.news p, .newslast p {
	display: block;
	height: 76px;
	width: 170px;
	margin: 0;
	font: normal 10px/1.4em Georgia, Times, serif;
	color: #000;
	overflow: hidden;
	padding: 3px 10px 0 15px;
}

.news a:hover {
	color: #8D8C74;
	border-bottom: thin dotted #960;
}

.news a, a:visited, a:active {
	color: #960;
}


.continueImage {
	display: block;
	position: relative;
	left: 140px;
	bottom: 15px;
	border: 0 !important;
}

/* Right Side Key Events Content */
#eventsWrapper {
	float: right;
	clear: right;
	height: 240px;
	overflow: hidden;
	width: 180px;
	margin-bottom: 20px;
	padding: 5px 20px;
	background-color: #D9DAC2;
	font-family: Georgia, Times, serif;
}

#events h1, #events p {
	display: block;
	font-size: 10px;
	line-height: 1.2em;
	border-bottom: thin dotted #8D8C74;
}

#events h1 {
	color: #960;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin: 8px 0 5px 0;
	padding-bottom: 2px;
}

#events p {
	margin: 0;
	color: #666;
	padding: 4px 0 ;
}

#events a {
	color: #575846;
}

#events a:hover {
	color: #960;
}

.twelve_point {
	font-size: 12px !important;
}

.fourteen_point {
	font-size: 14px !important;
}

.black {
	color: black !important;
}

.title_talk {
	margin: -5px 0 10px 0 !important;
	padding: 0;
	line-height: normal !important;
	color: #000 !important;
	font-size: .76em;
}

.less_bottom_margin {
	margin: 0 0 -5px 0 !important;
	padding: 0;
}