body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    color: #FFFFFF;
    background-image: url(      'images/star_back_ground.gif' );
    text-align: justify;
}

li
{
    list-style-image: url( 'images/maroonstar.gif' );
}

#container
{
    width: 1000px;
    margin: 10px auto;
    background-color: #FFCC00;
    border: 1px solid grey;
    line-height: 110%;
    color: #FFFFFF;
    overflow: hidden;
    text-align: left;
}




#header-left-column /* by itself */
{
    
    width: 255px;
    float: left;
    position: relative;
    background-color: #ffffff;
    height: 275px;
}

#header-left-column p
{
    background-position: -50px 10px;
    margin: 0px;
    padding: 0em;
    background-image: url(       'images/stars.gif' );
    background-repeat: no-repeat;
    height: 275px;
    
}

 
#header-two-column-wrapper{
 width:745px; 
 float:right; 
 position:relative; 
  }
 
#header-right-column
{
   
    width: 353px;
    float: right;
    position: relative;
    background-color: #ffffff;
    height: 275px;
    
    color: #CC0000;
  
}

#header-right-column p
{
    background-position: 10px 10px;
    width: 353px;
    float: right;
    position: relative;
    background-color: #ffffff;
    height: 156px;
    background-image: url(                  'images/logo.jpg' );
    background-repeat: no-repeat;
    color: #CC0000;
    font-family: 'Comic Sans MS';
    font-size: large;
    font-weight: bold;
    font-style: oblique;
    vertical-align: middle;
    text-align: center;
    padding-top: 100px;
    line-height: 110%;
}
 
#header-center-column
{
    
    background-color: #ffffff;
    float: left;
    display: inline;
    position: relative;
    width: 392px;
    height: 275px;
    margin: 0px;
    padding: 0em;
}


#header-center-column p
{
    background-position: right bottom;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-image: url(         'images/kids.jpg' );
    height: 273px;
    background-position: -20px 5px;
    margin: 0px;
    padding: 0em;
}

#nav ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    clear: both;
}

#nav ul li
{
    display: inline;
    font-size: small;
    text-align: center;
    vertical-align: middle;
    line-height: 85%;
    /* float: left; */
}

#nav ul li a
{
    border: thin solid #000000;
    text-decoration: none;
    padding: .2em 1em;
    color: #ffffff;
    background-color: #000066;
    width: 114px; /* background-image: url(  'images/m1.jpg' ); */
    float: left;
    height: 35px;
    vertical-align: middle;
    line-height: .9em;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
}

#nav ul li a:hover
{
color: #fff;
background-color: #369;
}


#wrapper
{
    height: 500px;
    clear: both;
    
}



#body-left-row-1
{
    padding: 0px;
    margin: 10px 0px 0px 10px;
    float: left;
    width: 232px;
    height: 70px;
}



#body-left-row-1 p
{
    background-position: center;
    margin: 0px;
    padding: 1.6em 0em 1.6em 0em;
    background-image: url(        'images/page-1-title1.gif' );
    background-repeat: no-repeat;
    text-align: center;
    font-weight: bold;
    font-size: large;
    width: 234px;
}


#body-left-row-1-home
{
    margin: 0px 0px 0px 0px;
    float: left;
    padding-top: 10px;
    width: 450px;
    height: 70px;
}



#body-left-row-1-home p
{
    background-position: center;
    margin: 0px;
    padding: 1.6em 0em 1.6em 0em;
    background-image: url(      'images/page-1-title1.gif' );
    background-repeat: no-repeat;
    text-align: center;
    font-weight: bold;
    font-size: large;
}


#body-left-row-2
{
    margin: 0px;
    padding: 0;
    float: left;
    margin: 0px 0px 0px 0px;
    width: 450px;   
    color: #800000;  
}



#yepper
{
    margin: 0px 0px 0px 70px;
    padding: 0em;
    clear: left;
    width: 400px;
    color: #800000;
}

#yepper p
{
    padding: 0px;
    margin: 5px 0px 0px 0px;
    clear: left;
}

#yepper ul
{
    padding: 5px 0px 5px 0px;
    margin: 0px;
    float: left;
    
}

#yepper li
{
    list-style-position: inside;
    float: left;
    font-style: oblique;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    list-style-image: url( 'images/maroonstar.gif' );
}

#body-left-row-2 li
{
    margin: 0px;
    padding: 0em;
    float: left;
    clear: left;
    line-height: 1em;
    list-style-image: url( 'images/maroonstar.gif' );
}

