/*Classes*/


#tree {
width:255px;
height:1016px;
float:left;
margin:0;
padding:0;}
	
#tree ul {
float:left;
list-style:none;
margin:0;
padding:0;}
	
#tree a {
width:255px;
display:block;}

/*tree leaves*/
#tree a#instructors {
height:193px;
background:url(../images/classes/instructors_on.gif) top left no-repeat;}

#tree a#right_class {
height:245px;
background:url(../images/classes/right_class_on.gif) top left no-repeat;}

#tree a#ceus{
height:259px;
background:url(../images/classes/ceus_on.gif) top left no-repeat;}

#tree a#web_culture {
height:319px;
background:url(../images/classes/web_culture_on.gif) top left no-repeat;}

/*rollovers*/	
#tree a#instructors:hover {
background:url(../images/classes/instructors_over.gif) top left no-repeat;}
	
#tree a#right_class:hover {
background:url(../images/classes/right_class_over.gif) top left no-repeat;}

#tree a#ceus:hover {
background:url(../images/classes/ceus_over.gif) top left no-repeat;}
	
#tree a#web_culture:hover {
background:url(../images/classes/web_culture_over.gif) top left no-repeat;}

#classes_main {
width:395px;
height:1016px;
float:left;
text-align:center;
background:url(../images/classes/stem.gif) bottom left no-repeat;
margin:0;
padding:0;}

#video {
width:360px;
margin:0 auto;
}

/*flower buttons under video*/
#buttons {
width:392px;
height:115px;
margin:10px 0 20px 0;
}

#buttons ul {
float:left;
list-style:none;}

#buttons li {
float:left;}
	
#buttons a {
width:94px;
height:115px;
display:block;
padding:0 2px;}

#buttons a#simple {
background:url(../images/classes/simple.jpg) top left no-repeat;}

#buttons a#web_based {
background:url(../images/classes/web_based.jpg) top left no-repeat;}

#buttons a#interactive_based {
background:url(../images/classes/interactive_based.jpg) top left no-repeat;}

#buttons a#alaska_based {
background:url(../images/classes/alaska_based.jpg) top left no-repeat;}

/*scrolling content*/
#content {
width:300px;
height:300px;
overflow:auto;
margin:20px auto 0 auto;
text-align:left;}