body,td,th {
	color: #000000;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
body {
	background-color: #67866A;
}

/*This box (used as a div) is used across different pages for the main content to sit in*/
#other_content_box{
	background-color:#BBCD92;
	width:800px;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
a:link {
	color:#325D20;
	text-decoration:underline;
}
a:visited {
	color:#325D20;
	text-decoration:underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}

/*This box holds each part of the navigation bar.*/
#navigation_bar{
	width:802px;
	height:53px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding:0 0 0 0;
	margin:0 0 0 0;
	background-color:#ffffff;
}

#wrapper {
	background-color: #BBCD92;
	width: 802px;
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
	margin-bottom:0px;
}

/*This box holds the first part of the page, the image of the logo/text on the bamboo.*/
#logobox{
	width:796px;
	height:142px;
	overflow:hidden;
	background-image:url(images/bamboo_banner.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:1px solid #ffffff;
	border-top:3px solid #ffffff;
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
}

/*This class, when applied to the navigation bar, shows the user where they are.*/ 
.current_section{
	height:35px;
	width:156px;
	overflow:hidden;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding-top:10px;
	font-size:15pt;
	background-color:#BBCD92;
	color:#325D20;
	text-align:center;
	font-weight:bold;
}

/*This class, when applied to the navigation bar where the Contact button is, shows the user they are on the Contact page. This is needed to help keep the formatting of the text consistent with that button in particular.*/
.contact_current_section{
	height:35px;
	width:156px;
	overflow:hidden;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding-top:10px;
	font-size:15pt;
	background-color:#BBCD92;
	color:#325D20;
	text-align:left;
	text-indent:30px;
	font-weight:bold;
}

/*This class provides formatting to each navigation bar button.*/	
.nav_section{
	height:36px;
	width:156px;
	overflow:hidden;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding-top:9px;
	padding-bottom:0px;
	font-size:15pt;
	background-color:#829f4d;
	color:#ffffff;
	text-align:center;
	margin:0 0 0 0;
}

/*This group of rules is needed to hide and display the drop-down menu under the Courses button. Also, it removes unwanted formatting to the list items.*/
.nav_section ul{
	margin:0;
	padding:0;
	list-style:none;
}

.nav_section li ul{
	position:absolute;
	left:-999em;

}
.nav_section li:hover ul{
	left:auto;
	display:block;
	position:absolute;
}

li.drop:hover{
	background-color:#67866A;
}

/*The following group of ids provide the positioning of the navigation buttons as each one is in its own separate division. I preferred this method over using an unordered list to show the buttons.*/
#home_secton{
	position:relative;
	left:0px;
	top:0px;
	margin:0 0 0 0;
}

#courses_section{
	position:relative;
	left:0px;
	top:0px;
	overflow:visible;
	background-image:url(images/drop.gif);
	background-position:10px 20px;
	background-repeat:no-repeat;
	margin:0 0 0 0;
}

#faculty_section{
	position:relative;
	left:0px;
	top:0px;
	margin:0 0 0 0;
}

#careers_section{
	position:relative;
	left:0px;
	top:0px;
	margin:0 0 0 0;

}

#contact_section{
	position:relative;
	left:0px;
	top:0px;
	margin:0 0 0 0;

}

/*These rules provide formatting to the links in the navigation bar. Effective in modern browsers so far.*/
a.nav:link{
	text-decoration:none;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:9px;
	padding-left:32px;
	padding-right:32px;
}

a.nav:visited{
	text-decoration:none;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:9px;
	padding-left:32px;
	padding-right:32px;
}

a.nav:hover{
	text-decoration:none;
	color:#FFFFFF;
	background-color: #67866A;
	padding-top:10px;
	padding-bottom:9px;
	padding-left:32px;
	padding-right:32px;
}

a.nav:active{
	text-decoration:none;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:9px;
	padding-left:32px;
	padding-right:32px;
}

/*This class (and the next) formats the unordered list drop-down menu that appears when the user hovers over the Courses button.*/
.drop {
	height:20px;
	width:190px;
	font-size:11pt;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	overflow:hidden;
	text-align:left;
	background-color:#829f4d;
	padding:5px;
	position:relative;
	z-index:2;
}

ul.course_group{
	margin-top:8px;
	overflow:visible;}

/*These link rules format the drop-down menu links.*/
a.revealed:link{
	text-decoration:none;
	color:#FFFFFF;
	overflow:hidden;
	padding:5px;
	padding-left:3px;
	padding-right:8px;
}

a.revealed:visited{
	text-decoration:none;
	color:#FFFFFF;
	overflow:hidden;
	padding:5px;
	padding-left:3px;
	padding-right:8px;
}

a.revealed:hover{
	text-decoration:none;
	color:#FFFFFF;
	background-color: #67866A;
	overflow:hidden;
	padding:5px;
	padding-left:3px;
	padding-right:8px;
}

a.revealed:active{
	text-decoration:none;
	color:#FFFFFF;
	overflow:hidden;
	padding:5px;
	padding-left:3px;
	padding-right:8px;
}

#wrapper #Bodyarea #right {
	width: 370px;
	float: left;
	background-color: #C4D190;
	height: 1476px;
}

#main_table{
	border-left:3px solid #ffffff;
	border-right:3px solid #ffffff;
}

.maincontent {
	background-color: #829f4d;
		border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
}
#wrapper #Bodyarea #footer {
	height: 50px;
	clear: both;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-color: #4C7336;
	line-height: 17pt;
	letter-spacing: .3em;
	font-size: 12px;
	color: #FBF3DC;
}

/*This id formats the footer information. It is often included in with the wrapper or just outside the wrapper in the html file.*/
#footerbox{
	width:796px;
	height:25px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12pt;
	letter-spacing: .1em;
	text-align:center;
	padding:3px 0 0 0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:20px;
	background-color:#829f4d;
	border:3px solid #ffffff;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#wrapper #Bodyarea #left {
	width: 410px;
	float: left;
	background-color: #BBCD92;
}

p {
	margin: 20px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	color: #000000;
	line-height: 18pt;
}
h1 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 24px;
	color: #325D20;
	text-indent: 20px;
	letter-spacing: 0.3em;
}
.sidebar {
	text-decoration: none;
	text-align: center;
	background-color: #7EA482;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
}
.imageshadow {
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
}
.image-left {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-top: 8px;
}
.image-right {
	margin-right: 8px;
	margin-left: 8px;
}
.image-right_2 {
	float: right;
	margin-left: 8px;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 8px;
}
h2 {
	font-size: 18px;
	letter-spacing: 0.2em;
	color: #325D20;

}

.spa_menu {
	background-color: #7EA482;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
}