#body-right-row-1
{
    float: right;
    margin: 0px 0px 0px 0px;
    
    padding-top: 10px;
    font-weight: bold;
    font-size: large;
    width: 425px;
    
}

#body-right-row-1 p
{
    background-position: center;
    margin: 0px;
    padding: 1em 1em 1em 1em;
    background-image: url( 'images/page-1-title2.gif' );
    background-repeat: no-repeat;
    text-align: center;
}  


#body-right-row-1-home
{
    float: right;
    margin: 0px 0px 0px 0px;
    
    padding-top: 10px;
    font-weight: bold;
    font-size: large;
    width: 425px;
    height: 70px;
}

#body-right-row-1-home p
{
    background-position: center;
    margin: 0px;
    padding: 1em 1em 1em 1em;
    /* background-image: url( 'images/page-1-title2.gif' ); */
    background-repeat: no-repeat;
    text-align: center;
}  

#body-right-row-2
{
    float: right;
    margin: 0px 0px 0px 0px;
    text-align: justify;
    width: 500px;
    color: #800000;
}

#body-right-row-2 p
{
    
    margin: 0px;
    padding: 1em;
    text-align: justify;
}

#body-right-row-2 a
{
    text-align: center;
}

#thumbs
{
    margin: 0px;
    padding: 0px;
    float: left;
    width: 500px;
    clear: left;
}

#thumbs p
{
    margin: 0px;
    padding: 1em;
    clear: left;
}

#thumbs ul
{
    margin: 1em;
}

#thumbs ul li
{
    background-position: center center;
    border: thin solid #000000;
    text-decoration: none;
    padding: .2em 1em;
    color: #000000;
    background-color: #FFFF99;
    float: left;
    height: 135px;
    vertical-align: middle;
    line-height: .9em;
    text-align: center;
    background-repeat: no-repeat;
    list-style-type: none;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    width: 60px;
    
}


#footer-wrapper
{
    clear: both;
    padding: 0px;
    margin: 0px;
    color: #FFFF00;
    background-color: #000066;
    border-top: 1px solid grey;
    height: 300px;
    border-top-color: #FF00FF;
}

#footer-left
{
    
    background-position: 30px;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    width: 430px;
    float: left;
    background-color: #000066;
    color: #ffffff;
    background-image: url(    'images/BBB_Logo.gif' );
    background-repeat: no-repeat;
    height: 96px;
}

#footer-left p
{
    padding: 0px;
    margin: 0px 0px 0px 90px;
    width: 325px;
    position: relative;
    top: 20px;
    height: 94px;
    color: #FFFFFF;
}

#footer-left a
{
    color: #ffffff;
    text-decoration: none;
}

#footer-two-col
{
width:565px; 
 float:right; 
 position:relative;
}


#footer-center
{
    
    background-color: #000066;
    float: left;
    display: inline;
    position: relative;
    width: 200px;
    color: #ffffff;
    margin: 0px;
    padding: 0em;
    height: 96px;
}

#footer-center p

{
    
    position: relative;
    width: 196px;
    height: 94px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    color: #FFFFFF;
    
}    

#footer-right
{
    padding: 0px;
    margin: 0px;
    
    width: 360px;
    float: right;
    position: relative;
    background-color: #000066;
    color: #ffffff;
    display: inline;
    height: 96px;
}

#footer-right p
{
    padding: 0px;
    margin: 0px 0px 0px 0px;
    width: 354px;
    position: relative;
    top: 20px;
    height: 94px;
    color: #FFFFFF;
}

#footer-right a
{
    color: #ffffff;
    text-decoration: none;
}






















#footer-wrapper
{
    clear: both;
    padding: 0px;
    margin: 0px;
    color: #FFFF00;
    background-color: #000066;
    height: 400px;
    width: 998px;
    line-height: 110%;
    font-size: small;
}


    #footer-top
{
    border-width: thin;
    border-color: #FFFF00;
    padding: 2px;
    margin: 0px;
    text-align: justify;
    line-height: 130%;
    font-family: Arial;
    font-size: small;
    color: #FFFF00;
    border-bottom-style: solid;
}



#footer-top h2
{
    font-size: small;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
}


#footer-col4
{
   
    padding: 0px;
    margin: 0px;
    width: 49%;
    float: right;
    position: relative;
    display: inline;
    
}

#footer-col4 p
{
    padding: 10px;
    margin: 0px 0px 0px 0px;
    position: relative;
    
   
}

