body{
  margin: 0px;
  padding: 0px;
  text-align: center; 
}

A:link{
 text-decoration: none;
} 

A:visited{
 text-decoration: none;
}

A.body:link{
  color: black;
} 

A.body:visited{
  color: black;
}

input{
  width: 95px;
}

#pagewidth{
  width: 1000px; 
  text-align: left;  
  margin-left: auto; 
  margin-right: auto;  
} 

#spacer{
  background-color: #FFFFFF;
  width: 1000px;
  height: 10px;
}

#leftcol{
  background-color: #F8E0FF;
  float: left;
  width: 150px;
}

.logo{
  width: 150px; 
  height: 250px;
  background-image: url(art/sons_logo.gif);
}

.menu_label{
  width: 150px;  
  height: 18px;
  font-family: "Trebuchet MS";
  font-weight: 800;
  font-size: 14px;
  text-align: center;
  background-color: #4680F0; 
  color: white;
 }

.menu{
  width: 150px; 
  height: 18px;
  font-family: "Trebuchet MS";
  font-weight: 800;
  font-size: 14px;
  background-color: #234060;
}

.menu a:link{
  color: white;
}

.menu a:visited{
  color: white;
}

.host{
  width: 150px; 
  height: 101px;
}

.surf{
  width: 150px; 
  height: 74px;
}

.count{
  width: 150px; 
  height: 95px;
} 

#content{
  background: #fff;
  float: left;
  width: 650px;
}

.navbar{
  width: 650px; 
  height: 125px;
  background-image: url(art/nav_bar.gif);
}
 
.datebar{
  width: 650px; 
  height: 30px;
  background-color: #234060;
}

.date{
  width: 640px; 
  height: 30px;
  float: left;
  font-family: "Trebuchet MS";
  font-size: 16px;
  font-weight: 800;
  text-align: right;
  background-color: #234060;
  color: white;
}

.main{
  width: 650px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-align: center;
  background-color: white;  
  color: black;
}

#rightcol{
  background-color: #F8E0FF;
  float: left;
  width: 200px;
}

.logon{
  width: 200px; 
  height: 155px; 
  font-family: Verdana, Arial;
  background-color: #DFF8E8;
  color: #555555;
}

.logon a:link{
 text-decoration: none;
 color: #003366
}

.logonlabel{
  font-size: 10px;
  font-weight: 800;
  text-align: center;
  padding-top: 3px;
}

.logonleft{
  width: 78px;
  height: 105px;
  font-size: 10px;
  font-weight: 800;
  float: left; 
}

.name{
  padding-top: 15px;
  text-align: left;
}

.pass{
  padding-top: 20px;
  text-align: left;
}

.logonright{
  width: 120px;
  height: 105px;
  float: left; 
}

.logontext{
  padding-top: 8px;
}

.logonsubmit{
  padding-top: 8px;
}

.access{
  width: 200px;
  font-size: 9px;
  font-weight: 800;
  text-align: center;
  float: left; 
}

.lost{
  width: 200px;
  font-size: 9px;
  font-weight: 800;
  text-align: center;
  float: left; 
}

.loggedonlabel{
  font-family: Verdana, Arial;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
  background-color: #DFF8E8;
  color: #555555;
  padding-top: 20px;
}

.loggedon{
  font-family: Verdana, Arial;
  font-size: 10px;
  font-weight: 800;
  text-align: center;
  background-color: #DFF8E8;
  color: #555555;
  padding-top: 5px;
}

.logonerror{
  font-family: Verdana, Arial;
  font-size: 16px;
  font-weight: 800;
  text-align: center;
  background-color: #DFF8E8;
  color: red;
  padding-top: 50px;
}

.logon a:link{
  color: #003366;
}

.logon a:visited{
  color: #003366;
}

.calendar{
  width: 200px; 
  font-family: Verdana, Arial;
  font-size: 16px;
  font-weight: 800;
  text-align: center;
  background-color: #FCFFCF;
}

.calhead{
  font-size: 13px;
}

.calhead1{
  font-weight: 400;
}

.calbody{
  font-size: 16px;
}

.calbody1{
  font-size: 13px;
}

.calbody2{
  font-size: 9px;
  font-weight: 500;
}

.caltext1{
  font-size: 10px;
  font-weight: 400;
}

.webring{
  width: 200px; 
  height: 180px; 
  font-family: Verdana, Arial;
  font-size: 10px;
  font-weight: 800;
  text-align: center;
}

.ringleft{
  width: 50px;
  height: 90px;
  float: left;
}

.ringcenter{
  width: 100px;
  height: 90px;
  float: left;
}

.ringright{
  width: 50px;
  height: 90px;
  float: left;
}

.ring1{
  padding-top: 20px;
  padding-bottom: 10px;
}

.ring2{
  padding-top: 10px;
  padding-bottom: 5px;
}

.ring3{
  padding-top: 5px;
  padding-bottom: 20px;
}

.mail{
  width: 200px; 
  height: 100px;
}

.mail1{
  position: relative;
  top: 20px;
  left: 80px;
}
 
.mail2{
  font-family: Verdana, Arial;
  font-size: 10px;
  font-weight: 800;
  font-style: italic;
  text-align: center;
  padding-top: 25px;
}
 
.guest{
  width: 200px; 
  font-family: Verdana, Arial;
  font-size: 10px;
  font-weight: 800;
  text-align: center;
}

.guest1{
  height: 20px;
}

.guest2{
  height: 50px;
}

.guest3{
  height: 25px;
}

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}

/*hide the navbar and date in the center column when printing*/ 
.navbar{display:none;}
.datebar{display:none;}
.date{display:none;}
}