html, body {
	background-color:#d1d3d4;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
}

* {margin:0;padding:0}

.clear {clear:both;}

.padding{padding:22px;}
.padding2{padding:22px;}

a{outline:none;}

#container{
	width:854px;
	background-image:url(../images/background.gif);
	background-repeat:repeat-y;
	background-color:#ffffff;
}
/* originally 854px, increased by 30px */
#masthead{
	width:845px;
	height:144px;
}
/* originally 845px, increased by 30px, no change? */
#masthead img{
	position:absolute;
	left:444px;
	top:32px;
	width:129px;
	height:150px;
}

#header{
	width:845px;
	height:124px;
	background-color:#000000;
}
/* originally 845px, increased by 30px,  */
#teacher_photo{
	float:left;
	width:174px;
	height:124px;
}

#teacher_photo img{
	display:block;
}

#navigation{	
	float:right;
	width:671px;
	height:124px;
}
/* originally 671px, increased by 30px, */
#content{
	line-height:1.5em;
	font-size:11px;
}

/* ------- Generated by csscreator.com ------- */  
 
 
#left_column{
 	width:174px; 
 	float:left; 
 	position:relative; 
}

 
#two_columns{
 	width:680px;  /* Right column Width 290px + Center Column Width 390px = 680px */ 
 	float:right; 
 	position:relative; 
}
/* originally 680px, increased by 30px,problem, keeps being automatically reset*/ 
#right_column{
 	width:290px; 
 	float:right; 
 	position:relative; 
}

#right_column img{
 	padding:40px 0px 0px 15px; 
}
 /* Original 82px 0px 0px 15px */
 
#right_column a{
 	color:#a6bc09; /* Green */
	text-decoration:none;
	font-weight:bold;
}
 
#main_column{
 	float: left; 
 	display:inline; 
 	position: relative; 
 	width:390px; 
	overflow:visible; /* Fixes italics bug in IE */
}
/* originally 390px, increased by 30px */
#main_column a{
 	color:#a6bc09; /* Green */
	text-decoration:none;
	font-weight:bold;
}

#main_column a:hover{
	text-decoration:underline;
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 	content: "."; 
 	display: block; 
	height: 0; 
 	clear: both; 
 	visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 

/* --------------------------------------- */  

#footer{
	width:854px;
}

/* originally 854px, increased by 30px, no change */
#footer img{
	display:block;
}

#design_by {
	background-color:#d1d3d4;
	text-align:center;
	color:#666666;
	font-size:11px;
}

#design_by a{
	color:#666666;
	font-size:11px;
	text-decoration:none;
}

#design_by a:hover{
	text-decoration:underline;
}
 
.nav{
	padding-top:70px;
}

/* ------- Image Replacement ---------------*/

ul#nav_main{ 
	list-style-type: none; 
	position: relative; 
	width: 671px; 
	height: 22px;
	padding-top:70px;
}
/* originally 671px, increased by 30px, no change */

ul#nav_main a { 
	display: block; 
	height: 22px;
	text-decoration: none;
	overflow: visible;
}

li#nm_1 { 
	position: absolute;
	left: 0; 
	width: 203px; 
	height: 22px; 
	background: url(../images/nav_bar.gif) no-repeat 0 0; 
}
/* originally 203px, increased by 30px,  */

li#nm_2 { 
	position: absolute; 
	left: 203px; 
	width: 132px; 
	height: 22px; 
	background: url(../images/nav_bar.gif) no-repeat -203px 0; 
}

li#nm_3 { 
	position: absolute;
 	left: 335px; 
	width: 166px; 
	height: 22px; 
	background: url(../images/nav_bar.gif) no-repeat -335px 0; 
}

li#nm_4 { 
	position: absolute;
	left: 501px; 
	width: 63px; 
	height: 22px; 
	background: url(../images/nav_bar.gif) no-repeat -501px 0; 
}

li#nm_5 { 
	position: absolute;
 	left: 564px; 
	width: 108px; 
	height: 22px; 
	background: url(../images/nav_bar.gif) no-repeat -564px 0; 
}

li#nm_1 a:hover { background : url(../images/nav_bar.gif) no-repeat 0 -22px; }
li#nm_2 a:hover { background : url(../images/nav_bar.gif) no-repeat -203px -22px; }
li#nm_3 a:hover { background : url(../images/nav_bar.gif) no-repeat -335px -22px; }
li#nm_4 a:hover { background : url(../images/nav_bar.gif) no-repeat -501px -22px; }
li#nm_5 a:hover { background : url(../images/nav_bar.gif) no-repeat -564px -22px; }

.nav_span {display:none;}
/* --------------------------------------- */  
