body {
width:775px;
margin:0 auto;
margin-top:0px;
}


/* ----- ROLLOVER ----- */

a.rollover {
display:block;
height: 75px;
width: 75px;
color:#333;
background: url("images/et_thumb_r.png") 0 0 no-repeat;
text-decoration: none;
}
a:hover.rollover { 
background-position: 0 -75px;

}


/* ----- FONTS ----- */

a:link {color: ##000; text-decoration: underline; }
a:active {color: ##000; text-decoration: underline; }
a:visited {color: ##000; text-decoration: underline; }
a:hover {color: ##000; text-decoration: none; }

.title_font {
font-size: 25px;
font-family: Georgia, "Times New Roman", Times, serif;
padding: 10px;
}

.main_font {
font-size: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
color: ##000;
}

.main_fonta {
font-size: 40px;
font-family: Georgia, "Times New Roman", Times, serif;
color: ##000;
}
.main_fontb {
font-size: 30px;
font-family: Georgia, "Times New Roman", Times, serif;
color: ##000;
}
.main_fontc {
font-size: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
color: ##000;
}
.main_fontd {
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #000;
}


.red_lg {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: e72029;
	font-weight: bold;
	font-size: 25px;
}

.red_36 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: e72029;
	font-weight: bold;
	font-size: 20px;
}

.biotext {
	color: ##000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}


.classtext {
	color: ##000;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 13px;

}

.loctext {
	color: ##000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

.nametext {
	color: ##000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}

.timetext {
	color: ##000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}

.link {
	color: ##000F;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: small;
}

.title {color: ##000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 36px; }

.teach {
	color: ##000;
	font-weight: bold;
	text-align: left;
}

/* ----- HEADER ----- */

#header {
	margin-top:0px;
	width:800px;
	height:auto;
	background-color:##FFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	text-align: center;
	clear: both;

}

#mainbox {
	margin-top:5px;
	width:800px;
	height:700px;
	background-color:###FFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	text-align: center;
	clear: both;

}

#leftbox {
    float:left;
	margin-top:5px;
	width:330px;
	height:1850px;
	background-color:###FFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	text-align: center;

}

#rightbox {
    float:right;
	margin-top:5px;
	width:450px;
	height:1850px;
	background-color:###FFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	text-align: center;


}

#classpod {
    float:left;
	margin-top:0px;
	width:330px;
	height:95;
	background-color:###FFF;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: left;

}

#headerb {
text-align:left;
margin-top:0px;
width:auto;
height:40px;
background-color:###FFF;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
text-align: center;
clear: both;

}

 .floatcenter
{
	float: none;
	border: 2px solid white;
	margin: 0px 3px 0px 3px;
	margin-bottom: 10px;
}

 .floatright
{
float: right;
margin: 5px 5px 5px 5px;
width:250px;
border: 15px solid white;
}

 .floatbottom
{
float: left;
margin: 10px 10px 10px 10px;
border: 5px solid white;
}

 .floatleft
{
float: left;
margin: 2px 2px 2px 2px;
width:95px;

}

 .floatgallery
{
	float: clear;
	margin: 2px 2px 2px 2px;
	width:800px;

}


 .floatleftclear
{
float: left;
margin: 0px 0px 0px 0px;
border: 0px solid black;
clear: right;
}

 .floatlogo
{
float: none;
margin: 10px 10px 0px 0px;
}


.rollover a { display:block; width:32px; background-color: #FFFFFF}
.rollover a:hover { background-color: #990000}


.floatbio
{
float: left;
width: 95px;
height: 90px;
margin: 5px 0px 0px 0px;
background-color: ###000;
padding: 2px;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
}

div.floatbio img
{
border-top: 2px solid #fff;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
}

p { margin-top: 0; }

/* ----- NAVIGATION ----- */

#navigation {
width:800px;
height:23px;
background-color:###FFF;
margin-top:10px;
text-align: center;
clear: both;

}


#navbox {
	float:left;
	width:125px;
	height:20px;
	margin-top:2px;
	text-align: center;
	border-top: 0px solid red;
	border-right: 2px solid blue;
	border-bottom: 0px solid red;
	border-left: 2px solid blue;
	background-repeat: repeat-x;
	background-image: url(images/but_01.png);
}

/* ----- MAIN CONTENT ----- */

#content { 
width:auto;
min-height:450px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:800px; /* for IE5.x and IE6 */
background-color:###000;
margin-top:10px;
padding:10px}


/* ----- FOOTER ----- */

.floatfooter
{
	float: none;
	border: 2px solid white;
	margin: 0px 10px 0px 10px;
	margin-bottom: 10px;
	clear: both;
}


#footer {
    float: clear;
	margin-top:5px;
	width:auto;
	height:90px;
	background-color:#fff;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	text-align: center;
	border: 5px solid gray;
}