/* Author: Karen Lang
   Date: March 1, 2012
   File Info: Style sheet for Build II-A
   Color Scheme:
	Navy Blue #2b0065: headings, paragraphs
	white #ffffff: background container
	dusty purple #996699; background
        black: headings
*/


body   {
         margin: 0;
         padding: 0;
         color: #2b0065;
         background-color: #996699;
         text-align: center;
         font-size:110%;
         font-family: Verdana, Helvetica, Arial, sans-serif;
         
}

#container   {
             min-width: 700px;   /* fluid width */
             max-width: 90%;
             margin: 0 auto;
             text-align: left;
             background-color: #ffffff;
}   

#content    {
            margin: 20px 40px 20px 40px;
}        

Ul  {
List-style-image: url(../images/top-nav.gif);
}

#header  {
background-image: url(http://www.ourspp.com/images/wooly-pj.jpg);
background-repeat: no-repeat;
height: 131px;
}
#header h1  {
       /* this font-family changes the style declared in the body */
      font-family: "Trebuchet MS", helvetica, Arial, sans-serif;
      text-align: center;
}

#header h2  {
      font-size: 1em;
      font-style: italic;
      text-align: center;
}

#content h3  {
      color: #000000;
      font-size: 1em;
}      

#content h2  {
     color: #000000;
     font-size: 1.2em;
}

.bold {
font-weight: bold;
}



#copyright   {
     margin-top: 10px;
     text-align: center;
     font-size: .8em
}


#top-bar     {
           height: 12px;
           background-image: url(../images/top-bar2.gif);
           background-repeat: repeat-x;
           background-color: #4F87A8;
}

#bottom-bar  {
            text-align: right;
            background-image: url(../images/bottom-bar2.gif);
            background-repeat: repeat-x;
            background-color: #4F87A8;
            height: 18px;
}

h2 + h3 {          /* h2 immediately followed by an h3 */
	margin-top: 10px;
	margin-bottom: 5px;
}

h3 + p {           /* h3 immediately followed by a paragraph */
	margin-top: 10px;
	margin-bottom: 5px;
}
p + h3, p + h2 {    /* paragraph immediately following an h2 or h3 */
	margin-top: 30px;
	margin-bottom: 5px;
}

/* Start Bottom Navigation styles */

#bottom-nav  {
      font-size: 90%;
      margin-top: 10px;
      text-align: center;
}
#bottom-nav ul  {
     list-style: none;
     margin: 0;
     padding: .5em 0 .5em 0;
}

#bottom-nav li  {
       display: inline;
}

#bottom-nav li a  {
     padding-right: 3px;
     padding-left: 3px;
}

#bottom-nav a:link, #bottom-nav a:visited  {
     color: #3b1184;
     font-weight: bold;
     text-decoration: none;
}

#bottom-nav a:hover, #bottom-nav a:focus  {
     color: #6f13f9;
     font-weight: bold;
     text-decoration: underline;
}

#bottom-nav a:active  {
     color: #3b1184;
     font-weight: bold;
     text-decoration: none;
}

#top-nav  {
      font-size: 90%;
      margin-top: 10px;
      text-align: center;
}

#top-nav ul  {
     list-style: none;
     margin: 0;
     padding: .5em 0 .5em 0;
}

#top-nav li  {
        display: inline;   /* keeps nav links side by side */
}

#top-nav li a  {
        padding-right: 3px;
        padding-left: 3px;
}

                    /* top nav links colors, styles, borders */
#top-nav a:link, #top-nav a:visited  {
        color: #2b0065;                          
        font-weight: bold;
        text-decoration: none;
        background-color: #CC99FF;               
        border-top: 1px solid #9277c7;              
        border-right: 1px solid #2b0065;                   
        border-bottom: 1px solid #2b0065;                   
        border-left: 1px solid #9277c7;                            
}


#top-nav a:hover, #top-nav a:focus  {
         color: #3A0909;                             
         font-weight: bold;
         background-color: #c0c0ff;                  
         border-top: 1px solid #2b0065;                    
         border-left: 1px solid #2b0065;                    
         border-right: 1px solid #89aec3;
         border-bottom: 1px solid #CC99FF;
}

#top-nav a:active  {
        color: #2b0065;                  
        font-weight: bold;
        text-decoration: none;
        background-color: #CC99FF;               
        border-top: 1px solid #9277c7;            
        border-right: 1px solid #2b0065;
        border-bottom: 1px solid #2b0065;
        border-left: 1px solid #9277c7;        
}