/*This is the core style sheet of the site.*/

body 
{
   background-color: #00008b;
   color: #666666;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 1em;
   margin: 0;
}
 
p
{
   font-size: .8em;
   text-align: justify;
   line-height: 1.7em;
}

h1 
{   
   font-size: 1.2em;
   text-align: right;
   font-style: italic;
   letter-spacing: 5px;
} 
 
h2 
{
   font-size: 1.1em;
   text-decoration: underline;
}

p.footer
{
   font-size: .5em;
   text-align: center;
   font-weight: bold;
}

a:link 
{
   color: #666666;
   background-color: #99ccff;
   text-decoration: none;
}

a:visited 
{
   color: #666666;
   background-color: #eef5ff;
   text-decoration: line-through;
}

a:hover 
{
   color: #ffffff;
   background-color: #99cc66;
}

a:active 
{
   background-color: #728fb1;
   color: #fff;

}

#header 
{
   background-color: #ffffff;
   border-bottom: solid #000000 1px;
   padding-left: 125px;
   padding-right: 125px;
   padding-top: 10px;
   padding-bottom: 10px;
}

#header p
{
   font-size: .6em;
}

#main-content 
{
   background-color: #ffffff;
   border: solid #000000 1px;
   margin-left: 180px;
   margin-right: 180px;
   margin-top: -50px;
   padding: 10px;
}

#navbar 
{
   background-color: #ffffff;
   width: 180px;
   position: absolute;
   top: 400px;
   left: 0px;   
   border-top: solid 1px #000000;
   border-bottom: solid 1px #000000;
   text-align: center;
   font-weight: bold;
}

#navbar h2
{
   background: #99cc66;
   border-bottom: solid 1px #666;
   color: #fff;
   font-weight: bold;
   text-decoration: none;
   padding: 4px 10px;
   margin: 0px;
}

#navbar a
{
   background-color: #eee; 
   border-bottom: solid 1px #666; 
   border-top: solid 1px #fff; 
   display: block; 
   font-size: 90%; 
   padding: 4px 10px;
   text-decoration: none;
   width: 180px;
   height: 1.5em;
}

#navbar a:visited 
{
   color: #7e7e7e;
}

#navbar a:hover
{
   background-color: #99ccff; 
   border-bottom: solid 1px #eee; 
   border-top: solid 1px #999;
   color: #000;
}

#outer-image
{
   height: 249px;
   background-image: url(../pictures/iceskateout.jpg);
   background-position: center top;
}

#inner-image
{
   height: 199px;
   background-image: url(../pictures/iceskatein.jpg);
   background-repeat: no-repeat;
   background-position: center top;

#counter
{
}

/* not ready yet*/

/* #noellewin
{
   position: absolute;
   left: 400px;
   top: 400px;
   height: 100px;
   width: 150px;
   image: url(pictures/noelle2.jpg);
   z-index: 2;
}  */