html, body {

min-width: 800px;
font-family:  Arial, "Trebuchet MS", sans-serif;
padding: 0;
margin: 0;
color: #000;
background: #fffcdf;
line-height: 1.3;
}

#banner {
font-family: "Comic Sans MS", Geneva, Arial, "Trebuchet MS", sans-serif;
margin: 0 0 3px 1%;
padding: 0;
color: #606; 
background: #fffcdf;
border: 0;
}

#banner h1 {

color: inherit;
margin: 4px 0 0 0;
padding: 0;
font-size: 200%;
line-height: .8em;
}

.address {

line-height: 1.25;
margin-top: .2em;
}

/* =======  TRUNK ============*/

#picStrip {

margin-top:5px;
margin-left:1%;
margin-right:2px;
height:50px;
background: #fffcdf url("pics/montageStrip50.jpg");
}

#trunk {

margin: 1% 2% 1% 1%;
padding: 0;
color: #000;
background: transparent;
}

#trunk a,a:visited {

color: #009;
background: transparent;
}

#trunk a:hover {

color:#c00;
background: transparent;
}


#trunk a:active {

color: #090;
background: transparent;
}


/* =======  WRAPPER============*/

#wrapper {

margin: 1% 1% 0 1%;
padding: 0;
border: 0px white solid;
width: 99%;
}


/* Hides from IE5-mac \*/
* html #wrapper {
height: 1%;
margin:1% 0 0 1%;}
/* End hide from IE5-mac */

/* ======= CONTENT =======*/

#content {

margin: 0 220px 2% 0;
padding: 1% 1% 1% 1%;
color: #000;
background: #fff url("pics/artyStrip.jpg") repeat-y; 
padding-left: 60px;
border: 4px solid #ccc;
}

/* Hides from IE5-mac \*/
* html #content {
height: 1%;
}
/* End hide from IE5-mac */


h1 {
font-family: "Comic Sans MS", Arial, san serif; 
font-size: 180%; 
margin: 0;
}

h2 {font-family: "Comic Sans MS", Arial, san serif; font-size: 130%; margin: 0.3em auto 0 auto;}

h3  {font-family: "Comic Sans MS", Arial, san serif;font-size: 115%;margin:.05em auto auto auto;}

#content p {margin-top: 0.3em;}

#content ul {margin-top: 0.3em;}

#content a,a:visited {

text-decoration: underline;
color: #006;
background: transparent;
margin: 0;
padding: 0;
}

#content a:hover {
   color : #900;
   background : transparent;}

#content a:active {
   color : #060;
   background : transparent;}

#contentPrimary {

margin: 0 0 2% 1%;
width: 90%;
padding: 0 0 0 60px;
color: #333;
background: #fff url("pics/artyStrip.jpg") repeat-y; 
border: 4px solid #ccc;
}

#contentPrimary a,a:visited {

text-decoration: none;
color: #009;
background: transparent;
margin: 0;
padding: 0;
}

#contentPrimary a:hover {
   color : #900;
   background : transparent;}

#contentPrimary a:active {
   color : #060;
   background : transparent;}

#contentPrimary h1 {margin-bottom:.5em;}


/* =============== TABLES ================== */

table {

margin:  1% auto 1% auto;
border: 2px #999 solid;
color: #000;
background: #fff;
}

td {

border:1px #CCC solid;
padding: 5px;
margin: 0px;
}

td.service {background: #fffcdf;}

table td {vertical-align: top;}

th {text-align: left}

td a {

text-decoration: underline;
color: #000;
background: #fff;
}

td a:visited {

text-decoration: underline;
color: #000;
background: #fff;
}

td a:hover {color: #900;background: #fff;}

td a:active {color: #006;background: #fff;}


td  h2{font-size:100%;font-weight:normal;margin:0;padding:0;}

td  p{margin:.3em 0 .2em 0;padding:0;}

/* ===== FEATURES ======== */

#features {

float: right;
width: 200px;
color: #000;
font-size: 85%;
margin: 0 1% 2% 0;
padding: 0;
border: 0px black solid;
background: transparent;
}

/* Hides from IE5-mac \*/
* html #features {
height: 1%;
padding: 0 0 1em 1em;}
/* End hide from IE5-mac */


#features a,a:visited {

text-decoration: underline;
color: #009;
background: #fffcdf;
}

#features a:hover {color: #090;background: #fffcdf;}

#features a:active {color: #006;background: #fffcdf;}

#features ul {

margin: 0;
padding: 0;
list-style-type: none;
background: #fffcdf;
}

#features ul li {

margin: 0.5em 0 0 0;
padding: 0;
list-style-type: none;

}

#features ul li.first {

margin: 0;
padding: 0;
list-style-type: none;

}

/* Hides from IE5-mac \*/
* html #features ul {
margin: 0;
}

/* End hide from IE5-mac */

/* Hides from IE5-mac \*/
* html #features ul li{
margin: 0;
}
/* End hide from IE5-mac */

#featuresHighlight {

float:right;
width: 230px;
color: #000;
font-size: 85%;
margin: 0 1% 2% 1%;
padding: 5px;
border: 0px black solid;
background: #FFFFF0;
}

#featuresHighlight h1 {font-style:italic;font-size:1.4em;}

#featuresHighlight a,a:visited {

text-decoration: underline;
color: #009;
background: #FFFFF0;
}

#featuresHighlight a:hover {color: #900;background: #FFFFF0;}
#featuresHighlight a:active {color: #006;background: #FFFFF0;}
#features h2 {font-family: 'Comic Sans MS';font-size:100%;}
#features div {margin: 3px 0 6px 0;}
#features img {border:1px solid #606;}


/* ======= FOOTER ======== */

#footer {

clear:both;
padding: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 2%;
margin-bottom: 1%;
text-align: center;
font-size: 85%;
color: #606;
background: transparent;
border: 0;
}


#footer a,a:visited {

text-decoration: none;
color: #606;
background: #fffcdf;
border: 0;
}

#footer a:hover {color: #060;background:#fffcdf;}
#footer a:active {color: #009;background:#fffcdf;}


/* ====== SITE MAP========= */

#siteMap {

margin: 0;
padding: 0;
background: transparent;
}

ul#siteMap li {

margin: 0 0 0 10px;
padding: 0px 0 0 0px;
list-style: none;
list-style-image: none;
border-bottom: 0px solid #666;
background: transparent;
}

#siteMap li a {

font-size: 95%;
display: block;
padding: 0px 5px 0px 0;
text-decoration: none;

}

#siteMap li a:hover {
background: transparent;
color: #0C0;
}

#siteMap li.topClass {

margin: 10px 0 0 0;
border: 0;

} 

#siteMap li.topClass a {text-decoration: underline;}
#siteMap li.level3 {margin-left:20px;}