body { font-family: Arial, Helvecta, sans-serif;
color: black; 
background: url(images/gradup.jpg) bottom repeat-x fixed;
}

h1,h2,h3 {clear:both}

/* Main product area */

div#main {
margin-top: 2ex;
margin-left: 310px;
border-right: 1px solid #520;}

div#main ul li {
list-style-type: square;
}

div#main h2 {
font-size: 200%;
font-weight: bolder;
border-top: 1ex solid #520;
border-bottom: 0.5ex solid #520;
color: white;
text-shadow: black 1px 2px 0.1em;
}

div#main h3 {
border-bottom: 0.25ex solid #520;
padding-left: 1em;
}
div#main h4 {
border-bottom: 0.12ex solid #520;
padding-left: 1em;
clear: both;
}

div#main table {
background-color: white;
background: url(images/gradup_wh.jpg) bottom repeat-x fixed;
border: 1px solid black; 
margin: 2ex auto 2ex auto;
text-align: center;
}

td, th {border: 1px solid #520; padding: 0.5ex 1ex;}

th {font-style: italic;
}

img.productpic, img.logo {margin: 0 1em 0 1em;}

img.productpic {float:left;
border: 1px solid black;}

img.logo {float:right;}

/*head*/

div#head {
margin-left: 310px;
text-align: center;
}

div#head h1,h2 {margin: 0;}
div#head p {margin: 0;}

div#head address {display: inline;
margin-right: 2ex;
}

/*Navigation */

div#nav {position: fixed;
_position:absolute; /*IE6 can't handle position fixed so feed it absolute*/
width: 300px;
top: 0px;
left:0px;
text-align: center;
font-weight: bold;
_margin-top: 10px;
}
div#nav ul {
text-align: left;
margin: 1em;
padding: 1em;
list-style: none;
color: #520;
}

div#nav ul li {
padding: 0;
margin: 0;
border-bottom: 1px solid #520;
}

div#nav ul li#youarehere {list-style: square;}

div#nav ul li a {display: block;
text-decoration: none;
padding: 0;
margin: 0;
color: #052;
}
div#nav ul li a:visited {color: #052;}
div#nav ul li a:hover {background-color: #520;
color: white;}
div#nav ul li a:active {background-color: yellow;}