p { color: silver; }

body { font: medium/1.7em Verdana, Helvetica, Arial, sans-serif;
       background-color: #505050;   /*slate*/
       padding: 0 1em 0 1em; }

h1, h2, h3 { color:  silver; }

h1 { font-size:  130%; }

h2 { font-size: 120%; }
ul li {color: silver;
       margin-right: 1em; }
a {text-decoration:none; } 
a:link {color:white; }
a:visited {color:#A8B3AE; } /*very light greenish*/
a:hover {color:#CBDBF7; }  /*very light blueish*/
a:active {color:#AA5F72; } /*bold rose-mag*/

.strike { text-decoration: line-through; }         

/*Header Stuff__________________________*/
.header { background-image:
          url('images/DSC00455.jpg'); background-repeat: repeat;  background-position: right top; } 
#logosmall { float: right; 
             clear: left;
             border: 0; }
             
#mainlogo { border: 0;  }             
             
#header { background-image: url('images/DSC00455.jpg'); background-position: right top;
          background-repeat: repeat-x; }            

            
        #slantedmenu{ font-weight: bold;
                      font-size: 10px; 
                      min-width: 775px; }

        #slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
                            content: "."; 
                            display: block; 
                            height: 0; 
                            clear: both; 
                            visibility: hidden; }

        #slantedmenu ul{ text-indent: 10px;
                         padding: 3px 0;
                         margin: 0;
                         background-color: #e0e0e0;
                         border: 1px solid #bebebe;
                         text-align: left; /*set value to "center" for example to center items*/}

        #slantedmenu ul li{ display: inline;   margin-right: 1em; }

        #slantedmenu ul li a{ color: #494949;
                              padding: 3px 0;
                              padding-right: 25px;
                              margin: 0;
                              text-decoration: none;
                              background: transparent url(images/slantdivider.gif) top right no-repeat; }

        #slantedmenu ul li a:visited{ color: #494949; } 

        #slantedmenu ul li a:hover{ color: black; }
             
/*End Header Stuff_____________________________________________________*/
 
/*Page Main Content__________________________*/

body.links { background-color: #998066; }
body.music { background-color: #8C8B7D; }

.headline { background-color: #3B3D44; /*greenish*/
            margin-top: 1em;
            border: solid silver; }    

.headline p { padding: 0em 0em 0em 1.5em; margin:.5em 0 0 0 ; }
       
.headline h2{ font-size: 110%;
           padding: 0em 1em 0em 1em; margin:1em 0 0 0 ; }

.headline#colorvar02 { background-color: #616a7a; }  /*light blueish*/

.headline#colorvar03 { background-color: #764e61; }  /*purplish*/

.headline .subheadline {   font-size: 85%;        
                    background-color: #666666;    /*greyish*/
                    padding: .5em 1em .5em 2em; margin: 1em; }
 
.headline .subheadlinecolorvar02 { font-size: 85%;
                      background-color: #925025;     /*copperish*/
                      padding: 1em 2em 1em 2em;  }
                      
.headline .subheadlinecolorvar03 { font-size: 85%;   /*purplish*/
                      background-color: #4e6176;
                      padding: 1em 2em 1em 2em;  }
                                            
#sideboxshow { border: 1px solid silver;
               background-color: #615A5A;  /*grayish*/
               height: 220px;
               width: 180px;
               float: right;
               clear: left;
               margin: 2em 2em 2em 2em;
               text-align: center;
               font-size: 70%; }

#sideboxshow p{ margin: 1em 0 1em -1.5em; }

.headline ul { line-height: 1.2em; font-size: 95%; }
.headline p { line-height: 1.2em; font-size: 95%; }

                      
                      
#content { padding: .5em 2em 1em 1em ;
           margin-top: 1.5em;
           border: solid silver;
           background-color: #3B3D44;  /*blueish*/
           font-size: 90%; }
           
#content .subheadline {font-size: 85%;
                   background-color: #616a7a;      /*light blueish*/
                   padding: 0em 2em 0em 2em; }
                   
#content .subheadline strong { font-size: 130%;
                               float: right; }                             
           
#content .subheadline a { background-color:#806767;  /*roseish*/
                      font-weight: bold; }
                                 
#content .subheadline a:link { font-weight: bold; }

#content .subheadline a:hover { background-color: #755656;/*dark roseish*/ }
          



.floatpics { width: 100px;
             height: 100px;
             float: left;
             padding: .4em 1.7em 1.7em .5em;
             clear: left; }
             
.floatpics a img{ border: none; }
             
/*End Page Main Content__________________________*/

/*start footer__________________________*/

#footer p{ color: #000;
          float: right;
          width: 25%;
          font-size: 70%;
          text-align: right; }
          
#footer p a { background-color:#806767;  /*roseish*/
                      font-weight: bold; }
                                 
#footer p a:link { font-weight: bold; }

#footer p a:hover { background-color: #755656;/*dark roseish*/ }          
          

#pete { background-color: #998066;      /*light brownish*/
        color: #000;
        float: left;
        font-size: 70%;
        padding: 0em .5em 0em .5em; }
/*end footer__________________________*/

/*start content wrapper__________________________*/

.clearfix { 
            padding: .5em 2em 1em 1em ;
            margin: 1em 0.2em 0 0;
            margin-top: 1.5em;
            background-color: #154444;  /*dark greenish*/
            font-size: 90%; }
            
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; }

.clearfix {display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
.clearfix {display: block; }
/* End hide from IE-mac */            
            

.innerbox { border: 3px solid silver;
             margin: 1em 1em 4em 0em;
             width: 320px;
             height: 263px;
             float: left; }

.innerboxsmall { border: 1px solid silver;
             margin: 1em 1em 4em 0em;
             width: 122px;
             height: 100px;
             float: left; }

             
.clearfix p { width: 263px;
             background: #666;        /*greyish*/
             margin: 1em 1em 4em 1em;
             padding: 1em 1em 1.5em;
             float: left;
             text-align: center; }
  
/*end content wrapper__________________________*/