/*  colors from Microsoft template personal 7 
  #808080 - gray navigation border
 #FFEEAA - yellowish navigation color
 #8B0000 - dark red masthead, headers etc, navigation link
 color: #725972; /*dark-lilac color - text in masthead*/




*/


/* ----all coors section  ----*/
body{
	
	
}
/* ----all colors section  ----*/
body {
	
	/*background-color: #336699 ;*/ /*blue color from microsoft template*/
	
	/*background-image:url('../images/quads.gif');*/
	background-image:url('../images/RulerCompass_BlackLightBrown.gif');
	
	/*background-image:url('../images/RulerCompass_BlackBrown.gif');*/
	/*background-image:url('../images/RulerCompass_BlackLightBrown.gif');*/
	/*background-image:url('../images/RulerCompass_BlackPaleWarmBrown.gif');*/




	background-repeat: repeat;
	background-attachment: scroll; 
	background-color: #f2f2f7;  /*very light licac*/
	/*background-color: #f2f280; */ /* very yellow - used for new-nas */	
}




/* whole content of thee page table */
.all_content {
 /*background-color:  #FFEEAA ;  something yellowish */	

background-color: #f2f2f7;  /*very light licac*/
/*background-color: #f2f280; */ /* very yellow - used for new-nas */	

border-color: #725972; /*dark-lilac color*/
border-style: groove;
}


/*no borders around hte data cells unless we ask for */
.all_content td {
border-color:  #f2f2f7 ;/*very light licac*/
}

#masthead {
	/*background-color: #336699; */  	/*blue color from microsoft template*/
	background-color: #dfb8df;   
	/*darker lilac , coinside with the color of background image*/
	
	background-image:url('../images/lilac_back.GIF');
	background-repeat: repeat;
	color: #725972; /*dark-lilac color*/
	



}
#masthead h1 {
	/*background-color: #336699; */  	/*blue color from microsoft template*/
		color: #725972; /*dark-lilac color*/
}




.content {
	/*background-image:url('../images/owl_small_transp.GIF');
	background-position:2px 2px;
	background-repeat: repeat-x;*/
	border-color:#725972;  /*dark lilac */
}


.navigation  a {
	background-color: #FFEEAA ;   /*something yellowish */	
	border-color:#725972;  /*dark lilac */
	color:#725972;
}

.navigation a {
	color: #8b0000;				/*dark red */		
	
	background-color: #dfb8df;   /*darker lilac */

	background-color: #FFEEAA ;  /* yellowish stuff */
}

	
.navigation   a:hover {
	background-color: #FFEEAA ;  /* yellowish stuff */
	color:#FF9900;   /*orange */
	}

.navigation   a:active {
	background-color: #FFEEAA ;  /* yellowish stuff */
	color:#FF9900;   /*orange */
	
}

/* color of horizontal tab boundaries */
.navigation_hor   a {
border-color:#808080;   /*grey */
}

/* color of vertical tab boundaries */
.navigation_vertical  a {
border-color:#808080;   /*grey */
}


/* tab at the top tha is currently selected */	
.tab_selected a{
background-color: #dfb8df; /*darker lilac */
border-color:#725972;
	
}

.teacher_name {
color:#725972;  /*dark lilac */
color: #600   /*dark red, like headers */

}



/* footer  backgroound color */
.footer {	
	/*background-color: #DDDDAA; */ /*something grenish */	
}

/*---------in-text links colors -----------------------------*/

/* Links */
a {
	color: #8b0000;			/*dark red */
	text-decoration: underline;
}
a:hover {
	color: #ffaa33;   /*orange-looking */
	text-decoration: underline;
}


/* --------other settings------------ */




.KResultsTable {
	border: medium solid #660000;
	text-align: center;
	

}


#masthead {

	padding: 20px;
		
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

}


.all_content {
/*width: 680px;  */  /*old width */
width: 800px;   /* new width */
border: 0px;
}

