body 
{
background-color: #BBBBBB;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center
}

#container
{
background-color: white;
border-width: 2px;
border-color: #000000;
border-style: solid;
width: 740px;
height: auto;
padding-left: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin: 0 auto
}

#header
{
margin-left: 0px
}

#bottom
{
padding-top: 10px
}

#sidebar
{
background-color: white;
border-width: 2px;
border-color: #000000;
border-style: solid;
width: 180px;
height: 161px;
margin-left: 0px;
margin-top: 10px
}

#sidebox
{
background-image: url(images/box2.png);
border-width: 2px;
border-color: #000000;
border-style: solid;
width: 180px;
height: 161px;
margin-left: 0px;
margin-top: 10px
}

#homebox
{
background-image: url(images/box2.png);
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-color: #000000;
border-style: solid;
width: 538px;
height: 336px;
margin-left: 198px;
margin-top: -340px
}

#tutorialbox
{
background-image: url(images/box2.png);
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-color: #000000;
border-style: solid;
width: 538px;
height: 336px;
margin-left: 198px;
margin-top: -340px
}

#whatis
{
background-image: url(images/box2.png);
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-color: #000000;
border-style: solid;
width: 538px;
height: auto;
padding-bottom: 5px;
margin-left: 198px;
margin-top: -340px
}

#howto
{
background-image: url(images/box2.png);
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-color: #000000;
border-style: solid;
width: 538px;
height: auto;
padding-bottom: 5px;
margin-left: 198px;
margin-top: -340px
}

#sample
{
background-image: url(images/box2.png);
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-color: #000000;
border-style: solid;
width: 538px;
height: auto;
padding-bottom: 5px;
margin-left: 198px;
margin-top: -340px
}

#keyterms
{
background-image: url(images/box2.png);
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-color: #000000;
border-style: solid;
width: 538px;
height: auto;
padding-bottom: 5px;
margin-left: 198px;
margin-top: -340px
}

#practicebox
{
background-image: url(images/box2.png);
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-color: #000000;
border-style: solid;
width: 538px;
height: 336px;
margin-left: 198px;
margin-top: -340px
}

#precipitateproblems
{
background-image: url(images/box2.png);
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-color: #000000;
border-style: solid;
width: 538px;
height: 336px;
margin-left: 198px;
margin-top: -340px
}

#acidbaseproblems
{
background-image: url(images/box2.png);
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-color: #000000;
border-style: solid;
width: 538px;
height: auto;
padding-bottom: 5px;
margin-left: 198px;
margin-top: -340px
}

#redoxproblems
{
background-image: url(images/box2.png);
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-color: #000000;
border-style: solid;
width: 538px;
height: auto;
padding-bottom: 5px;
margin-left: 198px;
margin-top: -340px
}

#titrationproblems
{
background-image: url(images/box2.png);
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-color: #000000;
border-style: solid;
width: 538px;
height: 336px;
margin-left: 198px;
margin-top: -340px
}

#mediabox
{
background-image: url(images/box2.png);
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-color: #000000;
border-style: solid;
width: 538px;
height: auto;
margin-left: 198px;
margin-top: -340px
}

#linksbox
{
background-image: url(images/box2.png);
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-color: #000000;
border-style: solid;
width: 538px;
height: 336px;
margin-left: 198px;
margin-top: -340px
}

#content
{
padding-left: 10px;
padding-right: 10px;
font-family: calibri

}

a.home
{
display: block;
width: 180px;
height: 27px;
background: url(images/home.jpg);
text-decoration: none
}

a.home:hover
{
background-position: -180px 0
}

a.tutorial
{
display: block;
width: 180px;
height: 27px;
background: url(images/tutorial.jpg);
text-decoration: none
}

a.tutorial:hover
{
background-position: -180px 0
}

a.practice
{
display: block;
width: 180px;
height: 27px;
background: url(images/practice.jpg);
text-decoration: none
}

a.practice:hover
{
background-position: -180px 0
}

a.media
{
display: block;
width: 180px;
height: 27px;
background: url(images/media.jpg);
text-decoration: none
}

a.media:hover
{
background-position: -180px 0
}

a.links
{
display: block;
width: 180px;
height: 27px;
background: url(images/links.jpg);
text-decoration: none
}

a.links:hover
{
background-position: -180px 0
}

.displace
{
position: absolute;
left: -5000px;
}

h1
{
font-size: 22px;
color: #003366
}