body { background-color: #fff;  
       margin: 0; 
       padding: 0; 
       font-family: Times, Georgia, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
       }
       
div.clear {line-height: 0; clear: both; }
.hidden { display: none; }
.pad_bottom { line-height: 30px; }

div#main_content { text-align: left; margin: 0 auto; padding: 0; width: 800px;}

/* header styles */
/*
div#name_box { margin: 20px 0 0 110px; padding: 0 0 0 10px; width: 400px;  border-left: 2px solid #e1e1e1; }
div#name_box a {  color: #3B6491; text-decoration: none; }
div#name_box a:hover { text-decoration: none; }
div#strap_box { margin: 0 0 0 240px; padding: 0 0 0 10px; width: 400px; border-left: 2px solid #e1e1e1;  }
*/
div#name_box { margin: 20px 0 0 170px; padding: 0 0 0 10px; width: 400px;  border-left: 2px solid #e1e1e1; }
div#name_box a {  color: #3B6491; text-decoration: none; }
div#name_box a:hover { text-decoration: none; }
div#strap_box { margin: 0 0 0 270px; padding: 0 0 0 10px; width: 400px; border-left: 2px solid #e1e1e1;  }

h1.name { color: #3B6491; font-size: 240%; margin : 6px 0 6px 0;}
h2.strapline { color: #fbaf5c; font-size: 140%; margin : 6px 0 6px 0;}

div#contact_box { color: #1D2B21; margin: 0 0 20px 370px; padding: 0 0 0 10px; width: 400px; border-left: 2px solid #e1e1e1; }
/*
div#contact_box { color: #1D2B21; margin: 0 0 20px 240px; padding: 0 0 0 10px; width: 400px; border-left: 2px solid #e1e1e1; }
*/
.telno { font-family: Georgia, Times, Helvetica, SunSans-Regular; color: #9d080d; }
.email { color: #3b6491; }

div#contact_box a { text-decoration: none; }
div#contact_box a:hover { color: #9d080d; text-decoration: none; }
div#contact_box p { margin: 6px 0 6px 0; }

/* navigation styles */

div#nav { margin: 0; padding: 0; }
div#nav ul { margin: 0 0 20px 90px; padding: 0; list-style: none; }
div#nav ul li { margin: 0 62px 0 62px; padding: 0 0 6px 0; float: left; position: relative;}
div#nav ul li.last { margin-right:0; }
div#nav ul li a { color: #1d2b21; text-decoration: none; padding: 0 0 4px 0; margin: 0; border-bottom: 2px solid #fff; }
div#nav ul li a:hover { text-decoration: none; border-bottom: 2px solid #fbaf5c; }
div#nav ul li a.active { border-bottom: 2px solid #fbaf5c; }

/* page styles */

div#page_content { margin: 20px 0 50xp 0; padding: 0 0 0 110px; width: 570px; font-size: 80%;}

p { color: #1d2b21; }
a { color: #448ccb; text-decoration: none; }
a:hover { color: #9d080d; text-decoration: underline; }
a:visited { color: #448ccb; }
li { color: #1d2b21; }

h3 { color: #1d2b21; }

p.quotation { padding-left: 50px; padding-right:50px;}
p.footnote { font-size: 80%;} 

div#subnav { font-size: 90%;
float: left; 
width: 150px; 
margin: 20px 0 50px 0; 
padding: 0; 
}

div#subnav ul { margin: 0; padding: 0; list-style: none;}
div#subnav ul li { display: inline; text-align: right;}
div#subnav ul li a     { color: #1d2b21; text-decoration: none; display: block; margin: 0 0 10px 0; padding: 3px 20px 3px 0; width: 130px; border-right: 2px solid #fff; }
div#subnav ul li a:hover  { color: #1d2b21; text-decoration: none; border-right: 2px solid #fbaf5c;}
div#subnav ul li a.active  { color: #1d2b21; border-right: 2px solid #fbaf5c; }

div#sub_content { 
font-size: 90%;
margin: 8px 0 20px 22px; 
padding: 0;
width: 450px; 
float: left;  }

.website_ref { font-weight: bold; } 
.website_ref a { text-decoration: none; }
.website_ref a:hover { text-decoration: underline; }
.orange { color: #fbaf5c; }
.blue { color: #3B6491; }

img.screenshot { margin: 5px 30px 5px 15px; padding: 0; border: 0; float: left; }
img.right_most { margin-right: 0; }