/* This style sheet was designed by Trade and Value, Corp. 
Please refrain from copying this style sheet.
 */
 
 
html {
height: 100%;
background-color: #ebebeb;
}
body{
width: 100%;
}
.gallery-holder{
width:900px;
margin:0px auto;
padding:0px;
background-image: url(../sfbc/images/elements/black-squares.png);
border: #4b4b4b 2px solid;
font-family: Arial, Helvetica, Sans Serif;
}

.gallery-top-banner{
width: 900px;
height: 194px;
margin: 0px auto;
background-color: #ffffff;
overflow: hidden;
}
.gallery-top-left{
width: 205px;
height: 194px;
float: left;
overflow: hidden;
}
.gallery-top-right{
width: 695px;
height: 194;
float: left;
overflow: hidden;
}
.gallery-top-right a:link, .gallery-top-right a:active, .gallery-top-right a:visited{
font-family: Arial, Times;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #074a98;
}
.gallery-top-right a:hover{
font-family: Arial, Times;
font-size: 10pt;
font-weight: bold;
text-decoration: underline;
color: #074a98;

}
.gallery-top-right h2{
width: 450px;
margin-top: 55px;
margin-left: 100px;
text-align: center;
color: #015ca8;
}
.gallery-top-right p{}
.gallery-top-right span{
font-size: 14pt;
font-weight: bold;
}
.gallery-top-right #powered-by{
text-align: right;
margin-right: 5px;
margin-top: 65px;
}
.gallery-top-separator{
width: 900px;
height: 4px;
margin: 0px auto;
background-color: #015ca8;
clear: both;
overflow: hidden;
}





.gallery-main-content{

}

.gallery-main-content a:link, .gallery-main-content a:active, .gallery-main-content a:visited{
font-family: Arial, Times;
font-size: 11pt;
font-weight: bold;
text-decoration: none;
color: #015ca8;
}
.gallery-main-content a:hover{
font-family: Arial, Times;
font-size: 11pt;
font-weight: bold;
text-decoration: underline;
color: #015ca8;
}

/* GALLERY INTRO */

.gallery-intro{
width: 100%; 
height: 200px;
}


.gallery-intro-left{
width: 650px;
height: px;
float: left;
}
.gallery-intro-left h4{
margin-top: 20px;
margin-left: 15px;
color: #ffffff;
}
.gallery-intro-right{
width: 250px;
height: px;
float: left;
}
.gallery-intro-right img{
margin: 0px auto;
margin-top: 20px;
}




.gallery-bottom-separator{}

.gallery-footer-holder{
width: 900px;
height: 130px;
margin: 0px auto;
background-color: #ffffff;
overflow: hidden;
}
.gallery-footer-holder p{
margin-top: 2px;
margin-left: 3px;
margin-bottom: 0px;
font-size: 10pt;
font-weight: bold;
color: 7b7b7b;
}
.gallery-footer-advertisers{
width: 200px;
height: 60px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
float: left;
overflow: hidden;

}

.gallery-credits{
width: 100%;
height: 15px;
margin-top: 15px;
overflow: hidden;
}
.gallery-credits p{
text-align: center;
}
.gallery-credits span{
font-size: 8pt;
font-weight: normal;
}
.gallery-credits a:link, .gallery-credits a:active, .gallery-credits a:visited{
font-family: Arial, Times;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: #4b4b4b;
}
.gallery-credits a:hover{
font-family: Arial, Times;
font-size: 8pt;
font-weight: bold;
text-decoration: underline;
color: #4b4b4b;
}

.gallery-main-left{
width: 650px;
float: left;
}
.gallery-main-right{
width: 250px;
float: left;
}


.gallery-image-item1{
width: 166px;
height: 111px;
margin: 0px auto;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
float: left;
overflow: hidden;
}
.gallery-image-item2{

}




.gallery-side-nav-holder{
width: 200px;
height: 300px;
padding: 10px;
margin-top: ;
margin-left: ;
background-color: #ffffff;
border: 2px solid #015ca8;
}
.gallery-side-nav-holder h3{
text-align: center;
color: #015ca8;
}
.gallery-side-nav-holder li{
list-style: none;
list-style-type: none;
list-style-position: outside;
}
.gallery-side-nav-holder a:link, .gallery-side-nav-holder a:active, .gallery-side-nav-holder a:visited{
font-family: Arial, Times;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #015ca8;
}
.gallery-side-nav-holder a:hover{
font-family: Arial, Times;
font-size: 10pt;
font-weight: bold;
text-decoration: underline;
color: #015ca8;
}

/* This css is used for the view-image page */


.gallery-view-content-holder{

}
.gallery-view-content-holder a:link, .gallery-view-content-holder a:active, .gallery-view-content-holder a:visited{
font-family: Arial, Times;
font-size: 11pt;
font-weight: bold;
text-decoration: none;
color: #015ca8;
}
.gallery-view-content-holder a:hover{
font-family: Arial, Times;
font-size: 11pt;
font-weight: bold;
text-decoration: underline;
color: #015ca8;
}



.gallery-view-main-content{
width: 680px;
float: left;
}
.gallery-view-main-right{
width: 220px;
float: left;
}
.gallery-large-image{
margin-top: 20px; 
margin-bottom: 20px;
}
.gallery-large-image p{
text-align: center;
}
.gallery-sel-text-message{
width: 180px;
padding: 10px;
margin-top: 20px;
color: #ffffff;
overflow: hidden;
}
.gallery-sel-text-message span{
font-family: Georgia;
font-size: 12pt;
color: #ffffff;
}
.gallery-sel-link{

}
.gallery-return{
margin-top: 20px;
margin-bottom: 20px;
margin-left: 15px;
}

.spacer-20{width: 100%; height: 20px;}

.clr{
clear: both;
}