.all_content table {
border-collapse:collapse;
border: 3px;
margin:0px;

}


/*no borders around hte data cells unless we ask for */
.all_content td {
	border-width:0px 0px 0px 0px;
	border-style:none;
}

#masthead h1 {
		margin-bottom:15px;
		margin-top:25px;
		margin-left:5px;


}

	

/*-------------navigation styles and borders ------------------------*/
.navigation   {

	border: none;   /* grey color border arond links */
	border-collapse:collapse; 
	/*we want vertical navigation table to fit close ot borders */
	
}
 
/*navigation links colors amd styles */

.navigation a {

	font-weight: bold;	
	text-decoration: none;	 /*don't want underscoring in navigation links */
   


}


/*horizontal navigation position*/

/*
.navigation_hor   {
	border-top: none;
	border-bottom: 1px solid #808080;

}
*/

/* we want the tabs in horizintal browsing are 
to fill the horizontal bar without spaces So margins are 0*/
.navigation_hor   ul {
	list-style-type: none; /* no list element marks */
	width: 100%;
	margin:0px ;
	padding:10px 5px 5px 5px;
	border: none;	
}

.navigation_hor  li {
	float: left;   /*this thing keeps then horiozntal */
	display: inline; 
	/*element displayed inline, without line break befor and after lement */
	/* by default, list items are block eelments */
	margin-left:5px;
}


/*here we are setting horizontal tab boundaries */
/*these can't be relocated up the tree tp li */
.navigation_hor   a {

	padding: 10px ; /* want thick buttons */
	display: block;  /*important. If removed, padding disappears */
	
	margin:0px ; 
	border-style:solid; 
	border-width:2px 2px 2px 2px;	}



/*vertical */
	
.navigation_vertical   {
    border:none;
    border-collapse:collapse;


    }
 
  
  /* the two styles below are kind of compromize.
  We want the navigation to be 5 pix away from the boundary, 
  but we want the vertical links to be wide enough */
.navigation_vertical table {
	
	margin-left: 5px;
	margin-top: 5px;
} 

.navigation_vertical_sub   {
width: 100%; 

}


.navigation_vertical  a {

	padding: 10px 2px ;
 /* want thick buttons */
		
	border-style:solid;
	border-width:2px 2px 2px 2px;
	
	display: block;  /*important. If removed, padding disappears */
	}

	/* the main content */
.content {
	
	margin:5px;
	padding:30px;

	border-width:3px;
	border-style:solid;	/*background-image:url('../images/owl_small_transp.GIF');
	background-position:2px 2px;
	background-repeat: repeat-x;*/

}



/*teacher presentation separators */

.separator {
	
	clear:left;
	margin-top:25px;
}
.left_element {
	
	float: left;
}
.right_element {
	
	float:  right;
	margin:10px 15px 10px 20px;

}

.bio {
	margin: 0px 10px 10px 150px;
}


/*footer lsit items */
.footer ul {
	list-style-type:none;
	width: 100%;
	width: 100%;
	margin:auto;
	padding:15px 0px 15px 0px;
	border: none;	
	text-align:center;

}

.footer   li {
	float: left;   /*this thing keeps them horizontal */
	display: inline; 
	/*element displayed inline, without line break before and after lement */
	/* by default, list items are block eelments */
	padding-right: 20px;
	padding-left:20px;
}


.copyright    {
	padding:0px 0px 0px 0px;

	font-size:small;
	}


/* what this is for? */
html>body #navigation {
	overflow: hidden;
}



.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}



/* Site typography */

h1 {
	font-size: xx-large;
	color: #800;
}
h2 {
	font-size: x-large;
	color: #700;
}
h3 {
	font-size: large;
	color: #600;
}
h4 {
	font-size: medium;
	color: #500;
}
h5 {
	font-size: x-small;
	color: #400;
}
h6 {
	font-size: xx-small;
	color: #300;
}