/*
:: overall paragraph settings and page background element  ::
== no background image for printing
== sets text basics | size, leading, alignment, color, margins
*/

body {
background:#ffffff;
font-family: arial,helvetica,geneva,sans;
text-align:left;
font-size:13px;
line-height:18px;
color:#333;
margin-top:0px;
margin-left:0px;
}
h1,h2,h3 {
font-family: courier new, courier, serif;
font-weight:bold;
text-align:left;
margin-bottom:0px;
}
h1 {
text-align:right;
font-size: 20px;
color: #ff0909;
margin-top:0px;
margin-bottom:25px;
}
h2 {
font-size: 16px;
color: #000;
margin-top:0px;
}
h3 {
font-size: 14px;
color: #696969;
margin-top:0px;
}

p {
margin-top:0;
}
li {
color:#333;
}
ul {
text-align:left;
color:#333;
list-style-type:square;
margin-bottom:15px;
}

.address {
font-family: verdana, arial, sans-serif;
color:#999;
font-size:10px;
line-height:12px;
text-align:right;
margin-right:8px;
}
.author {
color: #999;
}
.bold {
font-weight:bold;
}

/*
:: callout class selectors | see widths ::
== 1 is home page
== 2 is all other
*/

.callout1 {
float:right;
width:200px;
font-family: verdana, arial, sans-serif;
font-size:22px;
line-height:32px;
color:#999;
text-align:right;
}
.callout2 {
float:right;
width:200px;
font-family: courier new, courier, serif;
font-size:15px;
line-height:19px;
color:#999;
text-align:right;
margin-left:25px;
}
.center {
text-align:center;
}
.clear {
clear: both;
}
.contactaddress {
font-family: verdana, arial, sans-serif;
color:#666;
font-size:13px;
line-height:17px;
text-align:right;
margin:30px 100px 30px 0;
}
.eg1 {
font-size:11px;
line-height:13px;
color:#666;
margin-left:45px;
margin-bottom:0px;
}
.eg2 {
font-size:11px;
line-height:13px;
color:#666;
margin-left:75px;
}
.home {
font-family: courier new, courier, serif;
font-size:14px;
line-height:18px;
}
.inner {
list-style-type:disc;
}
.italic {
font-style:italic;
}
.left {
text-align:left;
}
.menu {
font-size:15px;
line-height:30px;
margin-top:15px;
text-align:right;
}
.projects {
font-size:12px;
line-height:18px;
margin-left:15px;
}
.right {
text-align:right;
}
.smaller {
font-size:11px;
line-height:14px;
color:#666;
}
.small {
font-size:10px;
line-height:12px;
color:#999;
}
.title {
font-style:italic;
color:#333;
}
.wrapleft {
float:left;
margin:0px 20px 5px 0px;
}
.wrapright {
float:right;
margin:15px 0px 20px 20px;
}

/*
:: link elements  ::
== ungarnished for images
== navigate for menu
== text for text
*/

a:link {
color:#999;
text-decoration:none;
}
a:visited {
color:#999;
text-decoration:none;
}
a:hover {
color:#333;
text-decoration:none;
}

a.navigate:link {
font-family: courier new, courier, serif;
font-weight:bold;
color:#999;
text-decoration:none;
}
a.navigate:visited {
font-family: courier new, courier, serif;
font-weight:bold;
color:#999;
text-decoration:none;
}
a.navigate:hover {
font-family: courier new, courier, serif;
font-weight:bold;
color:#000;
text-decoration:none;
border-bottom:1px dotted #ff0909;
}
a.navigate:active {
font-family: courier new, courier, serif;
font-weight:bold;
color:#ff0909;
text-decoration:none;
border-bottom:1px dotted #ff0909;
}

a.text:link {
color:#666;
font-weight:normal;
text-decoration:none;
border-bottom:1px dotted #999;
}
a.text:visited {
color:#000;
font-weight:normal;
text-decoration:none;
border-bottom:1px dotted #cc9999;
}
a.text:hover {
color:#000;
font-weight:bold;
text-decoration:none;
border-bottom:1px solid #cc0000;
}
a.text:active {
color:#000;
font-weight:bold;
text-decoration:none;
border-bottom:1px solid #cc0000;
}

/*
:: basic positioning elements  ::
== only one #ID selector per page | point of origin upper right corner of screen
== divide screen into effective blocks
== container has no border to enable print from IE
*/

#hed {
position:absolute;
top:0px;
left:0px;
height:95px;
z-index:2;
}
#brace {
position:absolute;
top:95px;
left:0px;
width:105px;
border-right:1px solid #000;
}
#container {
position:absolute;
width:550px;
top:94px;
left:110px;
padding:15px;
z-index:1;
}
#footer {
position:absolute;
top:0px;
right:0px;
}