@charset "utf-8";
/* CSS Document */




.StandardAdminGradient {
	background-image: url(../Images/Gradient/Gradient_StandardShade.png);
	background-repeat: repeat-x;
}


.StandardAdminGradient2 {
	background-image: url(http://www.bandstandbodyboard.com/Images/Gradient/Gradient_StandardShade.png);
	background-repeat: repeat-x;
}


.StandardEmployeeGradient {
	background-image: url(../Images/Gradient/Gradient_StandardShade.png);
	background-repeat: repeat-x;
}


.StandardGradientShade {
	background-image: url(../Images/Gradient/Gradient_StandardShade.png);
	background-repeat: repeat-x;
}


.StandardGradientTint {
	background-image: url(../Images/Gradient/Gradient_StandardTint.png);
	background-repeat: repeat-x;
}

.BG_ImageNewsLetterPage {
	background-image: url(../Images/UploadedPic/BGNewsletter.png);
	background-repeat: no-repeat;
	background-position:top;
	
}



/* HTML STARTS */
.html {
	background-color:;
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 0px;
	background-position: center top;
	background-image: ;
}
/* HTML END */




/* BODY STARTS */
.Body
{
	border-top:;
	border-bottom:;	
	border-left:; 
	border-right:;
	
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;  
	
	padding-top:0px;
	padding-bottom:0px; 
	padding-left:0px; 
	padding-right:0px;
	
	background-color:#FFFFFF;
	background-image: url(../Images/BodyGB/BodyMainBG.png);
	background-repeat:no-repeat; 
	background-position:center;
	background-position:top;
}
/* BODY END */


/* BODY STARTS */
.Body_AdminLogin
{
	border-top:;
	border-bottom:;	
	border-left:; 
	border-right:;
	
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;  
	
	padding-top:0px;
	padding-bottom:0px; 
	padding-left:0px; 
	padding-right:0px;
	
	background-color:#FFFFFF;
	background-image: url(../Images/BodyGB/BG_AdminLogin.jpg);
	background-repeat:no-repeat; 
	background-position:center;
	background-position:top;
}
/* BODY END */




/* BODY STARTS */
.Body_EmployeeLogin
{
	border-top:;
	border-bottom:;	
	border-left:; 
	border-right:;
	
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;  
	
	padding-top:0px;
	padding-bottom:0px; 
	padding-left:0px; 
	padding-right:0px;
	
	background-color:#FFFFFF;
	background-image: url(../Images/BodyGB/BG_EmployeeLogin.jpg);
	background-repeat:no-repeat; 
	background-position:center;
	background-position:top;
}
/* BODY END */





/* BODY OVERLAY STARTS */
.BodyOverlay {
	background-color:;
	background-image: ;
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 0px;
	background-position: center top;
}
/* BODY END */





/* BODY OVERLAY CPANEL STARTS */
.BodyOverlay_CPanel{
	background-color:;
	background-image: url(../CPanel/CPanel_Images/Gradient/CPanelGradent_D-Green_LightBlue_2000pxH.jpg);
	background-repeat: repeat;
	background-position: center top;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	margin: 0px;
}
/* BODY OVERLAY CPANEL END */




/* START DROP SHADOW 10PX */
.DropShadow10px{ border-image:url(../Images/StandardCSSImages/DropShadow10px.png) 19 19 19 19 round round;
}
/* END DROP SHADOW 10PX */



.LowercaseText {
text-transform: lowercase; /* force text to lowercase */
}

.UppercaseText {
text-transform: uppercase; /* force text to uppercase */
}

.CapitalizeText {
text-transform: capitalize; /* force text to proper case */
}



/* START Password Strenght DIV */
#score {
	color: #000;
	font-size: 100%;
	position: relative;
	text-align: center;
	width: 100px;
	z-index: 10;
	
}
#score,#rating,#standards {
	font-weight: bold;
}
#scorebar {
	background-image: url(../Images/StandardCSSImages/bg_strength_gradient.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
	width: 100px;
	z-index: 0;
}
#scorebarBorder {
	background: #333;
	border: 1px #000 solid;
	height: 16px;
	margin-bottom: 2px;
	width: 100px;
}



