body {
margin: 0px 0px 0px 0px;
color: #444444;
}

#div_main {
height: 950px; 
width: 557px; 
overflow:auto; 
border:0px solid blue; 
font-family:arial; 
font-size: .8em; 
padding-left:8px;
margin-left:15px;
}
a {color: #0000ff; text-decoration: underline; }
a:visited {color: #664499; text-decoration: underline; }
a:hover {color: #0055dd; text-decoration: underline; }
a:active {color:#33AAEE; }

#div_main_teachers {
height: 1500px; 
width: 557px; 
overflow:auto; 
border:0px solid blue; 
font-family:arial; 
font-size: .8em; 
padding-left:8px;
margin-left:15px;
}

#div_main_large {
height: 1500px; 
width: 557px; 
border:0px solid blue; 
font-family:arial; 
font-size: .8em; 
padding-left:8px;
margin-left:15px;
}

#div_main_reg {
height: 1100px; 
width: 557px; 
overflow:auto; 
border:0px solid blue; 
font-family:arial; 
font-size: .8em; 
padding-left:8px;
margin-left:15px;
}

#div_main_reg b {
color:#003366;
}

#div_main_priv {
height: 1500px; 
width: 557px; 
overflow:auto; 
border:0px solid blue; 
font-family:arial; 
font-size: .8em; 
padding-left:8px;
margin-left:15px;
}
a {color: #0000ff; text-decoration: underline; }
a:visited {color: #664499; text-decoration: underline; }
a:hover {color: #0055dd; text-decoration: underline; }
a:active {color:#33AAEE; }


#div_main_priv b {
color:#003366;
}


#div_main b {
color:#003366;
}

#div_find {
height: 80px; 
width: 329px; 
border:0px solid #888888; 
float:right;
margin-right:100px;
}
#div_find1 {
height: 75px; 
width: 98px; 
border:0px solid orange;
position:absolute;
margin-top:0px;
margin-left:0px;
}
#div_find2 {
height: 75px; 
width: 98px; 
border:0px solid purple;
position:absolute;
margin-top:0px;
margin-left:98px;
}
#div_find3 {
height: 75px; 
width: 129px; 
border:0px solid green; 
position:absolute;
margin-top:0px;
margin-left:196px;
}


#span_find1 a {
	display:block;
	width: 98px;
	height: 75px;
	background-image:url("../images/findateacher.jpg");
	background-position:-2px -0px;
} 

#span_find1 a:hover {
	background-position:-2px -82px;
} 

#span_find1 a:active {
	background-position:-2px -82px;

}

#span_find2 a {
	display:block;
	width: 98px;
	height: 75px;
	background-image:url("../images/findateacher.jpg");
	background-position:-94px -0px;
} 

#span_find2 a:hover {
	background-position:-94px -82px;
} 

#span_find2 a:active {
	background-position:-94px -82px;

}

#span_find3 a {
	display:block;
	width: 129px;
	height: 75px;
	background-image:url("../images/findateacher.jpg");
	background-position:-190px -0px;
} 

#span_find3 a:hover {
	background-position:-190px -82px;
} 

#span_find3 a:active {
	background-position:-190px -82px;

}


#div_footer {
height: 28px; 
width: 670px; 
overflow:auto; 
border:0px solid blue; 
font-family:arial; 
font-size: .7em; 
color: #999999;
padding-right:38px;
padding-top:4px;
}


#div_footer a {
color: #999999
} 

#div_footer a:hover {
color:#000;
} 

#div_footer a:active {
color: #999999;

}


/*  ////////////////////////DROP DOWN MENU /////////// */
/* Copyright (c) http://www.cssplay.co.uk/menus/final_drop.html */
/*  Keep the order of all these events for it to work! */

