/*****************************
NATURES WAY 
******************************/

body { 
   font-family: verdana, helvetica, sans-serif; 
   height: 100%; 
   background: #fff;
   }

* { 
   margin: 0px;
   padding: 0px; 
   }

a:link { 
   color: #C53D2D; 
   font-weight: bold; 
   text-decoration: none; 
   }
   
a:visited { 
   color: #C53D2D; 
   font-weight: bold; 
   text-decoration: none; 
   }
   
a:hover { 
   color: #C53D2D; 
   font-weight: bold; 
   text-decoration: none; 
   }
    
.clearfloats { 
   clear: both; 
   }
       
p { 
   color: #FFFFFF;
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   margin-bottom: 1em;
   text-align: left; 
   }

p span {
   font-weight: bold;
   }   
   
h1 {
   color: #FFFFFF;
   font-family: verdana, helvetica, sans-serif;
   font-size: 1.1em;
   margin-bottom: .75em;
   margin-top: 1.5em;
   }
   
/**********************
CONTAINERS
**********************/
   
#container {
   margin-right: auto; 
   margin-left: auto;
   width: 850px;
   background: url(../pix/layout/bkg.gif) repeat-y 0 0;
   }   

#content {
   width: 800px;
   margin: 10px 0 10px 25px;
   }     
   
/*******************
TOP OF PAGES
******************/   
   
#logo {
   border: 0;
   margin: 10px 0 0 10px;
   float: left;
   } 

#newsletter_su {
   float: right;
   margin: 5px 15px 0px 0px;
   font-size: 10px;
   font-style: italic;
   color: #fff;
   background: #1d1d1d;
   border: 1px solid #535252;
   padding: 3px 5px;
   width: 90px;
   text-align: center;
   }   
   
.signupbox {
   background: #ccc;
   color: #535252;
   padding: 1px;
   margin: 4px 0 0 0;
   font-size: 10px;
   }   
   
#signupbtn {
   border: 0;
   padding: 0;
   margin: 4px 0 0 0;
   }   

/*********************
BOTTOM OF PAGES
*********************/   
   
#footer { 
   margin-top: 20px;
   padding: 5px 20px 10px 20px; 
   border-top: 1px solid #fff;
   color: #fff;
   }   
   
#footer p {
   float: right;
   width: 400px;
   font-family: verdana, helvetica, sans-serif;
   font-size: .6em; 
   margin: 0 0px 0 20px;
   text-align: right;
   }   
      
/************************
PICTURES ON INDEX PAGE
************************/

#index_pic {
   margin: 30px 0 30px 0px;
   }
   
/***********************
ANIMAL ART GALLERY
***********************/

.artitem {
   float: left;
   color: #FFFFFF;
   font-size: .6em;
   text-align: center;
   margin-right: 22px;
   }

.artitem a:link {
   color: #FFFFFF;
   font-weight: normal;
   }   
   
.artitem a:hover {
   color: #C53D2D;
   font-weight: normal;
   }      
   
.artitem a:visited {
   color: #FFFFFF;
   font-weight: normal;
   }        
   
.artitem a img {
   border: 0;
   margin-top: 10px;
   }   
   
.note {
   font-size: .6em;
   font-style: italic;
   margin-top: 50px;
   }   
   
/********************
ART SHOW PREVIEW PAGE
********************/

.preview {
   size: 210px;
   float: left;
   font-size: .8em;
   color: #fff;
   margin: 8px 15px 8px 0;
   text-align: center;
   }   
   
.preview img {
   border: 0;
   }   
   

/***********************
PET PORTRAIT GALLERY
**********************/

#pet_portrait_gallery {
   margin-left: 60px;
   }

#pet_portrait_gallery img {
   border: 1px solid #000000;
   float: left;
   margin-right: 25px;
   margin-bottom: 15px;
   }

/************************
SEPARATE ARTWORK PAGES
***********************/

.artwork {
   line-height: 1.5em;
   }   
   
.italic {
   font-style: italic;
   margin-top: 3em;
   }
     
   
/*********************
CONTACT PAGE
*********************/

#contactform {
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   width: 700px;
   margin-left: 30px;
   }
   
.formitem {
   margin-top: 12px;
   }   
   
.formitem label {
   color: #FFFFFF;
   width: 400px;
   }   

.submit { 
   margin: 10px 0 10px 0;
   border: 0;
   }
                     
.disclaimer { 
   font-size: .8em;
   font-style: italic; 
   text-align: left;
   color: #FFFFFF;
   margin-top: 6px;
   }   
   
.address {
   margin-top: 50px;
   padding-top: 10px;
   border-top: 1px solid #FFFFFF;
   }   

   
   
/*******************
AWARDS PAGE
******************/   
   
.award {
   width: 780px;
   margin-bottom: 10px;
   border-bottom: 1px solid #aaa;
   padding: 5px 0;
   }

.award img {
   float: left;
   border: 0;
   padding: 0 10px 5px 0;
   }
   
   
/*********
NAVIGATION
**********/
       
#nav {
   margin: 10px 0 0 0;
   width: 840px;
   border-top: 1px solid #aaa;
   border-bottom: 1px solid #aaa;
   color: #aaa;
   text-transform: uppercase;
   font-size: 14px;
   text-align: center;
   padding: 7px 0 7px 10px;
   }
         
#nav a:link { 
   color: #fff; 
   }

#nav a:visited { 
   color: #fff; 
   }

#nav a:hover {
   color: #C53D2D;
   }  
   
#nav a { 
   text-decoration: none; 
   font-weight: normal;
   float: left;
   display: block;
   height: 20px;
   margin-left: 20px;
   }
      
#nav ul { 
   list-style: none;
   padding: 0; 
   margin: 0; 
   }    
                     
#nav li, #nav li li { 
   float: left;
   border: 0;
   position: relative;
   }
        
li>ul { 
   top: auto; 
   left: auto; 
   }

#nav ul li li { 
   display: block;
   float: none;
   border: 0;
   width: 100%;
   }
         
li:hover ul, 
li.over ul { 
   display: block 
   }
             
li ul { 
   display: none;
   position: absolute;
   top: 20px;
   left: 0px;
   padding: 2px 0 4px 0;
   background-color: #000;
   border-right: 1px solid #aaa;
   border-left: 1px solid #aaa;
   border-bottom: 1px solid #aaa;
   }   
      
#nav ul li ul li a {
   padding: 4px;
   margin: 3px;
   width: 90%;
   display: block;
   height: 20px;
   }      
      
#nav ul li ul li a:hover {
   background: #aaa;
   color: #000;
   }   
      

/* fix for IE6 bug 
li a { 
   background-color: #3f1147; 
   }
*/    
      
   
   
/**********************
OTHER PAGES
*********************/

.pix {
   float: right;
   margin: 5px;
   }   
   
.schedule {
   margin-top: 1.5em;
   margin-bottom: 0;
   font-style: italic;
   }