#footer-col4 a
{
    text-decoration: none;
    
}

#footer-col1
{
    padding: 0px 0px 0px 0px;
    margin: 0px;
    width: 49%;
    float: left;
 
}

#footer-col1 p
{
    padding: 0px;
    margin: 10px;
    position: relative;
     
}

#footer-col1 a
{
    text-decoration: none;
}

#footer-two-col-right
{
    
    width: 494px;
    float: right;
    position: relative;
}

#footer-two-col-left
{
   
    width: 494px;
    float: left;
    position: relative;
}

#footer-col2
{
    
    float: right;
    display: inline;
    position: relative;
    width: 49%;
    margin: 0px;
    padding: 0em;
    
    
}

#footer-col2 p

{
    
    position: relative;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    margin: 10px;
    
} 

#footer-col3
{
    
    float: left;
    display: inline;
    position: relative;
    width: 49%;
    margin: 0px;
    padding: 0em;
    
    
}

#footer-col3 p

{
    
    position: relative;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    margin: 10px;
    
}    
         






















#star
{
    margin: 0px 0px 0px 20px;
    color: #800000;
    font-weight: bold;
    float: left;
    background-image: url(             'file:///C:/Users/Brad/Documents/Visual Studio 2008/WebSites/WebSite4/images/star.gif' );
    background-repeat: no-repeat;
    height: 30px;
    vertical-align: middle;
    text-indent: 3em;
    text-align: center;
    padding-top: 20px;
   }

#body-left-row-2 p
{
    padding: 0px;
    margin: 0px;
    clear: left;
    display: inline;
}



/***************boxes***************/
.box {float:left; padding:16px 8px 0 0;}
.box h2
{
    padding: 0px;
    margin: 0px;
}


#padd1
{
    padding: 10px 0px 0px 70px;
    clear: left;
}

.name
{
    
    background-color: #FF9900;
    font-weight: bold;
    text-align: center;
    
}

.name a
{
    height: 1.6em;
    color: #800000;
    background-color: #FF9900;
    font-size: small;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}
.padding1 {padding-right:0 !important;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#content-left
{
    clear: left;
    float: left;
    padding: 20px;
    width: 175px;
    color: #800000;
}

#content-left ul
{
    line-height: 1.6em;
}

#content-left li
{
    color: #993300;
    text-decoration: none;
    
}

#content-left a
{
    color: #993300;
    text-decoration: none;
    
}


#content-right
{
    margin: 20px;
    float: right;
    padding: 0px;
    width: 715px;
    color: #800000;
    text-align: justify;
}

#top-next-wrapper
{
    padding: 0px;
    clear: both;
    float: left;
    width: 998px;
    border: thin solid red;
    height: 22px;
    background-color: #ED1C24;
}

#top-next-left
{
    width: 480px;
    text-align: center;
    height: 20px;
    padding-top: 5px;
    float: left;
    
}
 

#top-next-left a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
    height: 18px;
    width: 475px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    font-style: oblique;
    
}

#top-next-right
{
    width: 480px;
    text-align: center;
    height: 20px;
    padding-top: 5px;
    float: right;
    
    }

#top-next-right a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
    height: 18px;
    width: 475px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    font-style: oblique;
}





#next-wrapper
{
    padding: 0px;
    clear: both;
    float: left;
    width: 998px;
    border: thin solid red;
    height: 22px;
    background-color: #ED1C24;
}

#next-left
{
    width: 480px;
    text-align: center;
    height: 20px;
    padding-top: 5px;
    float: left;
    
}

#next-left a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
    height: 18px;
    width: 475px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    font-style: oblique;
}

#next-right
{
    width: 480px;
    text-align: center;
    height: 20px;
    padding-top: 5px;
    float: right;
    }

#next-right a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
    height: 18px;
    width: 475px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    font-style: oblique;
}

.content-sub-left
{
    float: left;
    width: 150px;
    margin-left: 100px;
}

.bold
{
    font-weight: bold;
    font-size: normal;
}
.content-sub-right
{
float: left;
width: 450px;

}

.selected
{
    font-style: oblique;
    font-weight: bolder;
    text-indent: 6px;
    font-variant: small-caps;
    color: #800000;
    font-size: large;
    text-indent: 6px;
}

.photo-padding
{
    padding: 10px;
    margin: 10px;
}

.line
{
    color: #993300;
    background-color: #993300;
    height: 2px;
    width: 60%;
    margin: 10px;
}