.menu {
	width:720px; 
	height:32px; 
	margin-left:15px;
	position:relative; 
	z-index:100;
	border:0px solid purple;
	font-family:arial;
	letter-spacing: 0px
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu li { 
	float:left;
	width:79px; /* DISTANCE FROM ONE WORD TO ANOTHER - TOP WORDS (don't change!)*/
	position:relative; 
	border:0px solid green;
} 

/* Top level BACKGROUND COLOR LOWER BOXES, BORDER CHANGES ALL BOXES BORDER COLOR */
.menu a, .menu a:visited {
	border:1px solid #000055;
	background:none; /* TOP BOX COLOR or NO COLOR!! USE for Positioning */
	display:block;
	font-size:.80em; /* font for top words*/
	text-decoration:none; 
	color:#99ccff; /* top level word color ONLY */
	width:62px; /* area behind the words on top level */ 
	height:30px; 
	border-width:0px 0px 0px 0px; 
	padding-left:10px; 
	line-height:29px;
} 
/* SECOND LEVEL BG COLOR NEAR THIRD LEVEL DROPDOWN */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#99ccff url("../images/drop.gif") bottom right no-repeat;} /* middle color dropdown indication */
/* style the second level hover CHANGE DROPDOWN HOVER COLOR for DROPDOWN BUT MAIN COLUMN */
.menu ul ul :hover > a.drop {background:#6699cc url("../images/drop.gif") bottom right no-repeat;}
/* THIRD LEVEL BG STEADY COLOR*/
.menu ul ul ul a, .menu ul ul ul a:visited {background:#99ccff;}
/* THIRD LEVEL BG HOVER COLOR */
.menu ul ul ul a:hover {background:orange;}

/* HIDES EVERYTHING!! position is absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:29px; /* distance from very top box CHANGE IF TOP BOX SIZE IS CHANGED */
	left:0; 
	width:49px; /* make larger if box sizes are changed */
	border-top:1px solid black; /* small border color on TOP of dropdown */
}

/* position the third level flyout menu IF THE DROPDOWN BOX SIZE IS CHANGED, CHANGE THIS TOO ##################### */
.menu ul ul ul{left:149px; top:-1px; width:149px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* TOTAL BOX BACKGROUND COLORS - STEADY */
.menu ul ul a, 
.menu ul ul a:visited {
	background:#ccffff; /* boxes color */
	color:#000; /*inner words dropdown color */
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:128px; /* DROPDOWN BOX SIZE ##################### */
	border-width:0 1px 1px 1px;
}

/* TOTAL HOVER COLORS */
.menu :hover > a, .menu ul ul :hover > a {
	color:#fff;
	background:#000022; /* TOP BOX COLOR HOVER */
}


/* Don't Change this */
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/*.menu ul ul a.drop:hover{background:green url("../images/drop.gif") bottom right no-repeat;}*/
/*.menu a:hover, .menu ul ul a:hover{color:#fff; background:orange;}*/
/*.menu ul ul {width:149px; border:1px solid brown;}*/ 
/* style the table so that it takes no part in the layout - required for IE to work */
/*.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}*/

/* ////////////////////////// */

.td_dark
{ 
background:#bbbbbb; 
padding:0px;
border:1px solid blue;
text-align:center;
}

.td_light
{ 
background:#cccccc;  
padding:5px;
text-align:center;
}

#span_top a {
display: block;
width: 200px;
height: 110px;
background-image:none;
border:0px solid red;
}

tr.old1 {
background:#fff;
}

tr.old2 {
background:#ccc;
}

#span_contact {
color:#333333;
font-family:verdana;
font-size:.8em;
}


.teacher_table a {
color:#ccffff;
}

.teacher_table a:hover {
color:#6699ff;
}

.teacher_table :visited {
color:#ccffff;
}

.td_spacer {
width:10px;
}
.div_teachers {
border:2px solid #333333;
background:#666699;
color:#eeeeee;
width:530px;
padding:10px;
}

.div_teachers2 {
border:2px solid #333333;
background:#6666aa;
color:#eeeeee;
width:530px;
padding:10px;
}