a { 
	color: #008000; 
	text-decoration: underline;
	font-weight:bold;
}
a:hover { color: #00FF00 }
a:visited { color: #008000 }
a.second     { color: #008000 }
a.second:hover { color: #00FF00 }
a.second:visited { color: #008000 }
a.second:hover { color: #00FF00 }
.text {color:black;
/*	font:"Footlight MT Light";*/
	font-size: 10pt;
	font-weight: 600;
	text-align: left; 
	padding: 10,10,10,10;
	}   

.menuText {padding-left:10px; }
H2.tealH2 {	
	color:Teal;
}

body         { 
	background-color:#FFFFFF; 
/*	font-family:"Footlight MT Light",Times,serif;*/
}


.pullquote_left { 
	width: 200px; 
	margin: 5px 15px 5px 0; 
	font-size: 1.4em; 
	text-align: center; 
	float: left; 
}

.pullquote_right { 
	width: 200px; 
	margin: 5px 0 5px 15px; 
	font-size: 1.4em; 
	text-align: center; 
	float: right; 
}

.headname{
	display:none;
}
.section {
	display:table;
	padding:15px;
}

.contText {
	display:table-cell;
	vertical-align:middle;
}

.contTextSubPage {
	display:table-cell;
	vertical-align:top;
	padding-right:100px;
}

.infochunk {
	display:table-cell;
	vertical-align:top;
	width:30%;
	padding-right:50px;
}

/* main page only */
#flickr {
	float:right;
	display:table;
	display:none;
}

#flickr2 {
	/*display:table;
    margin-left:auto;
    margin-right:auto;

	clear:both; */
}

#commentarySection{
	background-color:#EEFFEE;
	display:table;
    margin: 0 auto;
	margin-bottom:10px;
	padding:20px;
	width:200px;
	float:right;
}








/* class pages only */


#classTopSection{
	max-width:30%;
	width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "15em":
        "auto" );
	min-width:250px;

}

#classContactSection{
	min-width:250px;
	background-color:#EEFFEE;
    margin: 0 auto;
	margin-bottom:10px;
}

#classSectionHead{
	margin:10px 0px 20px 0px;
	color:#004000;
	font-size:14pt;
	text-align:center;
	font-weight:bold;
}

#assignmentSection{
	max-width:600px;
	width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "30em":
        "auto" );

	min-width:350px;
	overflow:auto;
	float:right;
	margin:25px 25px 0px 25px;
	height:90%;
}

.assignment{
	margin-bottom:25px;
	border-top: medium solid #AAAAAA;
}

.xassignment{
	display: none;
}

.next{
	margin-bottom:25px;
	border-top: medium solid #AAAAAA;
}

#notesSection{
	max-width:30%;
	width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "15em":
        "auto" );
	min-width:250px;
	overflow:auto;
	margin:25px 25px 0px 25px;
}

.notes{
	margin-bottom:25px;
	font-size:10pt;
}





/* all pages */

#spacer {
	height:70px;
}

#topSection {
	display:table;


}


#sealImg{
	float:left;
}
#toptext{
	display:table-cell;
	vertical-align:middle;
	color:#000000;	
}
#name {
	color:#008000;
	font-size:38pt;
}
#title {
	color:#000060;
	font-size:30pt;
	margin-left:20;
}	
#hccname {
	font-size:18pt;
}
#subtitle {
	font-size:14pt;
}
#hr1 {
	clear:both;
}

#middleSection{
	display:table;
	margin-right:auto;
	margin-right:auto;
	width:95%;
}

#contactSection{
	padding-top: 5px;
	padding-bottom: 5px;
	display:table;
	background-color:#EEFFEE;
	float:left;
	margin-right:30;
}


#mailSection {
}

#mailboxImg {
	float:left;
	margin-right:100px;
	display:none;
	vertical-align:middle;
}


#phoneSection {

}
#addy {
	text-align:center;
	margin-bottom:10px;
}
#num {
	text-align:center;
	margin-bottom:10px;
}
#office {
	text-align:center;
}

#phoneImg {
	float:left;
	margin-right:100px;
	display:none;
}

#rulerImg {
	float:left;
	margin-right:100px;
	display:none;
}

#linkSection {
}

#classSection {
	text-align:center;
	margin-right:auto;
	margin-left:auto;

}

#businessSection {
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}


#styleSection{
	clear:left;
	font-size:10pt;
}

 .hidden { display: none; }
 .unhidden { display: block; }
 	
 .stayput {  
 	position: absolute; 
 	z-index:100;
  	top: 20px;  
  	left: 20px;  
  	height:90%; 
  	width: 35%; 
  	max-width:350px; 
  	padding-left:5px
 }