body {
font-family: arial;
font-size: 13px;
margin: 0px;
padding: 0px;
background-color:white;
}

div#wrapper {
position:relative;
margin-left:auto;
margin-right:auto;
top: 0px;
width:1024px;  
background-color:white;
}

div#head {
position: relative;
width:1024px;
height:89px;
left:0px;
top: 0px;

}
div#topmenubar {
position:relative;
width:1024px;
height:29px;
top:0px;
left:0px;
background-color:#7F9BFF;
/*background: linear-gradient(to bottom, #33CCFF, blue);*/
}

div#columnsmain {
position: relative;
width: 1024px;
height:520px;
top: 5px;
background-color: white;
}

div#columns {
position: relative;
width: 1024px;
top: 0px;
background-color: white;
}

div#pageheadingrow{
position:relative;
top:0px;
margin-top:0px;
width:1024px;
height:2px;
margin-left:auto;margin-right:auto;
background-color:#B2E1FF;
}


div#pageheading {
position:absolute;
left:0px;
top:15px;
padding-top:0px;
margin-top:0px;
width: 200px;
height: 42px;
background-color:white;
//background: linear-gradient(to bottom,  #ADB8FF,  #FFffff,#ADB8FF);
//box-shadow: 0px 0px 5px #888888;
margin-left:auto;margin-right:auto;
text-align:center;
border-radius:5px;
   }

div#animationbox{
Position:relative;
height:220px;
width:757px;
margin-top:10px;margin-left:10px;
box-shadow: 01px 0px 5px #888888;
}

div#imageframe{
position:absolute;
width:777px;
height:240px;
top:8px;left:0px;
border:1px solid  #D8D8D8;
border-radius:3px;
background-color:#F3F2FF
}

div#sidemain {
position:relative;
left:800px;top:5px;
width:254px;
height:510px;white;
margin-left:0px;
}

div#side1 {
position:relative;
left:0px;
width:254px;
top:0px;
background-color: white;
margin-left:0px;

}

div#sidemenu{
position: absolute;
top:65px;
width:200px;
height:35px;
background:linear-gradient(to bottom, white, #CCF2FF);
margin-left:auto;margin-right:auto;
//text-align:right;
}

div#noticebox{
position:relative;
width:194px;height:180px;
top:0px;left:0px;
/*border:1px solid gray;*/
background-color:#E5E8FF;
padding-top:1px;
border-radius:10px;
margin-left:0px;
box-shadow: 1px 1px 1px #888888;
padding-bottom:2px;
padding-left:15px;padding-right:15px;
} 

div#newshead{
position:absolute;
margin-top:30px;
width:224px;
background-color:white;
height:45px;
margin-left, margin-right:auto;
}
div#newsbox{
position: absolute;
margin-top:75px;
width:224px;
height:235px;
/*overflow:scroll;*/
background-color:white;
margin-left:0px;
border: 1px solid #E9E9E9;
}

div#content {
position: absolute;
margin-left:1px;
height:500px;
width: 709px;
left:254px;
overflow-y:scroll;
/*border-left:1px solid #D8D8D8;*/
padding-left:30px;padding-right:30px;//margin-bottom:100px;
background-color: white;
}

div#subheadingbox{
position: relative;
width: 723px;height:30px;
top: 0px;
left: -10px;
/*background:blue;*/
background: linear-gradient(to right, #33CCFF, white );
}

div#contentmain{
position: absolute;
top:260px;
width:586px;
background-color:white;
margin-left:195px;
}

div#side2 {
position:absolute;
width:170px;
top: 270px;
height: 232px;
left: 0px;
background-color: white;
border: 1px solid #E9E9E9;
}

div#calendar{
position:absolute;
width:1024px;;height:400px;
margin-left:auto; margin-right:auto;
} 
div#foot {
position:fixed;
width: 1024px;height:20px;
//margin-top:540px;
bottom:0px;
background-color: #CDF7F7;
border-top:1px solid #7A9DF5;

}
.fontblue{
color:blue;
}

.fontred{
color:red;
}

h1{
font-family:arial;
color:#FE0D81;
font-size:18px;
padding-left:0px;
}

h2{
font-family:arial;
color:blue;
font-weight:bold;
font-size:16px;
padding-top:0px;
text-align:center;
}

h3{
margin-left:10px;
font-family:arial;
color:white;
font-weight:bold;
font-size:16px;
text-shadow: 1px 1px 1px #000066;
padding-top:5px;padding-bottom:5px;

}

h4{
font-family:arial;
color:black;
font-weight:normal;
font-size:14px;
text-align:center;
}

h5{
font-family:arial;
font-size:15px;
color:blue;
font-weight:bold;
margin-top:25px; margin-bottom:10px;
}

p{
font-family:helvetica;
color:#444444;
text-align:justify;
font-size:13px;
margin-left:0px; margin-right:0px;
margin-top:10px;margin-bottom:0px;
}

.news{
font-family:arial;
color:#444444;
text-align:justify;
font-size:13px;
margin-top:10px;margin-bottom:10px;
margin-left:15px;margin-right:15px;
}

