body {
background:white;
padding: 5px;
margin: 0px;
border: 0px;
}

#container {
background-image: url('images/background3.jpg');
background-repeat: repeat-vertical;
width: 950px;
border:solid thin green;
padding: 0px;
margin: 0px;
font-family: helvetica;
}

#nav {
position:absolute;
top: 150px;
left: 0px;
width:160px;
border-right: solid 1px black;
padding: 0px;
margin: 0px;
float:left;
}

#nav ul {
margin: 0px;
padding: 0px;
border: 0px;
}

#nav li {
list-style-type: none;
margin:0px;
padding:0px;
border:0px;
width: 100%;
}

#nav a {
text-decoration: none;
display: block;
width: 100%;
color: white;
background:gray;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 0px;
border:solid thin black;
margin-top: 5px;
}

#nav a:hover, #nav a.selected {
color: yellow;
border-right:solid 3px yellow;
}

#topnav {
margin-top: -25px;
}

#topnav ul {
background: gray;
padding: 0px;
margin: 0px;
border: 0px;
}

#topnav li {
display: inline;
padding: 50px;
}

#topnav a {
text-decoration: none;
color: white;
}

#topnav a:hover {
color: orange;
}


#piccies img {
height:120px;
border:solid 2px black;
border-style: outset;
}



.textbox {
text-align: left;
background: white;
width: 900px;
margin-bottom: 50px;
padding-left: 50px;
border: solid 5px white;
border-style: outset;
filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;

}

.textbox img {
filter:alpha(opacity=100);
opacity:1;
-moz-opacity:0.9;
}


.left {
width: 420px;
padding: 15px;
margin: 5px;
float: left;
}

.right {
width: 420px;
padding: 15px;
margin: 5px;
float: right;
}

.textbox h2 {
font-size: 1.1em;
margin-bottom: 0px;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
position: relative;

}

.textbox p {
margin-top: 0px;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
position: relative;

}

.textbox a.mainlink {
background: gray;
color: white;
border: solid orange thin;
text-decoration: none;
padding: 5px;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
position: relative;

}

.smaller {
font-size: 0.7em;
}

.buttoncell {
width: 60px;
padding-left: 20px;
}

a img {
border: solid thin white;
}

a:hover img {
border: solid thin blue;
}

.textbox a:hover {
background: black;
color: green}

.footer {
width: 100%;
background: black;
color: white;
text-align: center;
}

a.footer  {
text-decoration: none;
color:gray;
}

a.email  {
color: white;
}

.footer a:hover {
color:yellow;
}

dt {
font-weight: bold;
}

dd {
margin-left: 40px;
}

.diagram {
background: orange;
border: solid thin black;
}

.outcome {
background: cyan;
border: solid thin black;
}

.vertical {
background-image: url('images/line.jpg');
background-repeat: repeat-y;
background-attachment:fixed;
background-position: 27% 5%; 

}

.glide {
display: none;
}