body {background-color: #EEEDE4;}
a {text-decoration:none;}

h5 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {color: #CB9015; text-decoration: none;}
a:visited {text-decoration: none; color: #CB9015;}
a:hover {text-decoration: none; color: #CB9015;}
a:active {text-decoration: none; color: #CB9015;}

.bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}

.body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
}
.caption {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}

.materialsAvailable {color: #00CC33;}
.beginningStudents {color:#0099FF;}
.courseTitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; color: #CB9015; }

/*Layout*/
#indexframe {
	width:800px;
	height:559px;
	margin-top:30px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	padding:0px;
	position:relative;
	background-image:url(images/homepage_image2.png);
}

.frame {
	width:800px;
	height:84%;
	margin-top:11px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	padding:0px;
	position:relative;
	background-color:white;
	border:2px ridge black;
}

.heading {
	width:800px;
	height:210;
}

.content{
	width:475px;
	padding-top:24px;
	padding-right:76px;
	float:left;
}

.floatright {
	float:right;
}

/*Menus*/
#indexmenu {
	position:absolute;
	z-index:100;
	left:501px;
	top:64px;
	width:256px;
}

.menu {
	padding-top:24px;
	padding-bottom:24px;
	width:249px;
	text-align:center;
	float:left;
}
/*Images*/
#instPhoto {
	float:right;
	margin-left:6px;
	margin-bottom:4px;
	width: 150px;
	text-align: center;
}
img#taichitrees {
	float: right;
	margin-bottom: 4px;
	margin-left: 6px;
}

img#dragon {
	position:absolute;
	top:820px;
	left:7px;
	z-index: 100;
}

img#tiger {float:right; margin-left: 1px; margin-bottom:3px; margin-right:0px; margin-top:0px;}

img#turtle {
	position:absolute;
	top:1560px;
	left:31px;
	z-index: 100;
}

img#theWay {
	float:right;
	margin-left:6px;
	margin-bottom:4px;
	padding:10px;
	border: 2px solid gray;
}

.relative {position:relative;}

/*Hidden Characters*/

a span {display: none;}
a:hover span {
	display:block;
	background-color:white;
	font-family:Papyrus, "Times New Roman", Times, serif;
	text-decoration:none;
	text-align:center;
	color:black;
	padding:3px;
	font-size:12px;
}

div#thread {
	position:absolute;
	left: 344px;
	top: 153px;
}

div#thread a:hover span {
	position:absolute;
	left:-75px;
	top:-45px;
	width:150px;
	z-index:200;
	font-size:14px;
}

div#relax {
	position:absolute;
	left: 318px;
	top: 199px;
}

div#relax a:hover span {
	position:absolute;
	left:-75px;
	top:-20px;
	width:80px;
	z-index:200;
	font-size:14px;
}

div#center {
	position:absolute;
	left: 347px;
	top: 262px;
}

div#center a:hover span {
	position:absolute;
	left:35px;
	top:0px;
	width:90px;
	z-index:200;
	font-size:14px;
}

div#connect {
	position:absolute;
	left: 331px;
	top: 360px;
}

div#connect a:hover span {
	position:absolute;
	left:-40px;
	top:25px;
	width:120px;
	z-index:200;
	font-size:14px;
}
.attention {
	font-style: italic;
	color: #CC0033;
}
.note {
	font-size: small;
	font-style: italic;
}