\<style type="text/css">

<!--
html { background-color: #FFFFFF; } /* #F2F3F4; */

html body {
       background-color: #FFFFFF;   /* #F2F3F4; */
       color: #000000;
       margin: 0px; border: 0px;
       max-width: 9in;
       font-family: Verdana, Arial, Helvetica, sans-serif; 
       font-size: 62.5%; }  /* 12 pt */

/* divs, generally: */
div { margin: 0px; padding: 0px; }

/* structural divs: */
#container {  /* this one establishes page width and centers everything in the browser */
        width: 900px;
        position: absolute;
        top:   0%; margin-top:     0px;
	left: 50%; margin-left: -450px;
}

#masthead { border: 2px solid black; border-bottom: none; margin-bottom: }
#pagemenu { width: 100%; }
#contents { width: 100%; margin: 15px 0px 0px 0px; padding: 0px; }
#main     { width: 590px; float: left; margin: 0 0px 0 0; padding: 0 10px 0 0; } /* was: padding 10px right */
#sidebar  { width: 300px; float: left; margin: 0; padding: 0; }
#notice   { width: 100%; border: 2px solid red; background-color: #FFECEE; }

div.errorExplanation { border: 2px solid red; background-color: #ff7f7f; }

/* link styles */
a         { text-decoration: none; }  /* general link styles */
a:link    { color: #B25523; } /* signature brown */
a:visited { color: #B25523; }
a:hover   { color: #FC3808; } /* highlight/active orange */
a:active  { color: #FC3808; }
a img     { border: none; }

/* table formatting for the menu and main content of a page */
td               { vertical-align: top; margin: 0px; padding: 0px; }

table.topmenu    { width: 100%; margin: 0px; padding: 0px; }
col.menucol      { width: 11.1%; } /* = 100% / 9 cells */
table.topmenu td { text-align: center; vertical-align: middle; height: 46px; width: 100px; }
table.topmenu td p { font-size: small; margin-bottom: 0pt; }                   /* fiddle? */
td.menuInactive  { background-image: url(../images/menu-cell-inactive.png); }
td.menuActive    { background-image: url(../images/menu-cell-active.png); }

/* styling for area rollover-tables */
table.rollover   { width: 100%; margin: 0px; padding: 0px;}
col.rollovertabs { width: 16%; }
col.rollovertext { width: 84%; }
table.rollover tr td div { width: 100%; } /* of the column width */
td.tabsCell      {  } /* these two don't apply any formatting, they're just here so I */
td.targetsCell   { padding-left: 5px; } /* can easily find the rollover tabs and targets with prototype calls */
div.tab          { text-align: center;
                   vertical-align: middle;
                   padding: 4px 0px;
                   font-size: medium;    /* fiddle? */
                   font-weight: bold; }
td.tabsCell div p { font-size: 1em; }                   
div.tabActive    {  }
div.tabActive p  { color: #B25523; border-top: 2px solid #B25523; border-bottom: 2px solid #b25523; }
div.tabInactive  { color: black; }
div.targetShown    { visibility: visible; display: block; }
div.targetHidden   { visibility: hidden; display: none; }

/* sidebar styles */
/* Note: the 10px of margin-left on div.sidebarItem is where the global sidebar left-margin comes from.
   All sidebar content units must be inside a div.sidebarItem to get this benefit. */
div.sidebarItem               { margin: 0 0 10px 10px; padding: 0 0 10px 0; border-bottom: 1px solid #BBBBBB; }
div.sidebarItem p.writingquote { font-style: italic; margin-bottom: 1pt; }
div.sidebarItem p.attribution { font-size: 1.3em; margin-bottom: 0pt; }
p.sidebarItemHeader { font-weight: bold; margin-bottom: 6pt; } /* titles of sidebar items */
p.sidebarP { margin-left: 2em; margin-bottom: 2pt; }
p.tagCloud { margin-left: 2em; margin-bottom: 2pt; }
p.blogrollItem { margin-left: 2em; margin-bottom: 2pt; }
div.fakead { display: none; }
p.archiveyear { margin-left: 1em; margin-bottom: 0px; }
div.archiveblock p { margin-left: 2em; margin-bottom: 2pt; }

/* blog styles */
h1.SSCtitle  { font-size: 18pt;  }
p.SSCsubhead { color: #B25523; font-size: 10pt; font-style: italic; text-align: center; }
div.blogpost { border-bottom: 1px solid black; margin: 0 2em 0 2em; }
p.blogtitle { font-size: large; font-weight: bold; margin-top: 6pt; margin-bottom: 10pt; }
p.blogdate { font-size: 90%; font-style: italic; margin-left: 2em; }
div.blogbody { margin-left: 2em; }
div.blogbody p { margin-bottom: 12pt; }
p.blogtags { font-size: 90%; font-style: italic; margin-left: 2em; }
div.blogcomment { background-color: #EBECEE; margin-top: 6pt; padding-left: 1em; border-top: 1px solid black; }
p.commentbody   { margin-left: 1em; }
p.commentattrib { font-style: italic; font-size: small; margin-left: 1em; }
div.imgleft { float:left;
              margin-right: 10px; }
div.imgright { float:right; 
               margin-left: 10px; }
div.imgleft img, div.imgright img {
               padding: 4px; 
               border: 1px solid #a9a9a9;
               margin-bottom: 0px; }

div.email_confirmation { visibility: hidden; display: none; }
p.warning { color: #FF0000; border: 1px solid red; background-color #FFCFCF; }

a.tag1 { font-size: 10pt; }
a.tag2 { font-size: 12pt; }
a.tag3 { font-size: 15pt; }
a.tag4 { font-size: 20pt; }
div.blogpost blockquote { background-color: #F2EDDA;
                          margin: 0em 1em 0.5em 2em;
                          padding: 0em 0.5em 0em 0.5em; }
/
/* Order styles */
div.vieworder { border-bottom: 1px solid black; }
div.estimate  { border-top: 1px solid black;
                border-bottom: 1px solid black;
                margin-bottom: 6pt;}
/* Your Project area styles*/
div.projectstatus { border-top: 1px solid black;
                    margin-top: 6pt; }

/* resource page styles */
table.resourcetable {
  margin-top: 10px;
}
table.resourcetable tr td { 
  padding-right: 10px;
  padding-bottom: 10px; }

/* various paragraph and span styles */
p           { 
       font-size: 1.3em;
       line-height: 1.538em;
       margin: 0px; margin-bottom: 10pt; }
li p { margin-bottom: 0pt; } /* 10 points between bullet items is way too much. */
p.indent    { margin-left: 3em; } /* sometimes you just need an indented <p> */
p.fineprint { font-size: xx-small;
              font-style: italic; }
p.center    { text-align: center; }

/* main headings */
h1   { color: #B25523;
       margin: 0px;
       font-size: large; 
       text-align: center; }
h2   { color: black;
       margin: 0px;
       padding-top: 4px;
       font-size: large; }
h3   { color: black;
       margin-top: 0.25em;
       margin-left: 0em;
       margin-right: 0em;
       margin-bottom: 0em; }

/* misc styles */
img  { border: none; }
img.floatleft { float:left;
                margin-right: 10px;
                padding: 4px; 
                border: 1px solid #a9a9a9; }
img.floatright { float:right; 
                 margin-left: 10px;
                 padding: 4px; 
                 border: 1px solid #a9a9a9; }
.img-shadow-left img {
   display: block;
   position: relative;
   background-color: #fff;
   border: 1px solid #a9a9a9;
   margin: -6px 6px 6px -6px;
   padding: 4px;
   }

/* testimonial quote stuff */
div.testimonial { margin-left: 2em; }
p.tQuote { margin-bottom: 2pt; font-style: italic; }
p.tAttrib { /* font-size: 85%; padding-bottom: 6pt; */ }

-->
</style>