@charset "utf-8";


/*----------------------------- reset -----------------------------*/

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: 0px;
	padding: 0px;
	border: none;
	outline: none;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}


/*----------------------------- containers -----------------------------*/

body
	{
	background: #222 url('/style/newpresident_images/logo_background.png') top left repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333;
	padding-bottom: 2em;
	}

#page 
	{ 
	width: 760px;
	margin: 0px auto;
	position: relative;
	background: #e6e69b url('/style/newpresident_images/body_background.png') top left repeat-y;
	}
	

/*----------------------------- links -----------------------------*/

a { color: #600; text-decoration: none; }

a:hover, a:active { color: #960; text-decoration: underline; }


/*----------------------------- headers -----------------------------*/

h1 
	{
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 15px;
	line-height: 30px;
	letter-spacing: 1px;
	}

h2, h3, h4, h5, h6 
	{
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.2em;
	}

h2 { font-size: 18px; }

h3 { font-size: 14px; }


/*----------------------------- alternative-mode styles -----------------------------*/

img.print { display: none; } /* shown in print stylesheet */

#skip { display: none; } /* for screen readers */


/*----------------------------- structural elements -----------------------------*/

#header 
	{
	width: 100%;
	height: 29px;
	padding-top: 3px;
	background-color: black;
	}

	#header .mhcLogo 
		{
		margin: 0px auto;
		height: 25px;
		width: 145px;
		}

		#header .mhcLogo a 
			{
			display: block;
			background: url('/style/newpresident_images/mhc.jpg') 0 0 no-repeat;
			width: 145px;
			height: 25px;
			text-indent: -9642px;
			}

	#utilityHeader { display: none; }

	#collegeNav { display: none; }

/* End of #header */


#bodyContainer { }

	#banner 
		{ 
		height: 145px;
		border-bottom: 5px solid #84845f;  
		}

	#sidebar { display: none; }

	#mainContent 
		{
		float: right;
		width: 530px;
		line-height: 18px;
		padding: 15px 20px 15px 10px;
		}

		#mainContent p { padding-bottom: 18px; }

		ul#breadcrumbs
			{
			display: block;
			font-size: 11px;
			list-style: none;
			padding-bottom: 2em;
			}

			ul#breadcrumbs li { display: inline; }

			ul#breadcrumbs .divider { padding: 0px 0.5em; }

	/* End of (#bodyContainer) #mainContent */

    #nav 
        {
        padding: 7px 10px 15px 20px;
        width: 160px;
        float: left;
        clear: none;
        background: transparent url('/offices/comm/newpresident/img/gates-acad-20.jpg') 5px 470px no-repeat;
        min-height: 800px;
        height:auto !important;
        height: 800px;
        }

		#nav h2 
			{
			color: #333;
			font-size: 13px;
			margin: 3px 0 5px 0;
			text-transform: uppercase;
			font-weight: bold;
			}
			#nav .siteNav h2 { display: none; }

		#nav a { color: #600; }
		#nav a:hover, #nav a:active { color: #960; }

		#nav ul { padding-bottom: 2em; list-style: none; }
		#nav ul.multiple { padding-bottom: 0px; }

		#nav li 
			{
			border-bottom: 1px dotted #d2d28f;
			padding: 10px 0px;
			color: #333;
			}

			#nav li ul 
				{
				margin: 3px 0px 0px 10px;
				padding: 0px;
				}

			#nav li li { border-bottom: none; }

				#nav li li a { color: #333 !important; }

	/* End of (#bodyContainer) #nav */

/* End of #bodyContainer */

#footer
	{
	clear: both;
	width: 750px;
	text-align: center;
	font-size: 10px;
	margin: 0px auto;
	padding-bottom: 15px;
	background-color: #e6e69b;
	border-right: 5px solid #84845f;
	border-bottom: 5px solid #84845f;
	border-left: 5px solid #84845f;
	}

	#copyright { border-top: 1px dotted #d2d28f; padding-top: 15px;}

/* End of #footer */ 


#navigationLists
	{
	display: none;
	visibility: hidden;
	}

/* End of #page */
	


/*----------------------------- content elements -----------------------------*/


#nav .relatedNav {
	border-top: 1px dotted #d2d28f;
	margin-top: 30px;
}

#nav .relatedNav {
}





