body {
margin:10px 0px; 
padding:0;
border:0;
background-color:#999;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;


}

#wrap {position:relative;
       left:0%;
        top:0%;
		width:1000px;
		position:relative;
		left:50%;
		margin-left:-500px;
        /*margin:0px auto;
	    text-align:left;
        */
        height:100%;
       }


#header {
	position:relative;
	left:0%;
	top:0%;
	width:100%;
	height:200px;
        background-color:#fff;
        background-image:url(../images/chalkboard2.jpg);
         border-top: thin solid #744a00;    
         border-right: thin solid #744a00;  
         border-left: thin solid #744a00; 
}

#menubg {
	position:relative;
	left:0%;
	top:0%;
	width:100%;
	height:50px;
        z-index:90;
        background-color:#ccc;
        background-image:url(../images/menubg.gif);
         border-left: thin solid #744a00;    
         border-right: thin solid #744a00;    
}

 dt, dd,dt_long{
font: 85% verdana, arial, sans-serif; 
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* Menu position that can be changed at will */
top: -10px !important;
top: 2px;
left: 1%;
z-index:100;
width: 100%; /* precision for Opera */

}


#menu dt {
float:left;
text-align: center;
font-weight: none;
background: #fff5e8;
width: 8em !important;
width: 20em;
border: 1px solid #744a00;
margin-right: 2px;
}

#menu dt_long {
float:left;
text-align: center;
font-weight: none;
background: #fff5e8;
width: 8em !important;
width: 20em;
border: 1px solid #744a00;
margin-right: 2px;
}

#menu dt a {
color: #660000;
text-decoration: none;
font-weight: bold;
display: block;
height: 100%;
border: 0 none;
}
#menu dt a:hover, #menu dt a:focus {
background: #f5ba5c;
}


#righty {
        float:right;
        width:150px;
        height:450px;
        margin: 21px 20px 5px 5px;
        padding: 10px 2px 5px 5px;
        overflow:none;
        background-color:#ccc;
        background-image:url(../images/contactbg.jpg);
        border: thin solid #744a00;
        
}


 #footer {
	position:relative;
	left:0%;
	top:0%;
	width:100%;
	height:45px;
	background-color:#ccc;
	background-image:url(../images/footerbg.gif);
	border-left: thin solid #744a00;    
	border-right: thin solid #744a00; 
	 border-bottom: thin solid #744a00;    
}

#tech2 {border: 1px solid #744a00;
        width : 570px;
        height: 155px;
        background-color:#ccc;
        margin: 0px 5px 0px 190px; 
        }


#tech1 {border: 1px solid #744a00;
        width : 700px;
        height: 160px;
        background-color:#ccc;
        margin: 0px 5px 0px 190px; 
        }

#tech1des  {float: left;
            width:70%;
            }


P.tech {font: 80% verdana, arial, sans-serif; 
     color:#744a00; 
     margin: 0px 5px 0px 5px; 
	 padding: 0px 5px 0px 5px;
    }

#counter1 {border: none;
        width : 250px;
        height: 25px;
        background-color:#fff;
        margin: 50px 5px 4px 240px; 
        }

#counterdes  {float: left;
            }


P {font: 80% verdana, arial, sans-serif; 
     color:#744a00; 
     margin: 0px 5px 5px 180px; 
    }

ul.list2 {font: 80% verdana, arial, sans-serif; 
     color:#744a00; 
     margin: 0px 5px 5px 150px; 
    }


ul.list3 {font: 80% verdana, arial, sans-serif; 
     color:#744a00; 
     margin: 0px; 
    }
ol.curriculumlist { margin: 0px 5px 5px 180px;
                  font: 80% verdana, arial, sans-serif; 
                  color:#744a00; }

.inst {font: 80% verdana, arial, sans-serif; 
     color:#744a00; 
     font-weight:bold;
     margin: 0px 5px 0px 180px; 
    }

h1 {font: 99% verdana, arial, sans-serif; 
     color:#744a00; 
     font-weight:bold;
     margin: 20px 5px 5px 180px; 
    }

h2 {font: 110% verdana, arial, sans-serif; 
     color:#744a00; 
     font-weight:bold;
     margin: 20px 5px 5px 180px; 
    }

img.headerimg {margin:20px 0px 20px 170px;}
p.contact {font-size:10px; color:#fff; text-align:center; padding:3px 5px 2px 2px; margin:0px;border:none;}

p.foot {font-size:10px; color:#000; text-align:center; border:none;}



/* for media page layout */


#media2 {border: 1px solid #744a00;
        width : 150px;
        height: 150px;
        background-color:#ccc;
        margin: 0px 5px 0px 190px; 
        }


#media1 {border: 1px solid #744a00;
        width : 700px;
        height: 135px;
        background-color:#ccc;
        margin: 0px 5px 0px 190px; 
        }

#mediades  {float: left;
            }
			
/* for locations page*/
#nj1 {border: 1px solid #744a00;
        width : 600px;
        height: 160px;
        background-color:#ccc;
        margin: 0px 5px 0px 190px; 
        }

#nj1des  {float: left;
            width:65%;
            }

/* end for locations page*/			

/*for media page */
#photoclass1 { width:300px; margin:0 0 0 180px;}
#photoclass1 h1 { margin:0;}
#photoclass1 p { margin:0 0 80px 0;}

#photoclass2 { width:300px; margin:-112px 0 0 485px;}
#photoclass2 h1 { margin:0;}
#photoclass2 p { margin:0 0 20px 0;}

#photoevents1 { width:280px; margin:5px 0 0 180px;}
#photoevents1 h1 { margin:0;}
#photoevents1 p { margin:0 0 20px 0;}

#photoevents2 { width:300px; margin:-212px 0 0 485px;}
#photoevents2 h1 { margin:0;}
#photoevents2 p { margin:0 0 20px 0;}


/* for student ranking */

.blacktext {color:#000000;}
.greentext {color:#00ff00;}
.bluetext {color:#0000ff;}
.redtext {color:#ff0000;}

/* new menu code */


.solidblockmenu{
margin: 3px 0 0 3px;
padding: 0;
float: left;
font: bold 13px Arial;
width: 99%;
overflow: hidden;
margin-bottom: 0em;
/* border: 1px solid green; 
background: black url(../images/blockdefault.gif) center center repeat-x; */
}

.solidblockmenu li{
display: inline;

}

.solidblockmenu li a{
float: left;
color: #000;
padding: 1px 5px;
margin:1px 5px;
text-decoration: none;
border: 1px solid #744a00;
background: #fff5e8;
}

.solidblockmenu li a:visited{
color: #660000;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: #000;
background: transparent url(../images/blockactive.gif) center center repeat-x;
}