/*
  SOME GENERAL STUFF
*/

* {
padding: 0;
margin: 0;
font-family: helvetica, serif;
}

h1, h2 {
font-family:helvetica, sans;
font-size: 3em;
margin-bottom:1em;
}

h3, h4 {
font-family:helvetica, sans;
font-size: 2em;
margin-bottom:1em;
}

a {
text-decoration: none;
color: gray;
border-bottom: solid 1px gray;
}

a:hover {
color: red;
border-bottom-color: red;
}

img {
border: 0;
}

#content {
width:60em;
text-align: left;
padding: 0;
margin: 0;
}

center {
padding: 0;
margin: 0;
}

#left {
width: 500px;
float: left;
padding:0;
margin:0;
}

#left a {
border: 0;
}

#left a img {
border:0;
}

#left ul {
text-align:right;
list-style-type: none;
padding:0;
margin:0;
margin-top:.4em;
}

#left ul li{
font-family: helvetica, sans;
text-decoration: none;
display:block;
font-size: 3em;
padding: .2em;
margin: 0;
}

#left ul li a{
color: gray;
text-decoration: none;
font-family: helvetica, sans;
border: 0;
} 

#left ul li a:hover{

color:red;
}

#right {
margin: 0;
padding: 0;
margin-left:500px;
padding-left: 1em;

}

#right ul {
margin-bottom: 3em;
margin-left: 1em;
list-style-type: none;
}

#right ul li {
margin-bottom: 0.5em;
text-indent: -1em;
}

.intro {
font-size: 2em;
line-height: 1.5em;
}

p {
font-size: 1.2em;
line-height: 1.5em;
margin-bottom: 1em;
text-align: justify;
}

ul {
margin-left: 2em;
}

.leftHidden {
float: left;
margin: 5px;
}

.rightHidden {
padding-left: 170px;
}

ol {
list-style-type:none;

}

ol li {
border: solid gray 1px;
margin: 1em;
padding: 1em;
}

ol li img {
float: left;
padding: 1em;
}

ol li p {
font-size: 1em;
line-height: 1.1em;
}