div.fail,div.pass,div.exceed,div.warn {
	background-repeat: no-repeat;
	background-position: left top;
	height: 16px;
	margin-left: auto;
	margin-right: auto;
	width: 16px;
}
td.exceed,td.fail,td.pass,td.warn {
	color: #fff;
	font-weight: bold;
	text-align: center;
}
td.exceed {
	background: #1C60A4;
}
td.fail {
	background: #C00;
}
td.pass {
	background: #093;
}
td.warn {
	background: #f60;
}

.hide {
	display: none;
}
/* END Password Strenght DIV */





.DivAlternateNo1a { background: #D6DCE9; } 


.DivAlternateNo1b { background: #eee; }






.RemoveBulletsStyle {
   list-style-type:none;
   margin:0;
   padding:0;
} 





/*---- START ---  SLIDING IMAGE INTO THE LEFT DIV CONTAINER  -------------------------------*/
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:314px;	width:608px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position:relative;
	bottom:-270px;
	right:-220px;
	width:178px;
	height:47px;
	z-index:100;	 /*-- z-index: 100; Assures the paging stays on the top layer--*/
	text-align:center;
	line-height:55px;
	display:none; /*--Hidden by default, will be later shown with jQuery--*/
	background-image:;  /*-- Imput image file info -->       url(../Images/BannerSlide/paging_bg2.png) --*/
	background-repeat: no-repeat;
}
.paging a {
	padding: 12px;
	background-image:url(../Images/BannerSlide/SlideBannerButtonAnchors.png); 
	background-repeat:no-repeat; 
	background:; /*--BG colour behind NAV Image Gutton--*/  
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight:bold; 
	background-image:url(../Images/BannerSlide/SlideBannerButtonActive.png);
	background-repeat:no-repeat; 
	background:; /*--BG colour behind NAV Image Gutton--*/  
	border:;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {
	font-weight: bold;
	background-image:url(../Images/BannerSlide/SlideBannerButtonHover.png);
	background-repeat:no-repeat;  
	background:; /*--BG colour behind NAV Image Gutton--*/  
}
/*----------- END ---  SLIDING IMAGE INTO THE LEFT DIV CONTAINER  ----------------------*/












/*---- START ---  SLIDING IMAGE ( _IndexPageSliderBanner2 )  -------------------------------*/
/*--Main Container--*/
.main_view_IndexPageSliderBanner2 {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window_IndexPageSliderBanner2 {
	height:358px;	width:478px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel_IndexPageSliderBanner2 {
	position: absolute;
	top: 0; left: 0;
}
.image_reel_IndexPageSliderBanner2 img {float: left;}

/*--Paging Styles--*/
.NavPaging_IndexPageSliderBanner2 {
	position:relative;
	bottom:-305px;
	right:-195px;
	width:178px;
	height:47px;
	z-index:100;	 /*-- z-index: 100; Assures the paging stays on the top layer--*/
	text-align:center;
	line-height:55px;
	display:none; /*--Hidden by default, will be later shown with jQuery--*/
	background-image:;  /*-- Imput image file info -->       url(../Images/BannerSlide/paging_bg2.png) --*/
	background-repeat: no-repeat;
}
.paging_IndexPageSliderBanner2 a {
	padding: 12px;
	background-image:url(../Images/BannerSlide/SlideBannerButtonAnchors.png); 
	background-repeat:no-repeat; 
	background:; /*--BG colour behind NAV Image Gutton--*/  
	text-decoration: none;
	color: #fff;
}
.paging_IndexPageSliderBanner2 a.active {
	font-weight:bold; 
	background-image:url(../Images/BannerSlide/SlideBannerButtonActive.png);
	background-repeat:no-repeat; 
	background:; /*--BG colour behind NAV Image Gutton--*/  
	border:;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging_IndexPageSliderBanner2 a:hover {
	font-weight: bold;
	background-image:url(../Images/BannerSlide/SlideBannerButtonHover.png);
	background-repeat:no-repeat;  
	background:; /*--BG colour behind NAV Image Gutton--*/  
}
/*----------- END ---  SLIDING IMAGE INTO THE LEFT DIV CONTAINER  ----------------------*/







/*---- START ---  SLIDING IMAGE ( _IndexPageSliderBanner2 )  -------------------------------*/
/*--Main Container--*/
.MainView_2 {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.Window_2 {
	height:358px;	width:478px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.ImageReel_2 {
	position: absolute;
	top: 0; left: 0;
}
.ImageReel_2 img {float: left;}

/*--Paging Styles--*/
.Paging_2 {
	position:relative;
	bottom:-305px;
	right:-195px;
	width:178px;
	height:47px;
	z-index:100;	 /*-- z-index: 100; Assures the paging stays on the top layer--*/
	text-align:center;
	line-height:55px;
	display:none; /*--Hidden by default, will be later shown with jQuery--*/
	background-image:;  /*-- Imput image file info -->       url(../Images/BannerSlide/paging_bg2.png) --*/
	background-repeat: no-repeat;
}
.Paging_2 a {
	padding: 12px;
	background-image:url(../Images/BannerSlide/SlideBannerButtonAnchors.png); 
	background-repeat:no-repeat; 
	background:; /*--BG colour behind NAV Image Gutton--*/  
	text-decoration: none;
	color: #fff;
}
.Paging_2 a.active {
	font-weight:bold; 
	background-image:url(../Images/BannerSlide/SlideBannerButtonActive.png);
	background-repeat:no-repeat; 
	background:; /*--BG colour behind NAV Image Gutton--*/  
	border:;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.Paging_2 a:hover {
	font-weight: bold;
	background-image:url(../Images/BannerSlide/SlideBannerButtonHover.png);
	background-repeat:no-repeat;  
	background:; /*--BG colour behind NAV Image Gutton--*/  
}
/*----------- END ---  SLIDING IMAGE INTO THE LEFT DIV CONTAINER  ----------------------*/










/*----------- START ---  SEARCH BAR AND BUTTON  ----------------------*/
/*-----------  START Style 1  -----------*/
#search-box {
    position: relative;
    width: 100%;
    margin: 0;
}

#search-form {
    height: 30px;
    border: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
}

#search-text {
    font-size: 14px;
    color: #ddd;
    border-width: 0;
    background: transparent;
}

#search-box input[type="text"] {
    width: 98%;
    padding: 5px 0 2px 1em;
    color: #333;
    outline: none;
}

#search-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 31px;
    width: 80px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 1px 0 2px 0;
    border-width: 0;
    background-color: #999;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
}

#search-button:hover {
    position: absolute;
    top: 0;
    right: 0;
    height: 31px;
    width: 80px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 1px 0 2px 0;
    border-width: 0;
    background-color: #6EBF54;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
}
/*-----------  END Style 1  -----------*/






/*-----------  START Style 6  -----------*/
.SearchTextInput1 {
	width: 230px;
	height: 20px;
	color: #333333;
	background-color: #AEE6B6;
	background-image: url("/Images/StandardCSSImages/SearchMagnifyingGlass.png");
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #A2AAB9;
	margin: 0px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}


.SearchButton1 {
	background-repeat: no-repeat;
	background-position: left top;
	color: #333333;
	height: 33px;
	border: 1px solid #A2AAB9;
	background-color: #CCCCCC;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	vertical-align: bottom;
}

.SearchButton1:hover {
	background-repeat: no-repeat;
	background-position: left top;
	background-color: ;
	color: #39B54A;
	height: 27px;
	border: 1px solid #A2AAB9;
	padding-top: 0px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
/*-----------  END Style 6  -----------*/


/*-----------  START Style 7  -----------*/

.SearchTextInput2 {
	width: 330px;
	height: 26px;
	color: #333333;
	background-color: #CCCCCC;
	background-image: url("/Images/StandardCSSImages/SearchMagnifyingGlass.png");
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #A2AAB9;
	margin: 0px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}



.SearchButton2 {
	background-repeat: no-repeat;
	background-position: left top;
	color: #333333;
	height: 33px;
	border: 1px solid #A2AAB9;
	background-color: #CCCCCC;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	vertical-align: bottom;
}

.SearchButton2:hover {
	background-repeat: no-repeat;
	background-position: left top;
	background-color: ;
	color: #39B54A;
	height: 33px;
	border: 1px solid #A2AAB9;
	background-color: #CCCCCC;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	vertical-align: bottom;
}
/*-----------  END Style 7  -----------*/





/*----------- START ---  SEARCH BAR AND BUTTON  ----------------------*/




/* WHITE SPACE CSS START */
.WhiteSpace{
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
}
/* WHITE SPACE CSS END */






.Shadow {
background:-webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
background:-moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
margin:auto;
position:relative;
width:auto;
height:auto;
font-family: ;
font-size: ;
font-style: ;
line-height: normal;
font-weight: bold;
color: #09C;
text-decoration: none;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

padding:10px;
border: 1px solid #999;
border: inset 1px solid #333;

-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}





/* SHADOW MIDDLE CSS START */
.Shadow_Standard {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

padding:10px;
border: 1px solid #999;
border: inset 1px solid #333;

-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}


/* DROP SHADOW MIDDLE CSS START */
.Shadow_Middle_V0px_H0px_B15px_Black_Curve_10px{
border:1px solid #666666;

-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);
-moz-box-shadow:    0px 0px 15px rgba(0, 0, 0, 0.6);
box-shadow:         0px 0px 15px rgba(0, 0, 0, 0.6);

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#curve1{
	width: auto;
	height: auto;
	-webkit-box-shadow: 0px 0px 15px #000000;
	-moz-box-shadow: 0px 0px 15px #000000;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	background-image: url(/CYD_IMAGES/ChairBanner1.png);
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}



#curve2{
	width: auto;
	height: auto;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	background-image: url(/CYD_IMAGES/ChairBanner1.png);
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}


.div {
height:10px;
overflow:hidden;
}


.table{
height:30px;
overflow:hidden;
}




.Footer {
	background-color: #23236A;
	background-repeat: repeat;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 0px;
	background-position: center top;
	height: auto;
}
/* BODY ENDS */


/* BODY STARTS */
.DR_MP3_PlayerImage {
	background-image: url(/DavidImage/HomePage/MP3CDCover90pxX85px.jpg);
	background-repeat: repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 0px;
}
/* BODY ENDS */




/* Invisible STARTS */
.Invisible {
	display: none;
}
/* Invisible ENDS */




/* 5pxTableHeight STARTS */
.5pxTableHeight {
	line-height: 5px;
}
/* 5pxTableHeight ENDS */




/* 10pxTableHeight STARTS */
.10pxTableHeight {
	line-height: 10px;
}
/* 5pxTableHeight ENDS */




/* 10pxTableHeight STARTS */
.Required {
	font-size: 18px;
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	vertical-align: text-bottom;
	position: static;
	left: 297px;
	top: 654px;
	width: 9px;
	height: 12px;
}
/* 10pxTableHeight ENDS */




/* 25pxTableHeight STARTS */
.25pxTableHeight {
	line-height: 25px;
}
/* 25pxTableHeight ENDS */




/* GreyWhite200pxH STARTS */
.GreyWhite200pxH {
	background-image: url(../Images/Gradient/Gradient_BG_D-Gray_L-Grey.png);
	background-repeat: repeat;
}
/* GreyWhite200pxH ENDS */



/* GreyWhite1500pxH STARTS */
.GreyWhite1500pxH {
	background-image: url(../Images/Gradient/Gradient_BG_GreyWhite1500pxH.png);
	background-repeat: repeat-x;
}
/* GreyWhite200pxH ENDS */



/* OverlayBlack STARTS */
.OverlayBlack {
	background-image: url(/Images/StandardCSSImages/OverLayBlack.png);
	background-repeat: repeat;
}
/* OverlayBlack ENDS */




/* OverlayWhite STARTS */
.OverlayWhite {
	background-repeat: repeat;
	background-image: url(/Images/StandardCSSImages/OverLayWhite.png);
}
/* OverlayWhite ENDS */











/* Button_WhiteBold12px_HovRedBold13px START */
.Button_WhiteBold12px_HovRedBold13px, .Button_WhiteBold12px_HovRedBold13px a:link, .Button_WhiteBold12px_HovRedBold13px a:visited, .Button_WhiteBold12px_HovRedBold13px a:active{
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.Button_WhiteBold12px_HovRedBold13px a:hover{
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
/* Button_WhiteBold12px_HovRedBold13px END */



.BG_Pic1 {
	background-image: url(/CYD_IMAGES/contact%20us2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}




/* How to use Layer Class
<table width="100%" border="3" bgcolor="#FFFFFF">
<tr><td height="110">
<img src="images/layerbox1.jpg" alt="square1" width="100" height="100" class="layer1" />
<img src="images/layerbox2.jpg" alt="square2" width="100" height="100" class="layer2" />
<img src="images/layerbox3.jpg" alt="square3" width="100" height="100" class="layer3" />
<img src="images/layerbox4.jpg" alt="square4" width="100" height="100" class="layer4" /></td>
</tr>
</table>
*/
.Layer1{
z-index:1000;
position: relative;
left: 0px;
bottom: 0px;
}

.Layer2{
z-index:2000;
position: relative;
left: 25px;
bottom: 25px;
}
.Layer3{
z-index:1000;
position: relative;
left: 0px;
bottom: 30px;
}

#content_container {
	background-color: #e6e6e6;
	height: 27px;
	width: 27px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#MusicNote {
	background-color: #00FF00;
	height: 27px;
	width: 27px;
	position: absolute;
	z-index: 2;
}







/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{


font-size: 12px;
color: #2d2b2b;
font-weight: bold;
text-decoration: none;
font-family: Verdana;

border-top:;
border-bottom:;
border-left:; 
border-right:;

margin-top:1px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;  

padding-top:0px;
padding-bottom:3px; 
padding-left:0px; 
padding-right:0px;

list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
color: #2d2b2b;

border-top:1px solid #778;
border-bottom:1px solid #778;
border-left:1px solid #778; 
border-right:1px solid #778;

margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:3px;  

padding-top:3px;
padding-bottom:3px; 
padding-left:7px; 
padding-right:7px;

background-color:#FFFFFF;
background: url(../Images/ContentTabDiv/Shade.jpg);

background-position:top;
background-position:left;
background-repeat:repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(../Images/ContentTabDiv/ShadeActive.jpg);

border-top:1px solid #778;
border-bottom:1px solid #FFFFFF;
border-left:1px solid #778; 
border-right:1px solid #778;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.ClubEditionTabsContent{
padding-left:10px;
padding-right:10px;
height:auto;
width:auto;
background: url(../Images/ContentTabDiv/ContentTabBodyBG.jpg) left bottom repeat-x;
display:none;
}

#ClubEditionTabs_InnerContent{
height:auto;
width:auto;
padding-left:0px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
}

@media print {
.ClubEditionTabsContent {
display:block !important;
}
}








/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}









/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: black url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}