body {
background-color: white;
background-image:url('bg2.jpg');
font-size: 10;
font-family: lucida grande, helvetica, arial, verdana, sans-serif;
color: white;
padding: 0px;
margin: 0px;
}

a {
color: #cc00cc;
text-decoration: none;}
a:visited{color: #cccc00;}
a:hover{color: #ff0033;}
a:active{color: #66cc33;}

h1.work {
color: #003366;
font-size:20px;
font-weight: strong;
}

h2 {
color: #cccc00;
font-size: 20px;
font-weight: normal;
margin-top: 10px;
margin-left: 50px;
}

h3 {
color: #ff3333;
font-size: 25px;
font-weight: strong;
margin: 0px;
}

p {
padding: 10px;
margin: 0px;
}

/* - CONTAINER - */

#container {
width: 800px;
min-height: 800px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding: 40px;
background-color: white;
font-color: white;
}

#container a {
color: #cc00cc;
text-decoration: none;}
#container a:visited{color: #cc00cc;}
#container a:hover{color: #ff0033;}
#container a:active{color: #66cc33;}

/* - BANNER - */

body.home #banner a {
background-image: url(banner5.jpg);
display: block;
height: 300px;
width: 800px;
margin: 15px;
}

body.home #banner a span {
visibility: hidden;
}

body.projects #banner {
background-image: banner.jpg;
height: 200px;
weight: 800px;
margin: 0px;
}

body.writing #banner {
background-image: url(banner1.jpg);
height: 200px;
weight: 800px;
margin: 0px;
}

body.rivers #banner {
background-image: url(banner2.jpg);
height: 200px;
weight: 800px;
margin: 0px;
}

body.links #banner {
background-image: url(banner3.jpg);
height: 200px;
weight: 800px;
margin: 0px;
}

body.links2 #banner {
background-image: url(banner4.jpg);
height: 200px;
weight: 800px;
margin: 0px;
}

/* - CONTENT - */

#content {
border: none;
border-color: #cccc00;
text-align: left;
font-color: white;
font-size: 12;
padding: 5px;
margin-left: 400px;
margin-right: 0px;
margin-top: 240px;
}

div#content {
min-height: 500px;
}

#content a {
color: #cc00cc;
text-decoration: none;}
#content a:hover{color: #ff0033;}
#content a:active{color: #66cc33;}

#content p {
margin-left: 300px;
margin-top: 300px;}

/* - LEFT - */

#left {
color: #0066cc;
background-color: white;
font-family: arial, verdana, sans-serif;
font-size: 36;
border: none;
float: left;
width: 200px;
padding: 5px;
margin-left: 100px;
}

div#left {
min-height: 700px;
}

#left ul {
padding: 0px;
margin: 0px;
width: 175px;
list-style: none;
}

#left ul li {
font-size: 28;
font-family: arial, verdana, sans-serif;
text-transform: uppercase;
text-decoration: outline;
border: none;
background-color: white;
margin: 20px;
padding: 0px;
}

#left ul li a {
color: #0066cc;
text-decoration: none
}

#left ul li a:visited {
color: #cccc00;
}

#left ul li a:hover {
color: #ff0033;
}

#left ul li a:active {
color: #66cc33;
}

/* - MENU - */

body.home #menu {
height: 100px;
background-color: white;
margin: 15px;
padding: 0px;
}

#menu ul {
padding: 0px;
margin: 0px;
float: center;
width: 100%;
background-color: white;
style: none;
font-size: 30px;
}

#menu ul li {
display: inline;
}

/* - FOOTER - */

#footer {
width: 800px;
background-color: white;
margin: 0px;
padding: 2px;
text-align: right;
}