/* CSS Document */
body
{
margin:0px;
padding:0px;
}
#container
{
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
height:600px;
width:1000px;
display:table;
}
#layer1
{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
height:10px;
width:100%;
background:url(../images/layer1.jpg);
}
#layer4
{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
height:33px;
width:100%;
background:url(../images/s_name.jpg);
}
#layer2
{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
height:150px;
width:100%;
background:url(../images/h_bg.jpg);
}
#layer5
{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
height:27px;
width:100%;
background:#FFD1A4;
}
#layer6
{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
height:15px;
width:100%;
background:url(../images/line_new.jpg);
}
#middle
{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
height:500px;
width:100%;
display:table;
}
#layer7
{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
height:500px;
width:18%;
float:left;
background:url(../images/middle.jpg);
}
#w3c
{
margin-top:400px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
width:16%;
float:left;
}
#layer12_index
{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
height:500px;
width:64%;
float:left;
}
#layer12
{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
height:500px;
width:64%;
float:left;
overflow:scroll;
background-color:#F8EDC7;
font-family:Arial, Helvetica, sans-serif; 
font-size:14px;
}
#layer8
{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
height:500px;
width:18%;
float:right;
background:url(../images/middle.jpg);
}
#layer16
{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
height:150px;
width:170px;
float:left;
}
#layer3
{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
height:150px;
width:810px;
float:left;
}
#layer_img
{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
height:150px;
width:20px;
float:right;
}
#google_translate
{
margin-top:80px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
}
#eschools
{
margin-top:280px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
}
#layer9
{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
padding:0px;
height:15px;
width:100%;
background:url(../images/layer9.jpg);
font-size:11px;
text-align:right;
color:#CC0000;
}
.style7 {font-size: 24px; color: #333333; font-family: "Monotype Corsiva";}
.style9 {
	font-size: 18px;
	color: #333333;
	font-family: Georgia,"Times New Roman", Times, serif;
	font-style: italic;
}
.style10 {
	font-style: italic;
	font-family: Georgia,"Times New Roman", Times, serif;
	font-size: 18px;
}

/*CSS For Html menu*/
ul {
margin-top:0;
margin-bottom:0; 
  } 
#nav{list-style: none;} 
#nav ul { 
     padding: 0;
     margin:0;
     list-style: none;
     width:150px;
} 
#nav li { 
     margin:0; 
     position: relative; 
     float:left; 
     width:8em;
     display:block;
  
} 
/*#nav a { 
     text-decoration:none; 
     display:block;
} 
#nav a:hover, #nav li:hover{ 
     background-color:#CC8100;
} 
#nav ul li:hover, #nav ul li a:hover{ 
     background-color:#CC8100;
} 
#nav ul{ 
     display:none; 
} */
/*all see this */
#nav ul ul{ 
     display:none; 
     position:absolute; 
	 
} 
/* non-IE browsers see this */ 
#nav ul li>ul, #nav ul ul li>ul{ 
     margin-top:0; 
} 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{ 
     display:none; 
} 
#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{ 
     display:block; 
}  
ul li a {
	display: block;
	text-decoration: none;
	color:#000000;
	background: #FFCC99;
	padding: 3px;
	border: 1px solid #CC8100;
	font-size:12px;
	text-align:center;
	font-family:Arial;
	margin-top:1px;
}
ul li {
	position: relative;
	list-style: none;
	}
li ul {
	position:absolute;
	width:100px;
	display: none;
	}
ul li a {
	display: block;
	text-decoration: none;
	color:#000000;
	background: #FFCC99;
	padding: 3px;
	border: 1px solid #CC8100;
	font-size:12px;
	text-align:center;
	font-family:Arial;
	margin-top:1px;
	}
li:hover ul , li.over ul  { 
display:block;
}
ul li a:hover
{
background:#CC8100;
}
li:hover ul li a 
{
margin-top:0px;
width:150px;
text-align:left;
}
li:hover ul li ul{ 
display:inline;
}
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }