ul {
  list-style-type: circle;
}

b {
  font-weight: bold;
}

i {
  font-style: italic;
}

body {
  margin: 0px;
  background-color: rgb(70,108,158);
  background-image: url('/images/orange_stripe.png');
  background-repeat: repeat-y;
}

img#logo {
  position: absolute;
  z-index: 100;
  top: 0px;
  left: 0px;
  width: 250px;
  height: 130px;
  border: 0px;
  margin: 0px;
}

div#left_menu {
  color: #ffffff;
  background-color: #77b6d4;
  position: fixed;
  border: 1px solid black;
  left: 10px;
  top: 150px;
  width: 125px;
  padding: 10px 5px 10px 5px;
  text-align: center;
  font: 1.0em arial, helvetica, sans-serif;
}

div#left_menu #nav_title {
	font-weight: bold;
	text-decoration: underline;
	padding-bottom: 8px;
}

div#left_menu a {
	text-decoration: none;
	color: #000;
}

div#left_menu a:hover {
	text-decoration: underline overline;
	color: #fff;
	letter-spacing: 3px;
	font-weight: bold;
}

div#page_name {
   position: absolute;
   margin-left: 200px;
   margin-top: 0px;
   font-variant: small-caps;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.2em;
   letter-spacing: 3px;
   z-index: 20;
}

#top_menu {
  position: absolute;
  top: 60px;
  width: 100%;
  height: 20px;
  background-color: #77b6d4;
  z-index: 1;
  text-align: right;
  vertical-align: middle;
}

#top_menu a {
  color: rgb(255,255,255);
  text-decoration: none;
}

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

.menu_item {
  color: rgb(0,0,0);
  font-size: 0.7em;
  font-family: Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  height: 20px;
  padding-right: 10px;
}

#content {
  color: rgb(0,0,0);
  background-color: rgb(90,128,178);
  position: absolute;
  left: 210px;
  top: 110px;
/*  right: 20px;
/*  padding-right: 295px; */
  width: 70%;
  z-index: 50;
  padding: 0px;
  font-size: 0.8em;
  font-family: Arial, Helvetica, sans-serif;
}

#content a:link,
#content a:active,
#content a:visited {
  color: rgb(230,230,230);
  text-decoration: none;
  font-weight: bold;
}

#content a:hover {
  text-decoration: underline;
  color: rgb(255,255,255);
}

/* for w3c logos on footer */
/*div#w3c {
   position: absolute;
   bottom: 0px;
   margin-left: 20px;
   margin-bottom: 5px;
}
*/
img#w3c {
   border: none;
   position: absolute;
   bottom: 0px;
   margin-bottom: 20px;
   margin-left: 10px;
}

img#css {
   border: none;
   position: absolute;
   bottom: 0px;
   margin-bottom: 5px;
   margin-left: 10px;
}

img#ff {
	border: none;
	position: absolute;
	bottom: 0px;
	margin-bottom: 35px;
	margin-left: 10px;
}

img#php {
	border: none;
	position: absolute;
	bottom: 0px;
	margin-bottom: 50px;
	margin-left: 10px;
}

img#ajax{
        border: none;
        position: absolute;
        bottom: 0px;
        margin-bottom: 65px;
        margin-left: 10px;
} 

/* for logo */

/* initial div */
#imap {
  display:block;
  width:250px;
  height:130px;
  background:url(../images/school_in_summertime.gif) no-repeat;
  position:absolute;
   z-index: 100;
  }

#logo_link{
   width:250px;
   height:100px;
   top: 0px;
   left: 0px;
   border: none;
}
/* */

/* for the news */
.news {
	border-width: 3px 0px 3px 0px;
	border-color: rgb(70,108,158);
	border-style: solid;
	padding: 8px 4px 8px 4px;
	background-color: #77b6d4;
}

.news .heading {
	margin-bottom: 4px;
	border-width: 0px 0px 2px 0px;
	border-color: black;
	border-style: solid;
	font-weight: bold;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}

.news .date {
	font-size: 0.6em;
	margin-bottom: 5px;
	text-align: right;
}

.news .name {
	font-size: 0.7em;
	margin: 10px 0px 0px 20px;
}
/* */
#head {
  position: absolute;
  margin-top: 7px;
  margin-left: 180px;
  font-variant: small-caps;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  letter-spacing: 3px;
  z-index: 20;
}