p.head{
font-family:arial;
color:#333399;
text-align:justify;
font-size:14px;
font-weight:bold;
margin:11px;
}

.bold{
font-family:arial;
color:#444444;
text-align:justify;
font-size:14px;
font-weight:bold;
margin:10px;
}

p.footer{
font-family:arial;
color:gray;
text-align:justify;
font-size:13px;
font-weight:normal;
margin-top:0px;
padding-top:3px;
text-align:center;
//line-height:120%;
}

p.centered{
text-align:center;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}

li{float:left;
font-family: arial;
color:#444444;
font-size: 13px;
line-height: 120%;
margin-left:20px;

}
nav#nav01{
<ul><li><a href="home.html" class="top">Home</a></li>
  <li><a href="aboutus.html" class="top">Home</a></li>
  <li><a href="theschool.html" class="top">The School</a></li>
  <li><a href="ourfamily.html" class="top">Our Family</a></li>
  <li><a href="admission.html" class="top">Admissions</a></li>
  <li><a href="alumni.html" class="top">Alumni</a></li>
  <li><a href="contactus.html" class="top">Contact Us</a></li>
  <li><a href="login.html" class="top">Login</a></li>
</ul>
}

a.top:link, a.top:visited {
display: block;
font-family: arial;
font-size: 14px;
//text-shadow: 1px 1px 1px #000;
font-weight: normal;
color: #FFFFFF;
/*background-color: #33CCFF;*/
/*background: linear-gradient(to bottom, #33CCFF , blue);*/
text-align: center;
padding-left:0px; padding-right:0px; padding-top:7px; padding-bottom:7px;
text-decoration: none;
}

a.top:hover, a.top:active {
//background: linear-gradient(to bottom, #ffffFF , black);
}

a.side:link, a.side:visited {
display: block;
font-family: arial;
font-size: 14px;
text-shadow: 0px 0px 0px blue;
font-weight: normal;
color: blue;
background-color:white;
//background: linear-gradient(to bottom,#7F9BFF, #ffffFF);
text-align: center;
padding-top:10px;padding-bottom:10px;
text-decoration: none;
border: 1px solid #E9E9E9;
margin-top:-1px;
}

}
a.side:hover, a.side:active {
color:gray;
//background-color: #7F9BFF;
//background: linear-gradient(to bottom, #C9ACFF,  #ffffFF);
}
a.right:link, a.right:visited {
display: block;
font-family: arial;
font-size: 14px;
//text-shadow: 0px 0px 0px blue;
font-weight: noraml;
color:blue;
background-color:white;
//background: linear-gradient(to bottom,#7F9BFF, #ffffFF);
text-align: center;
padding-top:7px;padding-bottom:7px;
margin:0px;
text-decoration: none;
}
a.right:hover, a.right:active {
color:gray;
//background-color: #ccffff;
//background: linear-gradient(to bottom, #C9ACFF,  #ffffFF);
}

a.more:link, a.more:visited{
font-family: arial;
font-style:normal;
font-size: 13px;
font-weight: normal;
color:  blue;
text-decoration: none;
padding-right:0px;
}
a.more:active, a.more:hover{
color:green;
}

table#one { 
 color: #333; /* Lighten up font color */
 font-family: arial;font-size:13px;color:#444444; 
 /*width: 400px; */
 border-collapse: 
 collapse; border-spacing: 0;
}

td, th { border: 1px solid #CCC; height: 30px; 
} 

th {
 background: #F3F3F3; 
 font-weight: bold;
padding-right:10px;padding-left:10px; 
}

td {
 background: #FAFAFA;
 text-align: center; 
padding-right:10px;padding-left:10px;
}
table#two { 
 color: #333; /* Lighten up font color */
 font-family: helvetica;font-size:14px;color:#444444; /* Nicer font */
 /*width: 400px;*/ 
 border-collapse: 
 collapse; border-spacing: 0;
}

#thumbwrap {
	position:relative;
	margin:0px auto;
	width:690px; height:auto;
}
.thumb img { 
	border:1px solid #000;
	margin:3px;
	float:left;
}
.thumb span { 
	position:absolute;
	visibility:hidden;
}
.thumb:hover, .thumb:hover span { 
	visibility:visible;
	top:0; left:0px; 
	z-index:1;
}

div#ontop{
width:500px;
height:145px;
padding:15px;
position:absolute;
color:red;
border: 1px solid black;
background-color:yellow;
left:135px;
top:40px;
}

div#center{
width:190px;
float:left;
}

#cover{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:5; width:100%; height:100%; display:none; }

#popup {
left: 350px; 
height:auto; 
width:340px; 
position:absolute; 
z-index:10; 
display:none;
background: yellow; 
border:1px solid black; 
border-radius:10px; 
align:center;} 
#popup:target, #loginScreen:target + #cover{ display:block; opacity:1; }.cancel { display:block; position:absolute; top:3px; right:3px; background:rgb(245,245,245); 
color:black; height:20px; width:20px; font-size:20px; text-decoration:none; text-align:center; }