@charset "UTF-8";
/* CSS Document */

* {margin: 0; padding: 0;} /* important to get consistent rendering among all browsers. Sets margin and padding of every element to 0px */

body {
	background-color: #760c0c;
	margin: 0;
	text-align: center; /* required to center body in IE5 PC */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em; /* specify base font size in em's, all others in % */
	color: #930; /* specify default font color. Three digit colors are shorthand: #930 = #993300 */
}

a img {
	border: none;
}

/********* Outer styles ***********/
.outer {
	background: url(../ui/content_bg.gif) repeat-y;
	position: relative;
	width: 965px;
	margin: 0 auto; /* centers the layout for most browsers */
	text-align: justify; /* left-justifies all text. Required since we used text-align:center in the body tag to center the whole layout for IE5 PC */
}

#row1 {
	width: 965px;
	background: url(../ui/content_bg.gif) repeat-y;
}

#row2 {
	width: 965px;
	background: url(../ui/content_bg.gif) repeat-y;
}

/********* Masthead, Logo, and Navigation styles *************/
#logoTop {
	float: left;
	width: 254px;
	height: 117px;
}
	
#logoTop h1 span, #masthead span {
	display: block;
	position: absolute;
	left: -9999px;
}

#masthead {
	width: 711px;
	height: 117px;
	background: url(../ui/clouds.jpg) no-repeat #930;
	float: left;
}
	
#utilityNavWrapper {
	margin-top: 20px;
	background: url(../ui/utility_nav_solid_bg.gif) left bottom no-repeat;
}
	
#utilityNavWrapper .rightEnd {
	float: right;
	width: 35px;
	height: 29px;
	background: url(../ui/utility_nav_right_end.gif) top #720a09;
}
	
#utilityNav {
	width: 663px; /* must be done so bg image renders correctly */
	float: left;
	margin-left: 13px;
	list-style: none;
	display: inline;
	background: url(../ui/utility_nav_bg.gif) no-repeat;
}
	
#utilityNav li {
	float: right;
	font-size: 90%;
	margin-right: 0px;
	display: inline;
}
	
#utilityNav a {
	display: block;
	padding: 9px 0px 8px 26px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	background: url(../ui/utility_nav_sunburst.jpg) left no-repeat;
}
	
#utilityNav a.first {
	background: none;
}
	
#utilityNav a:hover {
	color: #d69600;
}

#mainNavigation {
	width: 965px;
	background: url(../ui/main_nav_bg.gif) center top no-repeat #014b00;
	float: right;
	border-top: 2px solid #fff;
}

#breadcrumbWrapper {
	padding-top: 10px;
	background: url(../ui/content_nosidebar_bg.gif) repeat-y;
}
	
#breadcrumbTrail {
	padding: 7px 0 7px 5px;
	border-top: 1px dotted #daa988;
	border-bottom: 1px dotted #daa988;
	width: 896px;
	margin: 0 auto;
	color: #930;
	font-size: 90%;
}
	
#breadcrumbTrail a {
	font-size: 100%;
	color: #036;
	padding: 10px 12px 10px 0;
	background: url(../ui/double_arrows.gif) right no-repeat;
}
	
#breadcrumbTrail a:hover {
	color: #930;
	text-decoration: underline;
}

/*** See style sheet p7pmh0.css for p7PMnav styles (main navigation) ***/

#graphicSubHeader {
	clear: both;
	border-top: 2px solid #fff;
	width: 965px;
	height: 171px;
}
	
#homepage #graphicSubHeader {
	height: 159px;
	background: url(../images/homepage_header.jpg) no-repeat;
}

#contentWrapper {
	width: 965px; /* includes center content plus side bar on right */
}
	
#content {
	float: left;
	width: 600px;
	margin: 15px 10px 5px 25px; /* t r b l */
	padding: 0 15px 15px 20px;
	display: inline;  /* do not remove. required to work-around the IE6 and below doubled-margin bug */
	line-height: 140%;
}
	