/* stuff dragged in from admin1.css */


		.contentNode
			{
			clear: both;
			margin-bottom: 1em;
			}

		.inlineImageCenter
			{
			width: 100%;
			padding-top: 0.5em;
			}

		.inlineImageCenter img
			{
			display: block;
			margin: 0 auto;
			}

		.inlineImageLeft
			{
			float: left;
			display: block;
			padding: 0 0.5em 1em 0;
			}

		.inlineImageRight
			{
			float: right;
			display: block;
			padding: 0 0 0 0.5em;
			}

		.textBlockLeft
			{
			float: left;
			margin-left: 10px;
			}

		.textBlockRight
			{
			float: left;
			margin-right: 10px;
			}

		.textBlockCenter
			{
			clear: both;
			}

		.contentNode ul
			{
			margin: 15px 0;
			padding: 0 0 0 15px;
			list-style-type: disc;
			}
		
		#mainContent form
			{
			display: block;
			margin: 1.5em 0;
			padding: 0;
			border-top: 1px dotted #ccc;
			border-bottom: 1px dotted #ccc;
			}

		#mainContent fieldset
			{
			border: none;
			margin: 0;
			padding: 0;
			}

		#mainContent input
			{
			margin: 0;
			}

		#mainContent input.submit 
			{
			margin: 0 0 1.5em 3.5em;
			}

		#mainContent input.reset 
			{
			margin: 0 0 1em 2.5em;
			}

		#mainContent .requiredKey 
			{
			color: #990000;
			margin: 0;
			}

		#mainContent p.requiredKey
			{
			margin-top: 1.5em;
			}

		#mainContent .requiredFlag 
			{
			color: #990000;
			margin: 0 0 0 0.4em;
			display: inline;
			vertical-align: top;
			}

		#mainContent textarea 
			{
			font-family: sans-serif;
			font-size: 110%;
			vertical-align: top;
			}

		#mainContent textarea.paragraph 
			{
			width: 25em;
			height: 10em;
			}

		#mainContent label
			{
			display: block;
			clear: left;
			margin: 0;
			}
		
		#mainContent label.trailing
			{
			display: inline;
			margin-left: 5px;
			}

		#mainContent ol.numberedForm
			{
			margin-top: 1.5em;
			}

		#mainContent li.numberedForm
			{
			margin-bottom: 1.5em;
			}

		#mainContent input.largeText 
			{
			width: 20em;
			}

		#mainContent input.mediumText 
			{
			width: 10em;
			}

		#mainContent input.smallText 
			{
			width: 5em;
			}




.contentNode table {
	margin: 10px 0;
	padding: 0;
	border: none;
	text-align: left;
	border-collapse: collapse;
	font-size: 11px;
	line-height: 16px;
}

.contentNode table caption {
	padding: 5px;
	background: #ccc;
	font-weight: bold;
	text-align: center;
	border: 1px solid #ccc;
}

.contentNode table tr td,
.contentNode table tr th {
	border: 1px solid #ccc;
	padding: 5px;
}

.contentNode table tr th {
	color: #fff;
	font-weight: bold;
	text-align: left;
	background: #666;
	vertical-align: baseline;
}

.contentNode table tr td {
	background: #fff;
	vertical-align: top;
}

.contentNode table tr th a {
	color: #fff;
}

.contentNode table tr.alternate td {
	background: #eee;
}

.contentNode table.sortable tr th a {
	color: #fff;
}

.contentNode table.sortable tr th a.sortDesc {
	background: url(img/sortoff.png) right -15px no-repeat;
	padding: 0 15px 0 0;
}

.contentNode table.sortable tr th a.sortAsc {
	background: url(img/sortoff.png) right 3px no-repeat;
	padding: 0 15px 0 0;
}

.contentNode table.sortable tr th a.sortDescOn,
.contentNode table.sortable tr th a:hover.sortDesc,
.contentNode table.sortable tr th a:hover.sortAscOn {
	background: url(img/sort.png) right -15px no-repeat;
	padding: 0 15px 0 0;
}

.contentNode table.sortable tr th a.sortAscOn,
.contentNode table.sortable tr th a:hover.sortAsc,
.contentNode table.sortable tr th a:hover.sortDescOn {
	background: url(img/sort.png) right 3px no-repeat;
	padding: 0 15px 0 0;
}



.contentNode dt
	{
	font-weight: bold;
	margin-top: 1em;
	}

.contentNode dd
	{
	margin-left: 0px;
	padding-left: 0px;
	}




.contentNode .vcard
    {
    margin-bottom: 1.5em;
    }

.contentNode .vcard .title
	{
	font-weight: normal;
	}

#mainContent .vcard ul.personalLinks {
    list-style: none;
    margin: 0;
    padding: 0;
    }
ul.personalLinks li {
    display: inline;
    white-space: nowrap;
    padding: 0 2em 0 0;
    margin: 0;
    }
ul.personalLinks li:after {
    content: " |";
    padding-left: 1em;
    margin-right: -1em;
    }
