/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.0%;
   line-height: 1.2em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #18507C; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #18507C;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: none;
   
  
}

/*****************
basic layout 
*****************/
body {
   background-color: #eeeeee;
   color: #333;
   margin:1em;    /* gives some air for the pagewrapper */
   text-align: center;
}

/* center wrapper, min max width */
div#pagewrapper {
   border: 1px solid black;
   margin: 0 auto;       /* this centers wrapper */
   padding: 0px 0px 0px 0px;
   width: 800px;
   max-width: 800px;   /* IE wont understand these, so we will use javascript magick */
   min-width: 600px;
   background-color: #ffffff;;
   color: black;
}

div#top {
height: 178px;
background-image:
url('topbgnd.jpg');
background-repeat: no-repeat;
}

div#nav {

}