body {
    background: white url(../images/backgroundsilver.gif) repeat-y 50% 0;
    background-attachment: fixed;
    margin: 0;
    padding: 0;
    text-align: center;
    }
    
.clear {
    clear: both;
    }

#container { /*container for the whole content of the page*/
    margin: 0px auto;
    text-align: left;
    width: 680px;
    border: 0px red dotted;
    }
    
h1 { /*header image*/
    width: 680px;
    height: 90px;
    text-indent: -9999px;
    background: url(../images/header.gif) no-repeat;
    margin: 10px 0 10px 0;
    padding: 0;
    border: 0px red solid;
    }
    
    
/********** START IMAGE ROLLOVERS **********/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 50px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: silver;
padding: 0px;
left: -1000px;
border: 0px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 218px;
left: 20px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/********** END IMAGE ROLLOVERS **********/

/********************START TABS********************/
#tabs a {
    width: 110px;
    height: 25px;
    float: right;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: white;
    letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
    padding: 5px 0 0 10px;
    margin: 0 0 0 5px;
    }
    
.tab_home {background: #8470FF;}/*LightSlateBleu*/
.tab1 {background: #006699;}
.tab2 {background: #669900;}
.tab3 {background: #CC9900;}
.tab4 {background: #CC6600;}

#undertab_home, #undertab1, #undertab2, #undertab3, #undertab4 {
    width: 680px;
    float: right;
    padding: 5px 0 5px 0;
    text-align: right;
    font: italic 10px Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    letter-spacing: 1px;
    }
    
#undertab_home {background: #8470ff;}/*LightSlateBleu*/
#undertab1 {background: #006699;}
#undertab2 {background: #669900;}
#undertab3 {background: #cc9900;}
#undertab4 {background: #cc6600;}

        
#undertab_home a, #undertab1 a, #undertab2 a, #undertab3 a, #undertab4 a {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    padding: 0 10px 0 10px;
    }
    
#undertab_home a:hover {background-color: #483d8b;}/*DarkSlateBleu*/
#undertab1 a:hover {background-color: #003366;}
#undertab2 a:hover {background-color: #336600;}
#undertab3 a:hover {background-color: #996600;}
#undertab4 a:hover {background-color: #993300;}

/********************END TABS********************/

/********************START LEFT********************/
#left_home, #left1, #left2, #left3, #left4 { /*container 4 the left*/
    float: left;
    width: 150px;
    margin: 10px 0 0 0; /*10px distance from undertab*/
    padding: 10px;
    font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
    background: #cccccc;
    border: 1px #fff solid;
    }
    
#left_home p, #left1 p, #left2 p, #left3 p, #left4 p {
    color: #333333;
    margin: 20px 0 5px 0;
    }

#left1 h2, #left1 h2, #left2 h2, #left3 h2, #left4 h2 { /*title above left-text-links*/
    font: normal 16px Georgia, Times New Roman, Times, serif;
    margin: 25px 0 7px 0;
    padding: 0;
    text-align: right;
    }

#left_home h2 {color: #483d8b;} /*DarkSlateBlue*/
#left1 h2 {color: #003366;}
#left2 h2 {color: #336600;}
#left3 h2 {color: #996600;}
#left4 h2 {color: #993300;}

#left_home h3, #left3 h3, #left4 h3 { /*h3 = white background, block-text*/
    padding: 10px 5px 10px 7px;
    font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
    background: #fff;
    width: auto;
    }

#left_home h3 {color: #483d8b;} /*DarkSlateBlue*/
#left3 h3 {color: #996600;}
#left4 h3 {color: #993300;}

#left_home h3 a, #left3 h3 a, #left4 h3 a {
    text-decoration: none;
    border-bottom: 1px dotted;
    }
    
#left_home h3 a {color: #483d8b;} /*DarkSlateBlue*/
#left3 h3 a {color: #996600;}
#left4 h3 a {color: #993300;}

#left_home h3 a:hover, #left3 h3 a:hover, #left4 h3 a:hover {
    border-bottom: 0px dotted;
    color: #fff;
    }

#left_home h3 a:hover {background-color: #8470ff;} /*LightSlateBlue*/
#left3 h3 a:hover {background-color: #cc9900;}
#left4 h3 a:hover {background-color: #cc6600;}

#left1 ul, #left2 ul, #left3 ul, #left4 ul {
    margin: -9px;
    padding: 10px;
    width: 150px;
    list-style-type: none;
    font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
    text-indent: 15px;
    letter-spacing: 1px;
    border: 0px solid #fff;
    }

#leftbuttons1 a, #leftbuttons2 a, #leftbuttons3 a, #leftbuttons4 a {
    display: block;
    border: 1px white solid;
    margin: 2px 0 0 0;
    color: white;
    text-decoration: none;
    }
    
