/* ######### CSS for PHP Photo Album itself ######### */

.photodiv{ /*CSS for DIV containing each image*/
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.photodiv img{ /*CSS for each image tag*/
	width: 126px;
	height: 95px;
	cursor: hand;
	cursor: pointer;
	border: 1px solid #003366;
}

.albumnavlinks{ /*CSS for DIV containing the navigational links*/
}

.albumnavlinks a{ /*CSS for each navigational link*/
font: 12px "Century Gothic";
margin-right: 5px;
padding: 1px 5px;
border: 1px solid #003366;
text-decoration: none; 
color: #ffffff;
}


.albumnavlinks a:hover, .albumnavlinks a.current{ /*CSS for currently selected navigational link*/
border: 1px solid #003366;
background-color: #999999;
}

/* ######### CSS for thumbnail viewer plugin ######### */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 8px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;  
box-shadow: 5px 5px #818181; /* Experimental box shadow properties*/
-webkit-box-shadow: 5px 5px #818181;
-moz-box-shadow: 5px 5px #818181;
-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5,  positive=true)"; /* IE8 drop shadow*/
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5,  positive=true); /* IE drop shadow*/
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 14px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
margin: 5px;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 10px;
font: bold 14px Arial;
z-index: 5;
}

/* Global Styles */

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}


/* ID Styles */
	
#navigation a {
	color: #FFFFFF;
	}
	
#navigation a:hover {
	font-weight:bold;
	color: #FFFFFF;
	}
	
#link3 a {
	color: #FFFFFF;
	font: 15px "Century Gothic";
	font-weight:normal;
}

#link3  a:hover {	
	color: #FFFFFF;
	font: 16px "Century Gothic";
	font-weight:bold;
}

#submit {
	margin-left: 286px;
}


/* Class Styles */

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  font: 10px "Century Gothic";
  color:#ffffff;
  padding-right: 10px; 
  }

div.row span.formw {
  float: left;
  width: 235px;
  text-align: left;
  overflow:hidden;
  
  } 
  
.textfield {
  font: 10px "Century Gothic";
  color:#FFFFFF;
  }
  
 
body {
	background-image:url(images/bsm_bgII.gif);
	background-repeat: repeat;
	}

.style1 {
	font-size: 13px;
	color: #ffffff;
	text-align: left;
	font: 12px "Century Gothic";
}

.textfield_11px {  font: 11px "Century Gothic";
  color:#FFFFFF;
}


.bsm_privatelessons {
     background-image: url(images/private_lessons_nf.jpg);
	 background-position: left;
	 background-repeat:no-repeat;
	 }
	 
.bsm_instructors {
	background-image: url(images/instructors.png;)
	background-position:left;
	background-repeat:no-repeat;
	 }
	 	 	
.bsm_jam {
     background-image: url(images/jam.jpg);
	 background-position:left;
	 background-repeat:no-repeat;
	 }	

	  	 
.bsm_locations {
     background-image: url(images/locations.jpg);
	 background-position:left;
	 background-repeat:no-repeat;
	 }	 	 

.bsm_success {
     background-image:url(images/success.jpg);
	 background-position:left;
	 background-repeat:no-repeat;
	 }	 	 
	 	 
.navblock {
    padding-left: 1px;
    padding-top: 2px;
    }

.smalltext {
    font:10px verdana;
	font-weight:normal;
	color: #999933; 
	text-align: center;    	
    }
	
.smalltext_2 {
    font:11px "Century Gothic";
	font-weight:normal;
	color: #000000; 
	text-align: left; 
	}
	
.smalltext_3 {
    font:12px "Century Gothic";
	font-weight:bold;
	color: #000000; 
	text-align: left; 
	}
	
.smalltext_4 {
	font-weight:normal;
	color: #000000;
	text-align: center;
	font-family: "Verdana";
	font-size: 10px;
	}	
	
.smalltext_5 {
    font:14px "Century Gothic";
	font-weight:normal;
	color: #000000; 
	text-align: left; 
	}	
	
.textfield {
	font:12px "Century Gothic";
	font-weight:normal;
	color: #FFFFFF;
	}		
.bioheading {
    background-image:url(images/bio_heading.jpg);  
    background-position:left;
    background-repeat:no-repeat;	
}

.bsm_menu {
	font: 10px "Century Gothic";	
}

