/*
  

 
background yellow = FFFF66
blue for sidebar = AEE1FF
orange for title text and accents= FF9933
green = 71D353

*/



img { border: 0px; }



/*
  

 class used for hyperlinking images, overwrites main anchor rules

*/




.nohover a:link {
text-decoration: none; 
border: 0px;
 
}

.nohover a:visited { font-weight: bold; 

text-decoration: none; 

border: 0px;
}  


.nohover a:hover { font-weight: bold; 

text-decoration: none; 

border: 0px;
}  

.nohover a:active { font-weight: bold; 

text-decoration: none; 

border: 0px;
}  






a:link  { font-weight: bold; 
text-decoration: none; 
color: #FF9933;  

}


a:visited { font-weight: bold; 

text-decoration: none; 

color: #0289B6;
}  

a:hover { font-weight: bold; 

text-decoration: none; 

color: black; 
border-bottom: 1px black dashed; 
 background-color: #FF9933
} 

a:active { font-weight: bold; 

text-decoration: none; 

color: black; 
} 

#header { 
padding: 180px 240px 108px 240px; 
margin: 15px 7px 0px 7px;



background-image: url(http://www.aplacetobark.com/bernie_headergif.gif) ;  

background-repeat: no-repeat; 
background-position: center;


}



 




body { background-color: #FF9966;  
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 13px; 
background-image: url(http://www.aplacetobark.com/bernie_background.gif);
}


#title { font-size: 30px; 

color: #FF9933; 

text-align: center;
padding: 0px 0px 0px 150px;
}



/*
  

This is the main content wrapper, used for 1 and 2 columnlayout
*/



#wrapper { 
background-color: white;
margin: 0px 7px 50px 7px; 

padding: 2px 35px 20px 20px; 

 


}

/*
  

 
wrapper for 2-column layout with photo gallery 
*/

#wrapper2 { 
background-color: white;
margin: 0px 15px 50px 15px; 

padding: 2px 35px 20px 20px; 

 


}







/*
  

left navigation panel with rollover
*/

#leftnav {  
 
  font-weight: bold;  
  font-size: 13px;  
 border-top: thin dotted black;
margin: 0px 30px 30px 30px; 
width: 20%;
float: left; 


 }  


#leftnav ul

{   
   list-style: none;  
   margin: 0px 0px 20px 0px;  
   padding: 0px;  
 }

   
 #leftnav ul li {   
 margin: 0px;  
    border-top: 1px none black;  
background-color:  #AEE1FF; 
border-right: 1px solid black;  
    border-bottom: thin dotted black;  
  border-left: 2px solid black;  
color: #FF9933; 


  }  


  
#leftnav ul li a {  
   display: block;  
   background-color: #AEE1FF;  
    border-top: 1px none black;  
   
    text-decoration: none;  
   padding: 2px 2px 2px 0.5em;  
color: black; 
 }  



 #leftnav a:link  { font-weight: bold; 
text-decoration: none; 
color: black; 
}

  
 #leftnav a:visited { font-weight: bold; 

text-decoration: none; 

color: #0289B6; 
}  
 #leftnav a:hover {  
   color: black;
text-decoration: none;
background-color:  #FF9933; 
border-color: black;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
 }  
 #leftnav a:active {  
   text-decoration: none; 

} 
 






/*
  

This is the gutter, used for all layouts
*/


#maincontent {  
float: left; 
padding-bottom: 2px;
width: 35%; 

}



/*
  

Promo area on the right side for 3 column layout 
*/

#rightsidebar { 
float: left; 
margin-left: 12px;
padding: 5px 10px 10px 10px;
text-align: justify; 
background-color:  #AEE1FF; 
width: 30%; 
 

 }



/*
  

copyright info
*/


#footer { clear: both; 
margin-top: 10px;

padding-top: 10px;
padding-bottom: 3px; 
text-align: center;
border-top: 1px dotted black;
font-size: small;

}



/*
  

 
div for photo gallery pages using jquery's thickbox slideshow

*/





.gallery { border: 0px;  background-color: white; }
.gallery img { margin: 10px; border: thin solid black;}
.gallery a:link, .gallery a:visited, .gallery a:hover, .gallery a:active
{ text-decoration: none; background-color: inherit; color: black;}
.footer { font-size: 75%; border-top: thin solid #ccc; text-align: center; padding-top: 10px; }
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active
{ text-decoration: none; padding: 5px; }
.footer a:hover { background-color: blue; color: white; }
.gallery { float: left; width: 63%;}
.gallery div { margin-left: 3em; float: left; height: 150px; width: 150px; font-size: x-small; }
/* margin: 0.25in; padding: 0.25in; */



ul {
list-style: circle; 
}







#signupform { 
 
 background-color:  #AEE1FF; 
padding: 10px 75px 75px 50px;
border: thin dashed black; 
margin-left: 100px;
width: 50%; 
 }