html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
  background: #BDE5F5; 
} 

#pagewidth{

 width:900px; 
border-left: #5e87be 1px double;
 border-bottom: #5e87be 1px double;
 border-right: #5e87be 1px double;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
.tr {
 border: #dbdafb  1px double;
}
.tr_all {
 border: #5e87be 1px double;
}

.td_l {
 border-left: #dbdafb 1px double;
}
.td_t {
 border-top: #dbdafb 1px double;
}
.td_r {
 border-right: #dbdafb 1px double;
}
.td_b {
 border-bottom: #dbdafb 1px double;
}


.td_l2 {
 border-left: #72C7EA 3px double;
}
.td_t2 {
 border-top: #72C7EA 3px double;
}
.td_r2 {
 border-right: #72C7EA 3px double;
}
.td_b2 {
 border-bottom: #72C7EA 3px double;
}

.tr_gr {
 border: #e5e7e8  1px double;
}
.tr_all_gr {
 border: #e5e7e8 1px double;
}


.td_l_gr {
 border-left: #e5e7e8 1px double;
}
.td_t_gr {
 border-top: #e5e7e8 1px double;
}
.td_r_gr {
 border-right: #e5e7e8 1px double;
}
.td_b_gr {
 border-bottom: #e5e7e8 1px double;
}


#logo{
    background:url(images/top.jpg) no-repeat #fff; 
    float:left; 
    width: 900px; 
    position: relative; 
    height: 100px;  
   
}




#top_class{
    background:url(images/top_class.gif) no-repeat #fff;
    float:right; 
    width: 900px; 
    position: relative; 
    height: 311px; 
    margin-top: 0; 
}


#t_nav{
    position: relative;
    float:left;
    width: 900px;
	 height: 49px; 
    margin-top: 0;  
    background: #fff; 
  
    	
}


#title_class{
    position: relative;
    float:left;
    width: 900px;
    margin-top: 0;  
    background:url(images/title_class.gif) no-repeat #fff; 
    height: 58px;
    	
}




#main{
 background: url(images/mid_work_class2.gif) no-repeat #fff;   
 float: left; 
 display:inline; 
 position: relative; 
 width:900px; 
 height: auto;
 }

#main_homework{
 background: url(images/mid_work_class3.gif) no-repeat #fff;   
 float: left; 
 display:inline; 
 position: relative; 
 width:900px; 
 height: auto;
 }

#main_calendar{
 background: url(images/mid_work_class4.gif) no-repeat #fff;   
 float: left; 
 display:inline; 
 position: relative; 
 width:900px; 
 height: auto;
 }
#main_link{
 background: url(images/mid_work_class5.gif) no-repeat #fff;   
 float: left; 
 display:inline; 
 position: relative; 
 width:900px; 
 height: auto;
 }

#main_about{
 background: url(images/mid_work_class6.gif) no-repeat #fff;   
 float: left; 
 display:inline; 
 position: relative; 
 width:900px; 
 height: auto;
 }

#main_h{
 background: url(images/main.jpg) no-repeat #fff;   
 float: right; 
 display:inline; 
 position: relative; 
 width:900px; 
 
 }
 
#main_an{
 background: url(images/mid_work_class7.gif) no-repeat #fff;   
 float: right; 
 display:inline; 
 position: relative; 
 width:900px; 
 
 }
 
 
#footer_class{
 background: url(images/footer_class.gif) no-repeat #fff;
  width:900px;    
  height:28px; 
  background-color:#fff; 
  clear:both;
 } 
 

.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 */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}