ul.personalLinks li:last-child:after {
    display: none;
    }




	#bodyContainer .caption
		{
		display: none;
		}

.contentNode li { margin-bottom: 0.5em; }

.contentNode ul { margin-top: 0px; }

#mainContent ul.inlineProfileNav {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	}
	
ul.inlineProfileNav li {
	display: inline;
	text-transform: capitalize;
	font-weight: bold;
	}

ul.inlineProfileNav .divider {
	margin: 0 2px 0 5px;
	}

/* News & Events */
.newsNode
	{
	clear: both;
/*	margin-bottom: 1em;
*/	}

.newsNode .textBlockLeft
	{
	width: 425px;
/*	margin-bottom: 2em;
*/	}

.newsNode .inlineImageLeft
	{
	margin: 3px 0px 1em 0px;
/*	margin: 3px 0px 2em 0px;
*/	}

.newsNode .inlineImageLeft a
	{
	background-image:none;
	padding-right: 0;
	}

.newsNode .inlineImageLeft img
	{
	border: 1px solid black;
	}

#mainContent .newsNode h3
	{
	margin-bottom: 0px;
	margin-top: 2px;
	font-size: 1.2em;
	}

.newsNode p
	{
	margin: 0px;
	padding-bottom: 9px !important;
	}

.newsDate
	{
	color: #666;
	font-size: 0.9em;
	}

.newsFeeds, .paging
	{
	clear: both;
	text-align: center;
	margin-bottom: 1em;
	}





/* Andy's original style supplement */


/* quotes */

blockquote {
	margin: 15px 4em 0 4em;
	padding: 0 0 0 0;
}

.quoted {
	text-align: left;
	font-style: italic;
	margin: 10px 0 45px 0;
}

/* photos */

.announcement_photo {
	float: right;
	margin: 0 0 15px 15px;
	background: #d2d28f;
	font-style: italic;
}

.announcement_photo p {
	margin: 0;
	padding: 5px;
}

#president_photos ul {
	list-style: none;
	margin: 0 -15px 0 0;
	padding: 0;
	width: 550px;
	overflow: hidden;
}

#president_photos ul li {
	float: left;
	width: 260px;
	margin: 0 15px 15px 0;
	padding: 0;
	background: #d2d28f;
}

#president_photos ul li img {
}

#president_photos ul li p {
	margin: 0;
	padding: 5px;
	font-style: italic;
}

#president_photos ul li a {
	display: block;
	color: #600;
	font-style: normal;
}

/* video */
#videoBoxContainer {
	margin: 0px 0px 13px;
	width: 525px;
	height: 315px;
	background: #d2d28f;
	border: 5px solid #d2d28f;
}

#videos ul {
	margin: 0 -15px 0 0;
	padding: 0;
	width: 550px;
	overflow: hidden;
	list-style: none;
}

#videos ul li {
	float: left;
	width: 170px;
	margin: 0 13px 15px 0;
}

#videos ul li a {
	display: block;
	width: 160px;
	background: #d2d28f;
	padding: 5px;
	color: #333;
	text-align: center;
}

#videos ul li a:hover,
#videos ul li a.here {
	text-decoration: none;
	background: #84845f;
	color: #fff;
}

#videos ul li a img {
	width: 160px;
	margin-bottom: 5px;
}

/* stream */

#playercol {
	width: 535px;
	overflow: hidden;
	margin: 0 0 15px 0;
	background: #d2d28f;
	border: 5px solid #d2d28f;
}

#techcol {
	
}

#techcol h4 {
	margin: 0;
}

#techcol p {
	margin: 0 0 15px 0;
}

#techcol ul {
	margin: 0 0 15px 0;
}

#player {
	width: 320px;
	height: 270px;
	float: left;
	background: #84845f;
}

#orderofevents {
	margin-left: 330px;
	text-align: left;
}

#orderofevents h4 {
	margin: 0 0 5px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}

#orderofevents ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

#orderofevents ol li {
	margin: 12px 0 0 0;
	line-height: 13px;
	font-style: italic;
}

/* cv */

.cvdownload {
	float: right;
	width: 100px;
	background: #d2d28f;
	padding: 5px 8px;
	text-align: center;
}

.cvdownload a[href$=".pdf"] {
	padding-right: 15px;
}

#cv h3 {
	margin: 30px 0 15px 0;
	font-style: italic;
	font-size: 14px;
}

.cvsection {
	padding: 0 15px;
}

.cvsection dl {
	margin: 30px 0 0 0;
}

.cvsection dl dt {
	float: left;
	width: 140px;
	margin: 0;
	font-weight: bold;
}

.cvsection dl dd {
	margin: 0 0 15px 155px;
	font-weight: bold;
}

