html {
height:101%;
margin:0;
padding:0;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height:18px;
font-weight:normal;
color: #444;
margin:0;
padding:0;
}


#header {
height:40px;
background: #fff;
}

#footer {
border-top:1px solid #ccc;
}

#col1 {
float:left;
}

#col2 {
float:left;
margin-top:56px;
}

#col3 {
float:left;
margin-top:94px;
}



/* type */
h2 {
padding: 0 0 10px 0;
border-bottom: 1px solid #ccc;
margin:10px 0 2px 0;
}

h3 {
padding:5px 0 0 0;
margin:0px;
}

h4 {
border-top: 1px solid #ccc;
padding: 5px 0 0 0; 
}

h5 {
font-size:14px;
padding:5px 0;
margin:0; 
}


p {
padding: 0 0 0 0px;
}

p.border {
border-top: 1px solid #ccc;
padding: 5px 0 0 0px; 
}

p.small {
margin: 0 0 0 5px;
padding:0;
font-size:12px;
}


table.smalltext {
margin: 0 0 0 5px;
padding:0;
font-size:12px;
}

span.quote {
font-style: italic;
color: #666;
}

#proj1, #proj2, #proj3, #proj4, #proj5, #proj6, #proj7, #proj8 {
font-size: 12px;
line-height:16px;
}

span.small {
font-size:10px;
}


/* links */
a, a:visited {
color: #333;
}

a:hover, a.selected {
color: #96BD0D;
}

a.project {
font-weight:bold;
text-decoration:none;
}



/* navigation */
ul.navig{
padding:0;
}

ul.navig li{
list-style:none;
padding: 3px 0;
border-top:1px solid #ccc;
}

ul.navig li.bottom {
border-bottom:1px solid #ccc;
}

ul.navig li a{
font-weight:600;
text-decoration: none;
margin: 0 0 0 5px;
}