* html #content { /* IE6 & below fix */
	margin-bottom: 20px;
}
	
#content .itemBox {
	clear: both;
}
	
#content .pictureBoxRight {
	float: right;
	text-align: right;
	padding: 10px 0px 10px 20px;
}
	
#content .pictureBoxLeft {
	float: left;
	padding: 10px 15px 10px 0px;
}

#content h4.bios {
	font-size: 120%;
	color: #117011;
	font-weight: normal;
	padding: .6em 0 0 0;
	}
	
#content p.bios {
	color: #000;
	font-size: 100%;
	line-height: 140%;
	padding: 0 0 1.3em 0;
	}	
	
#content h4.subtitle {
	color: #930;
	font-style:italic;
	font-size: 110%;
	margin-top: -0.2em; /* move closer to title above */
	padding-bottom: 1.3em;
	}

#sidebar {
	float: right;
	width: 209px;
	/*height: 325px; /* was 625 px */
	margin-right: 23px;
	padding: 25px 29px 0px 30px;
	background: url(../ui/sidebar_bg.jpg) bottom no-repeat #ffffff; /* #fee3ab; */
	display: inline;  /* do not remove. required to work-around the IE6 and below doubled-margin bug */
}
#homepage #sidebar {
	padding-top:10px;
}

* html #homepage #sidebar { /* IE6 & below fix, VERY imortant! */
	padding-right: 13px;
}
		
#sidebarFooter {
	position: absolute;
	left: 685px;
	top: -85px;
	width: 209px;
	border-top: 1px dotted #daa988;
	/*background: #fee3ab;*/
	padding: 10px 0 0 10px;
}

/******** footer styles **********/
#footerWrapper {
	position: relative; /* Needed to absolutely position the sidebarFooter */
	clear: both;
	background: url(../ui/footer_bg_tile.gif) 5px 0px repeat-y; /* solid green */
	margin: 0 auto;
	width: 940px;
	height: 100%;
}
	
#footer {
	clear: both;
	background: url(../ui/footer_bg.jpg) center bottom no-repeat;
	padding: 9px 0 35px 0;
	color: #fff;
	text-align: left;
	font-size: 85%;
}

#footerLeft {
	float: left;
	padding-left: 15px;
	font-size: 140%;
}
	
#footerRight {
	float: right;
	padding-right: 25px;
}

/********* Image styles *************/
#homepage #content img {
	float: left;
	margin: 0 20px 10px 0;
}

#homepage #sidebar img {
	margin-left: -31px;
}

.imagecenter {
	text-align: center;
	padding: 0 0 10px 0;
/* removed by ronz: */
/*	margin: 10px; /* generally don't need both padding and margin
/*	height: auto; /* in general heights should not be specified unless there's a very specific need */
/*	width: 100%; /* not needed */
}

#accommodations #sidebar #pdf img {
	float: left;
	padding-right: 5px;
}

#leadership #content img {
	float: left;
	margin: 0px 20px 10px 0;
}

/********* Heading styles ************/

#homepage #content h3 {
	font-size: 135%;
	font-weight: bold;
	text-decoration: underline;
	color: #117011;
	padding: 0.4em 0;
	line-height:130%;
}

#content h2 {
	font-size: 135%;
	font-weight: bold;
	color: #117011;
	padding: 0.4em 0 1em 0;
}
	
#content h3 {
	font-size: 120%;
	font-weight: bold;
	color: #012e57;
	padding: 0.4em 0;
}
	
#homepage #sidebar h3 {
	font-size: 130%;
	color: #930;
	text-align: left;
	padding: 1.2em 0;
	background: none;
}
	
#sidebar h3 {
	font-size: 120%;
	font-weight: bold;
	color: #012e57;
	padding: 1em 0 0 0; 
}

#content .h2noparagraph {
	padding-bottom:2em;
}
	
/********* Text styles ************/

#content p {
	font-size: 110%;
	line-height: 150%;
	padding-bottom: 1.3em;
	text-align: justify;
}

