﻿/*
CSS for BCG#

*/

body {
   font-family: verdana, Helvetica, Arial, sans-erif;
   background: #f0ffff  ; 
   line-height: 125%;
   padding: 0;
   margin: 0px;
   
}

#width {

	min-width: 670px;
        max-width: 1;

}

#width2 { min-width: 670px;
        max-width: 1;
        }


h1 {
   font-family:  Impact, verdana, fantasy, "Book Antiqua", Georgia, Arial, Helvetica, sans-serif;
   font-size: 190%;
   font-style: italic;
   font-weight: ;
   background: #FF0800 url("cbggallery/smallbanner.jpg");
   color: white;
   
   padding-top: .3em;
   padding-bottom: 1em;
   padding-left: .4em;
   margin: 0;
   
   
}

h2 {
   font-family:  Impact,  verdana, "Trebuchet MS", Georgia, fantasy, sans-serif;
   font-size: 160%;
   font-weight: ;
   letter-spacing: 1px;
   border: ;
   color: #cc0000;
   background: ;
   padding-top: .5em;
   padding-bottom: .25em;
   margin-left: 2.4em;
   margin-right: 1.3em;
   margin-bottom: .2em;
   text-align: center;
   
}



h3, h4 {
    font-size: small;
    font-weight: strong;
}

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





#tagline {
   font-family: impact, fantasy, times, serif, georgia;
   font-style: italic;
   ;
   
   background-color: #f0ffff;
   color: #CC0000;
   border: 4px outset #FF3D00;
   border-right: none;
   border-bottom: none;
   border-left: none;
   margin: 0;
   
   
   
   padding-bottom: ;
   padding: 0;
   padding-left: .4em;
   
}

#tagline p {font-size: 100%;
            line-height: 65%;
            

}  

#website-address {
   border-top: 5px outset red;
}



#search {
       border:px solid black;
       padding:px;
       width:185px;
       
}

#horizontalnavigation {
                       		                            
                       background: #FE7E01 url(cbggallery/bannerrephor3.png) no-repeat;
		       padding-top: .5em;
		       padding-bottom: .5em;
		       padding-left: 177px;
		       margin-top: 0;
		       border-bottom: px inset red;
                       border-top: 3px outset #FF3D00;

}

#horizontalnavigation ul {
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
}

#horizontalnavigation li {
  display: inline;
  list-style-type: none;
  
}

#horizontalnavigation li a {
  text-decoration: none;
  padding: 7px 10px;
  
  
}


#verticalnavigation li {
                     width: 170px;
		     background: ;
                     padding-top: .2em;
		     padding-left: .8em;
		     padding-bottom: .1em;
		     border: ;
	             list-style-type: none;
  		     
}


#verticalnavigation {
  
  margin-left: -2.8em;
  background: #FE7E01 url(cbggallery/bannerrep.png);
  padding-top: 12px;
  
}

#verticalnavigation li a {
text-decoration: none;
font-size: 70%;

}


a {
   font-weight: bold;
   font-size: small;
}

a:link {
       color: white;
}
a:visited {
       color: #eee8aa;
}
a:hover {
     text-decoration: none;
     color: black;
     background-color: white;
}

a:active {
   color: black;
   background-color: white;

}

#homenav ul {
  font-size: small;
}

#homenav li {
  text-decoration: none;
  list-style-type: none;
}

#homenav li a {
  color: #CC0000;
}

#bottomnav {
text-align: center;
}

#bottomnav li a {
   color: #CC0000;
}

#bottomnav li {
  display: inline;
  list-style-type: none;
}

#bottomnav li a {
  
  padding: 7px 10px;
}


#product {
    width: 100%; 
    overflow: auto;
    
 }

#product p {font-size: x-small;}

#product a {
    color: #CC0000;
}





 #productleft {
    position:relative;
    float:left;
   width:40%;
   padding: .5%;
   
   
   margin-top: 25px;
   margin-bottom: 50px;
   margin-right: 15%;
   border: 3px #ff4500 ridge;
   
 }
 #productright {
   position:relative;
   float:left;
    width:40%;
   border: 3px #ff4500 ridge;
   padding: 0.5%;
   
   margin-top: 25px;
   margin-bottom: 50px;
 }


#chat a {  color: #CC0000;}




/*positioning */

#header, #website-address, #tagline, #horizontalnavigation, #verticalnavigation, #bodycontent, #bodycontent1, #search {
  position: absolute;
}



#bodycontent {
  top: 135px;
  left: 190px;
  padding: 1%;
  padding-top: 0;
  
  
}

#bodycontent1 {
  top: 135px;
  left: 190px;
  padding: 1%;
  padding-top: 0;
  
  
}



#search {
  
  top: 108px;
  z-index: 1;
}


#horizontalnavigation {
  top: 100px;
  width: 86.9%;
  min-width: 700px;
}



#verticalnavigation {
  top: 134.5px;
}


#tagline {
  top: 55px;
  width: 99.5%;
}

#header {
  width: 100%;
  min-width: 870px;
  max-width: 1;
}


#website-address {
  width: 100%;
}





/*


*/
