/*
CSS for Alix Yoga Site
*/



body {
        font-family: trebuchet, Verdana, Helvetica, Arial, sans-serif;
        color: black;
        font-size: x-large;
        background-color: #FFFFE8;
        background-image:  url('gradedbg.gif');
        background-repeat: repeat-x;
        line-height: 90%;
        padding: 4
        
                                                  }

h1 { 

        font-family: Papyrus, Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 150%;
        font-weight: bold;
        color: #608EBA;
        background-color: #F7EEC4;
        padding-top: .1em;
                                    }
                                                            


h2 {
       
        color: #779BBD;
        font-size: 100%;
        font-weight: bold;
        margin: .2em;          }

h3 {   color: #779BBD;
        font-size: 60%;
        font-weight: bold;
        margin: .2em;       }    

li {
        
        list-style-type: none;
            
                              }

p {
        font-size: 11pt;
        color: black;
        
                   }
.bodydivimage {
                float:right;               
                margin: 10px;
                             
                                 } 

.attentiongrab {
                 width: 75%;    }


#header {
        width: 100%;    
                     }
#navigation {                
                width: 145px;
                height: 482px;
                background: #FDF7DF url('cloudbg.jpg') no-repeat;      }          
#body_content {
                width: 550px;
                background-color: #FDFAE9;
                                }

.titleborder {
                border-bottom-width: 1px;
                border-bottom-style: solid;
                border-bottom-color: ##571E54;  } 
                

.navborder {
                border-width: 1px;
                border-style: solid;
                border-color: #E8CF6B;
                margin: 16px;            }
.bodyborder {
                border-width: 1px;
                border-style: solid;
                border-color: #E8CF6B;
                padding-top: .2em;
                padding-bottom: 1em;
                padding-left: .6em;
                padding-right: .6em;
                margin: 16px;           }
 
.feature {
                float: left;
                margin: 5px;   }  
              

a { 
               font-weight: normal;
               font-size: 11pt;
               color: #571E54;
                                     }
a:visited {
               color:black;   
                                }

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

/*
This section deals with the position of items (divs) on the screen. It uses absolute positioning - fixed x and y coordinates, measuerd from the top left corner of teh browser's contanet display.
*/

#header, #navigation, #body_content, #contactinfo  { 
       position: absolute;   } 
                                                                  
#navigation, #body_content {
                 top: 60px;
                           }

#body_content {
                left: 185px;   }

#contactinfo {
  top: 600px;
  left: 185px;       }

#header {
  top: 10px;     }

/*
end of absolute positioning stuff
*/