.bsm_pl {
	background-image:url(images/bsm_mkII_pl.png);
	background-repeat:no-repeat;
	background-position:center;
	border: medium none #336600;
	padding: 2px;
}
.bsm_main {
	background-image:url(images/bsm_mkII.png);
	background-repeat:no-repeat;
	border: solid #000000 2px;
}
.white_text_heading {
	font:14px "Century Gothic";
	font-weight:bold;
	color: #ffffff;
	text-align: left;
}
.instructors_main {
	background-image:url(images/BradleySM_IN.png);
	background-repeat:no-repeat;
	border: solid #000000 2px;
}
.bsm_main_old_temp {
	background-image:url(images/BradleySM.png);
	background-repeat:no-repeat;
	border: solid #000000 2px;
}
.bsm_main_ALT {
	background-image:url(images/BradleySM_IN.png);
	background-repeat:no-repeat;
	border: solid #000000 2px;
}
.heading_2 {
	font:12px "Century Gothic";
	font-weight:bold;
	color: #CCCCCC;
	text-align: left;
}
.instr_names {
	font-size: 18px;
	font-weight: bold;
	color: #CCCCCC;
	font-family: "Century Gothic";
}
.instructor_bio {
	font: 11px "Century Gothic";
	color: #FFFFFF;
	font-size: 12px;
	padding-right: 10px;
	padding-bottom: 2px;
}

.private_lessons_main {
	background-image:url(images/BradleySM_PL.png);
	background-repeat:no-repeat;
	border: solid #000000 2px;
}
.textfield_14px {
	font: 14px "Century Gothic";
	color:#FFFFFF;
	padding-left: 60px;
	padding-right: 100px;
}
.textfield_12px_L {	font: 12px "Century Gothic";
	color:#FFFFFF;
	text-align: left;
}

.jamsessions_main {
	background-repeat:no-repeat;
	border: solid #000000 2px;
	background-image: url(images/BradleySM_JAM.png);
}
.jam_lower_bg {
	background-image: url(images/Jam_lower_bg.png);
	background-repeat: no-repeat;
}
.links2 {
	font: 11px "Century Gothic";
	color:#006699;
	font-weight: bold;
}

.textfield_12px {
	font: 12px "Century Gothic";
	color:#FFFFFF;
}


.style2 {
	font-size: 14px
}

.small_white_text {font-size: 10px}

.contact_main {
	background-repeat:no-repeat;
	border: solid #000000 2px;
	background-image: url(images/BradleySM_CONTACT.png);
}

.success_main {
	background-image:url(images/BradleySM_SUCCESS.png);
	background-repeat:no-repeat;
	border: solid #000000 2px;
}

.faq_main {
	background-repeat:no-repeat;
	border: solid #000000 2px;
	background-image: url(images/BradleySM_FAQ.png);
}

.loc_main {
	background-repeat:no-repeat;
	border: solid #000000 2px;
	background-image: url(images/BradleySM_LOC.png);
}
.bsm_main {
	background-image:url(images/BradleySM_REV.png);
	background-repeat:no-repeat;
	border: solid #000000 2px;
}
.small_white_text_bold {
	font:12px "Century Gothic";
	font-weight:bold;
	color: #FFFFFF;
	padding-left: 4px;
}
.white_text_heading2 {
	font:16px "Century Gothic";
}
.contact_button {
	background-image: url(images/contact_button_bg.png);
	background-repeat: no-repeat;

}
.head {
	background-image: url(images/BradleySM_Head.png);
}
.community {
	background-image: url(images/community_button_bg.png);
	background-repeat: no-repeat;
}
.small_white_text_bold_2 {
	font:11px "Century Gothic";
	font-weight:bold;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
}
.textfield_14px_nopad {
	font: 14px "Century Gothic";
	color:#FFFFFF;
}
.jamsessions_main_alt {
	background-repeat:no-repeat;
	border: solid #000000 2px;
	background-image: url(images/Jam_Sessions_BG.png);
}

	
.footer_text  {
	font:12px Century Gothic;
	color:#000000;
	font-weight:900
	}
#footerlink a {
	color: #000000;
	font: 12px "Century Gothic";
	font-weight:bold;
}
#footerlink a:hover {
	color: #000000;
	font: 12px "Century Gothic";
	font-weight:bold;
	text-decoration: underline;
}


.verdana_heading {
	font:11px "Verdana";
	font-weight:normal;
	color: #ffffff;
	text-align: left;
}
.verdana_heading_large {
	font:13px "Verdana";
	font-weight:bold;
	color: #ffffff;
	text-align: left;
}
.jam_lower_bg_2 {
	background-image: url(images/Jam_lower_bg_2.png);
	background-repeat: no-repeat;
}