/* css from back.css  \\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

a:link {text-decoration: none; color: #323532;}
a:visited {text-decoration: none; color: #336699;}
a:hover {text-decoration: none; color: #da7926;}
a:active {text-decoration: none;}


.headerOrange{
      FONT: 14px/18px Verdana, Arial, Helvetica, sans-serif; 
      TEXT-TRANSFORM: none; 
      COLOR: #da7926; 
      font-weight: bold;
}

.body_sm {
	FONT: 11px/18px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #323532
}

.body_sm A:link {
	FONT: 11px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #323532; TEXT-DECORATION: none
}

.body_sm A:active {
	FONT: 11px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #323532; TEXT-DECORATION: none
}

.body_sm A:visited {
	FONT: 11px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #323532; TEXT-DECORATION: none
}
.body_sm A:hover {
	FONT: 11px  Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #da7926; TEXT-DECORATION: none
}

.body {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #323532
}
.body_org_under {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #da7926; TEXT-DECORATION: underline
}

.body_org A:link {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #da7926; TEXT-DECORATION: none
}

.body_org A:active {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #da7926; TEXT-DECORATION: none
}

.body_org A:visited {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #f8862d; TEXT-DECORATION: none
}
.body_org A:hover {
	FONT: 12px/18px  Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #336699; TEXT-DECORATION: none
}


.body_org_prss {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #da7926;
}
.body_org_prss A:link {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #da7926; TEXT-DECORATION: none
}

.body_org_prss A:active {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #da7926; TEXT-DECORATION: none
}

.body_org_prss A:visited {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #f8862d; TEXT-DECORATION: none
}
.body_org_prss A:hover {
	FONT: 12px/18px  Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #5e87be; TEXT-DECORATION: none
}


.body_email {
	FONT: 12px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #5e87be
}

.body_email A:link {
	FONT: 12px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #5e87be; TEXT-DECORATION: none
}

.body_email A:active {
	FONT: 12px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #5e87be; TEXT-DECORATION: none
}

.body_email A:visited {
	FONT: 12px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #5e87be; TEXT-DECORATION: none
}
.body_email A:hover {
	FONT: 12px  Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #3366s99; TEXT-DECORATION: none
}

.body_email_sm {
	FONT: 11px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #5e87be
}

.body_email_sm A:link {
	FONT: 11px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #5e87be; TEXT-DECORATION: none
}

.body_email_sm A:active {
	FONT: 11px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #5e87be; TEXT-DECORATION: none
}

.body_email_sm A:visited {
	FONT: 11px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #5e87be; TEXT-DECORATION: none
}
.body_email_sm A:hover {
	FONT: 11px  Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #3366s99; TEXT-DECORATION: none
}

.body_nav_sm A:link {
	FONT: 9px Verdana, Arial, Helvetica, sans-serif;  COLOR: #323532; TEXT-DECORATION: none
}

.body_nav_sm A:active {
	FONT: 9px Verdana, Arial, Helvetica, sans-serif; COLOR: #323532; TEXT-DECORATION: none
}

.body_nav_sm A:visited {
	FONT: 9px Verdana, Arial, Helvetica, sans-serif;  COLOR: #5e87be; TEXT-DECORATION: none
}

.body_nav_sm A:hover {
	FONT: 9px Verdana, Arial, Helvetica, sans-serif; COLOR: #da7926; TEXT-DECORATION: none
}

.body_org {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #da7926;
}

.body_org_b {
	FONT: 14px/18px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #da7926; font-weight: bold;
}

.body_blue {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #5e87be
}

.body_blue_b {
	FONT: 12px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #5e87be; font-weight: bold;
}


.body_nav {
	FONT: 10px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: none; COLOR: #fff
}

.body_nav A:link {
	FONT: 10px Verdana, Arial, Helvetica, sans-serif;  COLOR: #fff; TEXT-DECORATION: none
}

.body_nav A:active {
	FONT: 10px Verdana, Arial, Helvetica, sans-serif; COLOR: #fff; TEXT-DECORATION: none
}

.body_nav A:visited {
	FONT: 10px Verdana, Arial, Helvetica, sans-serif;  COLOR: #fff; TEXT-DECORATION: none
}
.body_nav A:hover {
	FONT: 10px Verdana, Arial, Helvetica, sans-serif; COLOR: #000; TEXT-DECORATION: none
}

.body_nav_sm {
	FONT: 9px Verdana, Arial, Helvetica, sans-serif; COLOR: #323532
}

.heading1 {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; TEXT-TRANSFORM: uppercase; COLOR: #da7927; FONT-FAMILY: Helvetica, Verdana, Arial, sans-serif
}
.heading1_lover {
	FONT-WEIGHT: bold; FONT-SIZE: 14px;  COLOR: #da7927; FONT-FAMILY: Helvetica, Verdana, Arial, sans-serif
}
.heading2 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-TRANSFORM: uppercase; COLOR: #da7927; FONT-FAMILY: Helvetica, Verdana, Arial, sans-serif
}

.heading2 A:link {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR: #da7926; TEXT-DECORATION: none
}

.heading2 A:active {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR: #da7926; TEXT-DECORATION: none
}

.heading2 A:visited {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR: #f8862d; TEXT-DECORATION: none
}
.heading2 A:hover {
	FONT: 12px/18px  Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR: #336699; TEXT-DECORATION: none
}

.heading3w {
	FONT-WEIGHT: bold; FONT-SIZE: 14px;  COLOR: #ffffff; FONT-FAMILY: Helvetica, Verdana, Arial, sans-serif;
}

.heading3w  A:link {
	FONT: 14px Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR: #ffffff; TEXT-DECORATION: none
}

.heading3w  A:active {
	FONT: 14px Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR: #ffffff; TEXT-DECORATION: none
}

.heading3w  A:visited {
	FONT: 14px Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR: #ffffff; TEXT-DECORATION: none
}
.heading3w  A:hover {
	FONT: 14px  Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR: #da7926; TEXT-DECORATION: none
}

.heading3 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px;  COLOR: #da7927; FONT-FAMILY: Helvetica, Verdana, Arial, sans-serif;
}

.heading3 A:link {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR: #da5e87be; TEXT-DECORATION: none
}

.heading3 A:active {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR: #5e87be; TEXT-DECORATION: none
}

.heading3 A:visited {
	FONT: 12px/18px Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR: #5e87be; TEXT-DECORATION: none
}
.heading3 A:hover {
	FONT: 12px/18px  Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR: #da7926; TEXT-DECORATION: none
}


.subHeadBlue {
	FONT: bold 11px/18px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: uppercase; COLOR: #5e87be
}
.subHeadBlue_big {
	FONT: bold 14px Verdana, Arial, Helvetica, sans-serif; TEXT-TRANSFORM: uppercase; COLOR: #5e87be;
}
.fieldNameReq_or {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #da7926; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.fieldNameRequired {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #323532; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.fieldNameRequired A:link {
	FONT: 11px Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR: #323532; TEXT-DECORATION: none
}

.fieldNameRequired A:active {
	FONT: 11px Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR: #323532; TEXT-DECORATION: none
}

.fieldNameRequired A:visited {
	FONT: 11px Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR: #323532; TEXT-DECORATION: none
}
.fieldNameRequired A:hover {
	FONT: 11px  Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR: #f8862d; TEXT-DECORATION: none
}

.fieldName {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.padded {
     padding: 6px;
}

 
.search {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #336699;
background: #fff;
border: 1px solid #e0edf8;
padding: 0px;

}

.search2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #336699;
background: #e6eef6;
border: 1px SOLID #bfc0c2;
padding: 0px;
width: 150px;
}

.search3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #336699;
    background: #e6eef6;
    border: 1px SOLID #bfc0c2;
    padding: 5px;
    width: 200px;
}

.hr {
  border: 0;
  width: 86%;
  color: #e0edf8;
  align:center;
}