/*            
CSS for www.ccas.ws-new site Rules come next.            
*/ 

/* RULES FOR BODY */            
body {
 font-family: Verdana, Helvetica, Arial, sans-serif;
 background-color: #e2edff;
 line-height: 125%;
 padding: 0;
 margin: 0;
}

h1, h2, h3 {
 font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}
             
h1 {              
   font-size: x-large;
   background-color: navy;
   color: white;
   padding-top: 2em; 
   padding-bottom: .2em; 
   padding-left: .4em;
   margin: 0;
   border-top: 3px solid #7da5d8;
   border-bottom: 3px solid #7da5d8;
 }             
             
li {              
 font-size: 80%;              
}              

em {
   color: red;
   font-size: 90%;
}
 
h2 {              
  font-size: x-large;    
  background-color: #e2edff;
  color: navy;
  padding-top: 0.3em;        
  font-weight: normal;
  padding-left: .4em;
  margin: 0;
  /* border-bottom: 3px solid #7da5d8;  */
 }

p {              
 font-size: small;              
 color: navy;              
}

h3{
  color:navy;
  font-size: large;
}



#tagline p {
  font-style: italic;
  font-family: Georgia, Times, serif;
  font-size: x-large;
  background-color: #bed8f3;
  border-bottom: 3px solid #7da5d8;
  border-top: 3px solid #7da5d8;
  padding-left: 450px;
  width: 110%;
  padding-top: 0.1em;      
  padding-bottom: 0.1em;
  margin: 0; 
}
           


#navigation {
  width: 300px;
  background-color: #7da5d8;
                                   /* border: 1px dotted navy;*/
}

#surprisenavigation {
   width: 500px;
   height: 450px;
   background-color: #7da5d8;
   padding: 1em;
  }

a {
  font-weight: bold;
  color: #9900FF;
  padding-left: 1em;
  }

                /* I DON'T THINK THIS EXISTS ANYWHERE IN THIS WEBSITE YET   */
.fun {                  
 color: navy;                  
 font-family: Georgia, Times, serif;                  
 letter-spacing: 0.05em;                  
} 

/*Experimenting with limit width for specific paragraphs*/

.limitwidth {
width: 100%;
}


               /* Red Border is "off"*/
                             
/*   #websitename, #ccas, #tagline, #navigation, #bodycontent {
                 border: 1px solid red;
                 padding: 2px;
                 margin-bottom: 2px;
                 }     */
                
            /* ABSOLUTE POSITIONING */
            /* USED FOR ALL EXCEPT WEBSITENAME AND CCAS*/     

#navigation, #surprisenavigation, #bodycontent, #WSOdusk, #tagline, #smallpatch, #thecape /* #websitename, */    

{
  position: absolute
}


#tagline {
top: 110px;
}

#navigation, #bodycontent {
  top: 145px;                  
}

#surprisenavigation {
  top: 200px;
  left: 875px;
}

#bodycontent {
  left: 320px;
}

#starpartybody {
  background-color: #CCFFCC;
}
 
#WSOdusk {
  left: 550px;
  top: 190px;
}

#smallpatch {
  left: 1270px;
  top: 0;
}

#thecape {
  left: 190px;
  top: 0;
}

#ThumbsUp {
  left: 1270px;
  top: 0;
}