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

.shadetabs{
font: bold 12px Verdana;
list-style-type: none;
padding: 5px 7px 5px 7px;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
	display: inline;
}

/*tab_drk-gray

top/right/bottom/left

*/

.shadetabs li a{
	position: relative;
	top: 10px;
	left: -4px;
	padding: 5px 5px 4px 7px ;
	width: 140px;
	height: 26px;
	color: #00417f;
	font: bold 12px Verdana;
	text-decoration: none;
	background: url(http://www.stbernard.com/img/bg/tab_gray.gif) top left no-repeat;
}

/* Firefox */
html>body .shadetabs li a{
	position: relative;
	top: 5px;
	left:-4px;
	padding: 5px 65px 6px 7px;
	color: #00417f;
	width: 140px;
	height: 28px;
	font: bold 12px Verdana;
	text-decoration: none;
	background: url(http://www.stbernard.com/img/bg/tab_gray.gif) top left no-repeat;
}

.shadetabs li a:visited{
	text-decoration: none;
	position: relative;	
	color: #00417f;
	width: 140px;
}

.shadetabs li a:hover{
text-decoration: none;
color: #009de8;
}

.shadetabs li a.selected{ /*selected main tab style */
	position: relative;
	top: 10px;
	left:-4px;
	padding: 5px 5px 4px 7px;
	width: 140px;
	height: 26px;
	color: #00417f;
	font: bold 12px Verdana;
	text-decoration: none;
	background: url(http://www.stbernard.com/img/bg/tab_gray_md.gif) top left no-repeat;

}


/* Firefox */
html>body .shadetabs li a.selected{ /*selected main tab style */
	position: relative;
	top: 5px;
	left:-4px;
	padding: 5px 65px 6px 7px;
	color: #00417f;
	width: 140px;
	height: 28px;
	font: bold 12px Verdana;
	text-decoration: none;
	background: url(http://www.stbernard.com/img/bg/tab_gray_md.gif) top left no-repeat;

}

.shadetabs li a.selected:hover{
text-decoration: none;
color: #009de8;
}

.tabcontent{
display:none;
height:190px;
}

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

}

/* Firefox */
@-moz-document url-prefix()
{
#firefox { display: block; }

.tabcontent{
display:none;
height:201px;
}

}




/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{ 

#safari { display: block; }

.shadetabs li a{
	position: relative;
	top: 10px;
	left: -4px;
	padding: 10px 5px 6px 7px ;
	width: 140px;
	height: 26px;
	color: #00417f;
	font: bold 12px Verdana;
	text-decoration: none;
	background: url(http://www.stbernard.com/img/bg/tab_gray.gif) top left no-repeat;

}

.shadetabs li a.selected{ /*selected main tab style */
	position: relative;
	top: 10px;
	left:-4px;
	padding: 10px 5px 6px 7px;
	width: 140px;
	height: 26px;
	color: #00417f;
	font: bold 12px Verdana;
	text-decoration: none;
	background: url(http://www.stbernard.com/img/bg/tab_gray_md.gif) top left no-repeat;

}

}