body 
{
height: 100%;
min-height: 100%;	
background-color: #232323;
}

/*divs*/
div.wrapper
{
width: 100%;
height: auto;
}

div.headermenu
{
width: auto;
padding: 5px 10px 5px 5px;
float: left;
background-color: #383838;
border: 1px dotted #515151;
color: #f7f7f7;
font-family: Trebuchet MS, verdana, sans-serif;
font-size: 12pt;
}

div.content
{
clear: both;
width: 1000px;
height: auto;
margin: 20px 0 10px 0;
padding: 5px 20px 65px 10px;
float: left;
color: #f7f7f7;
font-family: georgia, times new roman, serif;
font-size: 9pt;
line-height: 1.5em;
}

div.main
{
width: 750px;
height: auto;
float: left;
background-color: #383838;
border: 1px dotted #515151;
padding: 5px;
margin: 0 0 15px 0;
}

div.maincontent
{
width: 600px;
height: auto;
float: left;
background-color: #383838;
border: 1px dotted #515151;
padding: 5px;
}

div.sidenav
{
width: 135px;
height: 100%;
min-height: 100%;
float: left;
padding: 0 5px 5px 0;
margin: 0 10px 0 0;
}

div.column
{
width: 200px;
padding: 0 25px 0 25px;
float: left;
}

div.commentcolumn
{
width: 300px;
height: 800px;
padding: 0 25px 0 25px;
font-size: 9pt;
color: #f7f7f7;
float: left;
}

div.projectcolumn
{
width: 200px;
height: auto;
padding: 0 25px 0 25px;
float: left;
background-color: #383838;
border: 1px dotted #515151;
margin: 0 10px 0 10px
}

div.projectcolheader
{
width: 90%;
height: 35px;
border: #f7f7f7;
padding: 5px;
text-align: center;
}

div.projectcolcontent
{
width: 90%;
color: #f7f7f7;
padding: 5px;
text-align: left;
}

/*
 * will use this later
 * 
div.content
{
clear: both;
width: 600px;
margin: 20px 0 10px 0;
padding: 5px 20px 5px 10px;
float: left;
background-color: #383838;
border: 1px dotted #515151;
color: #f7f7f7;
font-family: georgia, times new roman, serif;
font-size: 10pt;
}

div.contentgfx
{
float: left;
width: 400px;
margin: 20px 0 10px 20px;
}

div.contentpicture
{
text-align: center;
width: auto;
height: auto;
}

div.graphicrep
{
text-align: center;
width: auto;
height: auto;
}
*/

div.footerwrapper
{
position: fixed;
width: 99%;
height: 65px;
bottom: 0;
text-align: right;
background-color: #232323;
}

/*headers*/
h1.content
{
font-size: 16pt;
color: #fae46b;
font-family: Trebuchet MS, verdana, arial, sans-serif;
}

h2.content
{
font-size: 12pt;
line-height: .1em;
font-family: Trebuchet MS, verdana, arial, sans-serif;
font-style: italic;
}

/*other fonts*/
span.sidenav
{
font-size: 12pt;
font-weight: bold;
color: #f7f7f7;
font-family: Trebuchet MS, verdana, sans-serif;
}

span.commentheader
{
font-family: Trebuchet MS, verdana, sans-serif;
font-style: italic;
font-size: 12pt;
}

/*links*/
a.header:link, a.header:visited
{
color: #f7f7f7;
font-family: Trebuchet MS, verdana, sans-serif;
font-size: 12pt;
text-decoration: none;
}

a.header:hover
{
color: #f7f7f7;
font-family: Trebuchet MS, verdana, sans-serif;
font-size: 12pt;
text-decoration: underline;
}

a.content:link, a.content:visited
{
color: #fae46b;
text-decoration: none;
}

a.content:hover
{
color: #f7f7f7;
text-decoration: underline;
}

a.footer:link, a.footer:visited, a.footer:hover
{
color: #fae46b;
font-family: Trebuchet MS, verdana, arial, sans-serif;
font-size: 48px;
text-decoration: none;
}


/*sidenav items*/
table.side
{
width: 100%;
}

table.side td
{
background-color: #383838;
border: 1px dotted #515151;
color: #f7f7f7;
padding: 0.3em;
margin: 2px 0 2px 0; 
}  
  
table.side td:hover 
{ 
text-decoration: underline; 
} 

a.side:link, a.side:visited, a.side:hover
{
color: #f7f7f7;
text-decoration: none;
font-size: 10pt;
font-family: Trebuchet MS, verdana, sans-serif;
}

/*tables*/
table.footersngfx
{
border: 0;
padding: 0 30px 0 0;
display: inline;
}

td.footersngfx
{
padding: 0 5px 0 5px;
}

table.contact
{
color: #f7f7f7;
}

table.contact td
{
padding: 10px;
border-top: 1px dotted #515151
}

form textarea, input
{
background-color: #c0c0c0;
color: #000000;
}