#leftbuttons1 a {background: #006699;} /*pale blue*/
#leftbuttons2 a {background: #669900;}
#leftbuttons3 a {background: #cc9900;}
#leftbuttons4 a {background: #cc6600;}

/*current = to indicate on what page U R on*/
#leftbuttons1 a:hover, #leftbuttons1 a#current1 {background: #003366;}
#leftbuttons2 a:hover, #leftbuttons2 a#current2 {background: #336600;}
#leftbuttons3 a:hover, #leftbuttons3 a#current3 {background: #996600;}
#leftbuttons4 a:hover, #leftbuttons4 a#current4 {background: #993300;}

#leftlinks1, #leftlinks2, #leftlinks3, #leftlinks4 { /*text-left-links*/
    width: 150px;
    padding: 0;
    text-align: right;
    border: 0px red solid;
    }
    
#leftlinks1 ul li, #leftlinks2 ul li, #leftlinks3 ul li, #leftlinks4 ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
        
#leftlinks1 a, #leftlinks2 a, #leftlinks3 a, #leftlinks4 a {
    text-decoration: none;
    font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
    }
    
#leftlinks1 a {color: #003366;} /*dark blue*/
#leftlinks2 a {color: #336600;}
#leftlinks3 a {color: #996600;}
#leftlinks4 a {color: #993300;}
    
#leftlinks1 a:visited, #leftlinks2 a:visited, #leftlinks3 a:visited, #leftlinks4 a:visited {
    color: gray;
    }
    
#leftlinks1 a:hover, #leftlinks2 a:hover, #leftlinks3 a:hover, #leftlinks4 a:hover {
    border-bottom: 1px solid white;
    }

/********************END LEFT********************/
    

/********************START CONTENT********************/
#content, #content1, #content2, #content3, #content4 { /*container for the right side of the page*/
    width: 470px;
    float: right;
    padding: 0 10px 10px 10px;
    margin: 10px 0 0 0;
    border: 1px white dotted;
    }

#content p, #content1 p, #content2 p, #content3 p, #content4 p {
    font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    margin-bottom: 10px;
    }
    
#content li, #content1 li, #content2 li, #content3 li, #content4 li {
    font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    }

#content a, #content1 a, #content2 a, #content3 a, #content4 a {
    text-decoration: none;
    border-bottom: 1px dotted;
    }
    
#content a {color: #483d8b;} /*DarkSlateBlue*/    
#content1 a {color: #003366;}   
#content2 a {color: #336600;}
#content3 a {color: #996600;}
#content4 a {color: #993300;}
    
#content a:hover, #content1 a:hover, #content2 a:hover, #content3 a:hover, #content4 a:hover {
    border-bottom: 0px dotted;
    background-color: #fff;}
        
#content a:visited {border-bottom: 1px dotted #483d8b;}
#content1 a:visited {border-bottom: 1px dotted #003366;}
#content2 a:visited {border-bottom: 1px dotted #336600;}
#content3 a:visited {border-bottom: 1px dotted #996600;}
#content4 a:visited {border-bottom: 1px dotted #993300;}
    
               
#content h2, #content1 h2, #content2 h2, #content3 h2, #content4 h2 {
    padding: 5px 0 5px 10px;
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: gray;
    background: white;
    width: auto;
    }
    
#content h2 a, #content1 h2 a, #content2 h2 a, #content3 h2 a, #content4 h2 a {
    margin: 20px;
    color: gray;
    text-decoration: none;
    border-bottom: 1px dotted gray;
    }
    
#content h2 a:hover, #content1 a:hover {
    border-bottom: 1px dotted;
    }
    
#content h2 a:hover {
    background-color: #fff;
    color: #483d8b;
    } /*DarkSlateBlue*/
#content1 h2 a:hover {color: #003366;}
#content2 h2 a:hover {color: #336600;}
#content3 h2 a:hover {color: #996600;}
#content4 h2 a:hover {color: #993300;}
    
#content img, #content1 img, #content2 img, #content4 img {
    float: right;
    padding: 5px;
    margin: 0 0 5px 5px;
    background-color: silver;
    border: 1px solid white;
    }
    
#content3 img {
    padding: 5px;
    margin-left: 2px;
    background-color: silver;
    border: 1px solid white;
    }
        
/********************END CONTENT********************/
    
/************START FOOTER********************/

#footer {
    letter-spacing: 1px;
    margin: 0 auto;
    position: relative;
    background-color: white;
    width: 680px;
    padding: 5px 0 15px 0;
    clear: both;
    }
    
#footer h2 {
    margin: 0;
    text-align: center;
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #999999;
    }
    
#footer h2 a:link {
    color: #666666;
    text-decoration: none;
    margin: 0 10px 0 10px;
    border-bottom: 1px solid silver;
    }
    
#footer h2 a:hover {
    color: #333333;
    text-decoration: none;
    background-color: silver;
    }

//************END FOOTER********************/