#homepage #content p {
	font-style: italic;
	color: #8d1e1b;
}

#sidebar p {
	color: #930;
	font-size: 120%;
	line-height: 150%;
	padding-bottom: 1.6em;
}

#leadership p.subText, #activities p.subText {
	font-size: 90%;
}

#leadership #sidebar p.subText, #content #sidebar p.subText {
	margin-top: -20px;
	font-size: 90%;
}

#homepage #sidebar p {
	font-size: 120%;
	line-height: 150%;
}

#accommodations #sidebar #pdf p {
	color: #002d57;
	padding: 0.5em 0px 1em 40px;
}

#activities #sidebar p {
	color: #002d57;
	padding: 0.5em 0px;
}

.caption {
	size: 85%;
	color: #666;
}

/********* Link styles ************/

a {
	color: #024f02;
}
	
a:hover {
	text-decoration: none;
}

a.blue {
	color: #012e57;
	font-size: 100%
}

a:hover.blue {
	color: #930;
	text-decoration: underline;
}

a.green {
	color: #035801;
	font-size: 90%;
}

a:hover.green {
	color: #930;
	text-decoration: underline;
}

a.bigGreen {
	color: #035801;
}

a:hover.bigGreen {
	color: #930;
	text-decoration: underline;
}

/* "Back to top" links */
p.back {
	font-size: 80%;
	padding-top:1em;
}
p.back a{
	font-size: 80%;
}

#footer a {
	font-size: 100%;
	color: #fff;
}
#footer a:hover {
	color: #d69600;
}

/********* Rule styles ************/

#content hr {
	clear: both;
	width: 100%;
	border-top: 1px dotted #daa988;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #fff;
	margin: 1em 0;
}

#sidebar hr {
	clear: right;
	width: 210px;
	margin: 1em 0;
	border-top: 1px dotted #daa988;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #fff;
	display: block;
}

#leadership #sidebar hr, #activities #sidebar hr {
	margin-top: 0;
}

/**** random ***/

#sidebar ul {
	color: #000;
	font-size: 95%;
	margin: -1em 0 0 15px; /* left indent in intended to be px, not em */
	padding-bottom: 1.6em;
	line-height: 200%;
	list-style-type: circle;
	text-align: left;
}

#accomodations #sidebar ul {
	color: #930;
	font-size: 95%;
	margin: -1em 0 0 15px; /* left indent in intended to be px, not em */
	padding-bottom: 1.6em;
	line-height: 200%;
	list-style-type: none;
	text-align: left;
}

#content ul {
	color: #930;
	padding: 0px 0px 20px 40px; /* left indent in intended to be px, not em */
	line-height: 130%;
	font-size: 110%;
	padding-left: 50px;
	list-style-type: circle;
	text-align: justify;
}

#content ol {
	color: #930;
	padding: 0px 0px 20px 40px; /* left indent in intended to be px, not em */
	line-height: 130%;
	font-size: 110%;
	padding-left: 50px;
	text-align: justify;
}

#homepage #content ul {
	color: #8d1e1b;
	font-style: italic;
	padding-left: 140px;
	line-height: 130%;
}	

#homepage #sidebar ul {
	color: #930;
	font-size: 120%;
	margin: -1em 0 0 20px; /* left indent in intended to be px, not em */
	padding-bottom: 1.6em;
	line-height: 130%;
}

#homepage #sidebar li {
	padding-bottom: 10px;
}

table.classdates {
	width: 100%;
	margin: 0 0 15px 0;
	border: 1px solid #f79a28;
	}
table.classdates th {
	color: #fff;
	text-transform: uppercase;
	background-color: #f79a28;
	text-align: left;
	padding: 5px 0 5px 20px;
	border: 1px solid #fff;
	}
table.classdates td {
	background-color: #fef1e0;
	text-align: left;
	padding: 10px 10px 10px 15px;
	border: 1px solid #fff;
	}


/***** http://www.positioniseverything.net/easyclearing.html ***/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */