body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#fff; 
  font-family:arial, verdana, sans-serif; 
  font-size:76%;
  overflow: hidden; 
  }

/* for internet explorer */
* html body {
  padding:180px 0 50px 0; 
  }

#container {
  font:"Lucida Grande", Verdana, Arial, sans-serif;
  font-size: 1.1em;
	color:#1d1c1c;
  position:fixed; 
  top:150px;
  left:0;
  bottom:23px; 
  right:0; 
	overflow:auto;  
  background:#fff;
  padding-left:0px;
	margin-left:0px;
  text-align:center;
  }
	


* html #container {
  height:100%; 
  width:100%; 
  }

#header {
  position:relative; 
  top:0; 
  left:0; 
	text-align:center;
  width:100%; 
  height:140px; 
  overflow:hidden; 
  background:#transparent;
  border-bottom:0px solid #73a2bd;
	z-index:400;
  }
* html #header {height:140px;}


#footer {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:20px; 
  overflow:auto; 
  text-align:right; 
  background:#1d1c1c;
  border-top:3px solid #53829d;
	border-bottom:0px solid #1d1c1c;
  }
* html #footer {height:50px;}

#footer2 {
  position:absolute; 
  top:0; 
  left:0;
  width:100%; 
  height:20px; 
  overflow:auto; 
  text-align:right; 
  background:#1d1c1c;
  border-top:0px solid #53829d;
	border-bottom:3px solid #53829d;
	z-index:0;
  }
	
* html #footer2 {height:50px;}


/* end of bit that does the work */

h1 {font-size:4em; margin:0; padding:0;}

#footer p {
  color:#fff; 
  margin:0px 10px 0 10px;
  }


#header img {
  margin:0px 0px 0 0px;
  }
#container img {margin:5px;}

	
a, a:visited {
  font-size:1em;
  text-decoration:none;
  color:#336699;
  }

a:hover {
  color:#669999; 
  text-decoration:underline;
  }

	
a.foot, a.foot:visited {
  font-size:1.1em;
  text-decoration:none;
  color:#ddd;
  }

a.foot:hover {
  color:#ff9f00; 
  text-decoration:none;
  }	
	
	
img.write {
  position:relative; 
  top:0; 
  left:-50px; 
  }
	
b.write {
  position:relative; 
  top:0; 
  left:-50px; 
  }
	
#header ul {
  clear:both; 
  text-align:center; 
  border-top:0px solid #73a2bd;
  }

#header ul {
  margin:0; 
  padding:0; 
  list-style-type:none; 
  background:transparent; 
  height:3em;
  }

#header ul li {
  display:inline; 
  color:#73a2bd;
  }


/* menu */


#menu {float:center; width:490px; height:49px; margin-top:0px; margin-left:0px; background:url(index.png); z-index:100;}
#menu ul {padding:0; margin-left:0px; margin-top:0px; list-style:none; position:relative; left:0px; top:0; width:490px; height:49px; z-index:200;}
#menu ul li {float:left; padding:0; margin-top:5px;  z-index:200;}
#menu ul li#li1 {padding-left:50px;}
#menu li a {display:block;  z-index:200; height:30px; color:#fff; font-weight:600; text-decoration:none; line-height:30px; padding:0 10px; font-family:arial, sans-serif; font-size:14px; border-right:1px solid #bbb; margin-top:5px;}
#menu li#li5 a {border:0;}

#menu li#li1 a b {background:url(index.png) no-repeat left 100px;}
#menu li#li2 a b {background:url(res.png) no-repeat left 100px;}
#menu li#li3 a b {background:url(teach.png) no-repeat left 100px;}
#menu li#li4 a b {background:url(cv.png) no-repeat left 100px;}
#menu li#li5 a b {background:url(write.png) no-repeat left 100px;}
#menu li#li6 a b {background:url(printer.png) no-repeat left 100px;}
#menu li#li7 a b {background:url(secure.png no-repeat) left 100px;}


#menu li a:hover {color:#ff9f00; white-space:nowrap;}
#menu li a.current {color:#34629d;}
#menu li a:hover.current {color:#34629d;}
#menu li a:hover b {display:block; width:490px; height:49px; position:absolute; left:0; top:0; z-index:-1;}

#menu li#li1 a:hover b {background:url(index.png) left top;}
#menu li#li2 a:hover b {background:url(res.png) left top;}
#menu li#li3 a:hover b {background:url(teach.png) left top;}
#menu li#li4 a:hover b {background:url(cv.png) left top;}
#menu li#li5 a:hover b {background:url(write.png) left top;}
#menu li#li6 a:hover b {background:url(printer.png) left top;}
#menu li#li7 a:hover b {background:url(secure.png) left top;}

/* menuclass */


#menuclass {float:center; width:700px; height:49px; margin-top:0px; margin-left:0px; background:url(indexclass.png); z-index:100;}
#menuclass ul {padding:0; margin-left:0px; margin-top:0px; list-style:none; position:relative; left:0px; top:0; width:700px; height:49px; z-index:200;}
#menuclass ul li {float:left; padding:0; margin-top:5px;  z-index:200;}
#menuclass ul li#li1 {padding-left:50px;}
#menuclass li a {display:block;  z-index:200; height:30px; color:#fff; font-weight:600; text-decoration:none; line-height:30px; padding:0 10px; font-family:arial, sans-serif; font-size:14px; border-right:1px solid #bbb; margin-top:5px;}
#menuclass li#li5 a {border:0;}

#menuclass li#li1 a b {background:url(indexclass.png) no-repeat left 100px;}
#menuclass li#li2 a b {background:url(res.png) no-repeat left 100px;}
#menuclass li#li3 a b {background:url(teach.png) no-repeat left 100px;}
#menuclass li#li4 a b {background:url(cv.png) no-repeat left 100px;}
#menuclass li#li5 a b {background:url(write.png) no-repeat left 100px;}
#menuclass li#li6 a b {background:url(printer.png) no-repeat left 100px;}
#menuclass li#li7 a b {background:url(secure.png no-repeat) left 100px;}


#menuclass li a:hover {color:#ff9f00; white-space:nowrap;}
#menuclass li a.current {color:#34629d;}
#menuclass li a:hover.current {color:#34629d;}
#menuclass li a:hover b {display:block; width:700px; height:49px; position:absolute; left:0; top:0; z-index:-1;}

#menuclass li#li1 a:hover b {background:url() left top;}
#menuclass li#li2 a:hover b {background:url() left top;}
#menuclass li#li3 a:hover b {background:url() left top;}
#menuclass li#li4 a:hover b {background:url() left top;}
#menuclass li#li5 a:hover b {background:url() left top;}
#menuclass li#li6 a:hover b {background:url() left top;}
#menuclass li#li7 a:hover b {background:url() left top;}