body { 
background-color: #eeeedd;
font-family: Arial, Verdana, Helvetica, Sans-Serif;
font-size: 100%;
font-style: normal;
font-weight: normal;
}


/*links */

a:link {
color: #993300;
text-decoration: underline;
}

a:visited {
color: #993300;
text-decoration: underline;
}

a:hover {
color: #cc9900;
text-decoration: none;
}


/*navigation links*/

a.sidenav:link { 
font-weight: bold;
font-size: 82%;
color: #993300; 
text-decoration: none;
 }

a.sidenav:visited { 
font-weight: bold;
font-size: 82%;
color: #993300; 
text-decoration: none; 
}

a.sidenav:hover { 
font-weight: bold;
font-size: 82%;
color: #cc9900; 
text-decoration: none; 
}

/*navigation links secondary*/

a.sidenavsmall:link { 
font-size: 70%;
line-height : 1.5;
color: #000099; 
text-decoration: none;
 }

a.sidenavsmall:visited { 
font-size: 70%;
line-height : 1.5;
color: #000099; 
text-decoration: none; 
}

a.sidenavsmall:hover { 
font-size: 70%;
line-height : 1.5;
color: #cc9900; 
text-decoration: none; 
}

.sidesmall { 
font-size: 70%;
line-height : 1.5;
color: #cc3333; 
text-decoration: none;
 }


/*navigation pages*/
 
.aboutlink { 
font-weight: bold;
font-size: 82%;
color: #000099; 
text-decoration: none;
 }
 
 .homelink { 
font-weight: bold;
font-size: 82%;
color: #9966cc; 
text-decoration: none;
 }
 
 .serviceslink { 
font-weight: bold;
font-size: 82%;
color: #cc9933; 
text-decoration: none;
 }
 
.servicessmalllink { 
font-size: 70%;
line-height : 1.5;
color: #cc9933; 
text-decoration: none; 
 }
  
.contactlink { 
font-weight: bold;
font-size: 82%;
color: #006633; 
text-decoration: none;
 }
 
.linkslink { 
font-weight: bold;
font-size: 82%;
color: #993300; 
text-decoration: none;
 }
 
.recentlink { 
font-weight: bold;
font-size: 82%;
color: #6699cc; 
text-decoration: none;
 }
 
.dots {
border: 2px dotted #ffffff;
}

/*main text and subheads */

h1.header {
font-size: 70%; 
line-height : 120%;
color: #666666;
margin: 0;
padding: 0;
}

.purple {
color: #9966cc;
}

p, .pblurb {
font-size: 82%; 
line-height : 1.2;
color: #333333;
}

.pred {
font-weight: bold;
font-size: 82%; 
line-height : 1.2;
color: #993300;
}

.pplain {
font-size: 70%; 
line-height : 1.2;
text-decoration: none;
color: #666666;
}

.title {
font-weight: bold;
font-size: 82%; 
line-height : 1.2;
text-decoration: none;
color: #666666;
background: transparent;
}

.navlink { 
font-weight: bold;
font-size: 82%;
color: #cc0000;
background: url(images/sara_back1.jpg);
}

ul {
font-weight: normal;
font-size: 82%; 
line-height : 1.3;
text-decoration: none;
color: #333333;
background: transparent;
}

h1 {
 
font-weight: bold;
font-size: 90%; 
text-decoration: none; 
color: #993300;
background: transparent;
}

h1.pichead {
 
font-weight: bold;
font-size: 90%; 
text-decoration: none; 
color: #9966cc;
background: transparent;
}

h2 {
 
font-weight: bold;
font-size: 85%; 
text-decoration: none; 
color: #333333;
background: transparent;
}

.service_header {
 
font-weight: bold;
font-size: 82%; 
text-decoration: none; 
color: #000000;
background: transparent;
}

.credit {

font-weight: normal;
font-size: 70%; 
text-decoration: none;
color: #333333;
background: transparent;
}


/*backgrounds */

.rule { 
background: #cccccc;
}

.back { 
background: #ddeeee;
}

.home { 
background: #9966cc;
}

.about { 
background: #000099;
}

.services { 
background: #cc9933;
}

.contact { 
background: #006633;
}

.links { 
background: #993300;
}

.recent { 
background: #6699cc;
}

.text { 
background: #ffffff;
}

.pic { 
background: #9966cc;
}

.cart { 
background: #999933;
}

/*background images */

.homeback { 
background-image: url("services_images/services_back.jpg")
}

.aboutback { 
background-image: url("images/sara_back.jpg")
}

.servicesback { 
background-image: url("services_images/sara_back.jpg")
}

.geneback { 
background-image: url("gene_images/sara_back.jpg")
}

.photoback { 
background-image: url("photo_images/sara_back.jpg")
}

.cartback { 
background-image: url("cart_images/sara_back.jpg")
}

.recentback { 
background-image: url("images/sara_back.jpg")
}

.contactback { 
background-image: url("images/sara_back.jpg")
}

.linksback { 
background-image: url("images/sara_back.jpg")
}
