
body {
    background: transparent;
	background-color: #6a6a6a;
	margin: 0 auto;
    color: #FFF;
    font-family: "Trebuchet MS", Segoe UI, Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
    min-width: 796px;
	background-image: url(../PageImages/logo_bg_black.jpg);
	background-repeat: repeat-x;
}
#logo {  margin: 0 auto;
	padding: 0px;
	height: 100px;
	background-image: url(../PageImages/bpg_logo_black.jpg);
	background-repeat: no-repeat;
	
}
p {font-size: 0.8em;
	padding: 10px 0 0 5px;}
#taglinesafe {
	width: 750px;
	margin: -62px 0 10px 120px;
}	
#tagline {
	width: 750px;
	height: 32px;
	margin: -62px 0 10px 120px;
	
}
table { font-size: 0.75em;
	border-collapse: collapse;
	border: none;
	line-height: 1em;}
.descriptionPale {font-size: 1.1em;
	color: #EEE;}
.captionPale {font-size: 0.7em;
	color: #666;}
.tagline {
	padding-left: 100px;
	text-decoration: none;
	color: #999;}
h1 {font: italic normal 2.1em georgia, "Trebuchet MS", helvetica;
	color: #666;
	margin: 2px; 
	letter-spacing: 0.1em; 
	padding-top:20px ;}
h2 {font-size: 1.5em;}
h2.top {
	margin: 0;
	font-size: 1.2em;
	letter-spacing: .3em;
}
h3 {font: italic normal 1.2em georgia, "Trebuchet MS", helvetica;
	
	margin: 1.5em 0 0 0;
}
h6 {font: italic normal 1.75em georgia, "Trebuchet MS", helvetica;
	color: #6a776b;
	margin: 2px; 
	letter-spacing: 0.15em; 
	padding-left:20px;
}

a {
    color: #0088d9;
	size: 0.8em;
	font-weight: normal;
}

/***********GRAYED NAV************/
/*Grayed Container*/
#grayedbox {
	width: 650px;
	margin: 0 auto;
	font-size: 0.7em;
	color: #999999;
}
/*Grayed Content*/
#grayed {
	position: relative;
	top: 5px;
	margin: -5px auto;
	text-align: center;
	z-index: 1000;
}
#grayed ul li  {	list-style-type: none;
	display: inline;
	margin: 0 3px;
	border: 1px dotted #666;
	background: transparent;
	}
#grayed li a {
	color: #666; 
	padding: 0 10px;
	text-decoration: none;
}
#grayed a:hover, #grayed a:active, #grayed a:focus {
	background-color:#4D4D4D;
	color: #FFFFFF;
	text-decoration: none;
}
.grayed{
    font-size: 0.7em;
    color: #666;
}
.highlight{
    font-size: 0.7em;
    color: #FFF;
}
img {
    border: 0px;
}
#calloutRight {
	position: relative; 
	width:150px;
	float: right;
	right: 0px;  
	margin: 4px -4px 0 8px;
	padding: 4px; 
	border: 1px solid #999;
	font-size: 0.75em;
}
#calloutRight p{
	background-color:#000;
	
	text-align: left;
	
}
#container {
    margin: 0 auto;
    padding: 20px 0 20px 0;
    width: 800px;
    background: transparent;
}
#containerLeftcrown_1col {top: -20px;
	background-image: url(img/layout_top_1col.gif);
	background-repeat: no-repeat;
	height: 16px;
	line-height: 0.0;
	font-size: 0;
}
#containerLeft {
    float: left;
	width: 570px;
	
    margin-top: 2px;
}
#containerLeftbottom_1col {
	clear: both;
	background-image: url(img/layout_bottom_1col.gif);
	background-repeat: no-repeat;
	height: 21px;
	line-height: 0.0;
	font-size: 0;
	vertical-align: top;
}
#containerRight {
    float: right;
	width: 220px;
	background-image: url(img/grayBack.png);
    margin-top: 20px;
    text-align: left;
	background-color: transparent;
	border-top: 1px solid #CCC; border-right: 1px solid #333;
	border-bottom: 1px solid #333; border-left: 1px solid #CCC;
}
#containerContent {
    background: transparent;
    padding: 0 30px 0 30px;
	background-image: url(img/grayGrade.png);
	background-repeat: repeat-y;
	color: #333;
	line-height: 1.5em;
	font-size: 1.1em;
}
.subContainer {
    
    color: #999999;
}
#subContainer {
    visibility: hidden;
    color: #999999;
}
.clearit {
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
}
/***********common************/
#containerContent UL  { margin: 2px 10px 2px 20px;
	padding: .2em 3em .2em 3em;
	list-style-image: url('../Symbols/arrow2.gif'); 
	font-size: 0.8em;
 }	
 
UL .icon01 {
	list-style-image: url('../Symbols/icon01.gif'); 
}	
UL .icon02{
	list-style-image: url('../Symbols/icon02.gif'); 
}	
UL .icon03 {
	list-style-image: url('../Symbols/icon03.gif'); 
}
table {}
.floatLeft { float: left; padding: 0 15px 15px 0 }
.floatLeftExtra { margin-left: -85px; float: left; padding: 0 0 15px 0 }
.floatRight { float: right; padding: 0 10px 0 10px }
.floatClear { clear: both }
/***********general************/
.caption {font-size: 0.7em;
	color: #666;}
#contact {
    font-size: 0.8em;
    margin-top: 30px;
    color: #111111;
}
.headBold {	font: italic normal 1.5em georgia, "Trebuchet MS", helvetica;
	color: #6a776b;
	margin: 2px; 
	letter-spacing: 0.15em; 
	padding-left:20px;
	}	
.headBoldSub {	font: italic normal 1.2em georgia, "Trebuchet MS", helvetica;
	color: #6a776b;
	margin: 2px; 
	letter-spacing: 0.15em; 
	padding-left:20px;
	}
/***********FOOTER************/
/*Footer Container*/
#footerbox {
	width: 800px;
	margin: 0 auto;
	font-size: 0.7em;
	color: #999999;
}
#menuBoxLeft {
	float:left; 
	display:block;
    text-align: left;
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 0;
	margin-left: 1px;
	padding: 1px 0 0 0;
	height: 20px;
	width: 25px;
	background-image: url('../menuTabLeft.gif');
	background-position: left;
    background-repeat: no-repeat;
	background-color:transparent;
}
#menuBoxRight {
	float:left; 
	display:block;
    text-align: left;
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 0;
	margin-left: 1px;
	padding: 1px 0 0 0;
	height: 20px;
	width: 25px;
	background-image: url('../menuTabRight.gif');
	background-position: left;
    background-repeat: no-repeat;
	background-color:transparent;
}
#menuBox {
	float:left; 
	display:block;
    text-align: left;
	font-size: 0.8em;
	font-weight: normal;
	margin-top: 1px;
	margin-left: 1px;
	padding: 0 5px 0 10px;
	height: 20px;
	background-image: url('../menuTab.gif');
	background-position: left;
    background-repeat: no-repeat;
	background-color:#000;
}

#menuBox a:hover{
	float:left; 
	display:block;
    text-align: left;
	padding: 0 ;
	height: 20px;
	background-image: url('../menuTabOver.gif');
	background-position: left;
    background-repeat: no-repeat;
	
}

.menuBox {
	padding-top: 1px;
	text-decoration: none;
	color: #999;
	font-weight: normal;
}
.menuBoxHide {
	float:left; 
	display:block;
	text-align: left;
	height: 20px;
	padding: 0 ;
	text-decoration: none;
	color: #666;
	font-weight: normal;
	background-image: url('../menuTabOff.gif');
	background-position: center;
    background-repeat: no-repeat;
}



#menu001 {
	POSITION: absolute;  
	top: 200px; 
	float: left;
	margin: 0 auto;
    width: 668px;
    height: 577px;
    FONT-SIZE: 0.8em; 
	z-index:2; 
	COLOR: #666666; 
	padding: 0 ;
	background-image: url('../skeletonstart.png');
	background-position: center;
    background-repeat: no-repeat;
}
#stag001 {
	POSITION: absolute;  
	top: 150px; 
	float: left;
	margin: 0 auto;
    width: 600px;
    height: 640px;
    FONT-SIZE: 0.8em; 
	z-index:2; 
	COLOR: #666666; 
	padding: 0 ;
	background-image: url('../stag_mask.png');
	background-position: center;
    background-repeat: no-repeat;
}
#menu01, #menu02, #menu03, #menu04, #menu05, #menu06 {
	POSITION: absolute;  
	top: 200px; 
	float: left;
	margin: 0 auto;
    width: 668px;
    height: 577px;
    FONT-SIZE: 0.8em; 
	z-index:6; VISIBILITY: hidden;	COLOR: #666666; 
	 padding: 0 ;
}
#stag01, #stag02, #stag03, #stag04, #stag05, #stag06, #stag07, #stag08, #stag09 {
	POSITION: absolute;  
	top: 150px; 
	float: left;
	margin: 0 auto;
    width: 600px;
    height: 640px;
    FONT-SIZE: 0.8em; 
	z-index:6; VISIBILITY: hidden;	COLOR: #666666; 
	 padding: 0 ;
}

#menu01 {
    background-image: url('../skeletonBegin.png');
	background-position: center;
    background-repeat: no-repeat;
}
#menu02 {
    background-image: url('../skeletonlungliver.png');
	background-position: center;
    background-repeat: no-repeat;
}
#menu03 {
	background-image: url('../skeletonrumen.png');
	background-position: center;
    background-repeat: no-repeat;
}
#menu04 {
	background-image: url('../skeletoncirculation.png');
	background-position: center;
    background-repeat: no-repeat;
}

#stag01 {
    background-image: url('../stag_lungs.png');
	background-position: center;
    background-repeat: no-repeat;
}
#stag02 {
    background-image: url('../stag_diaphragm.png');
	background-position: center;
    background-repeat: no-repeat;
}
#stag03 {
    background-image: url('../stag_liver.png');
	background-position: center;
    background-repeat: no-repeat;
}
#stag04 {
    background-image: url('../stag_intestine.png');
	background-position: center;
    background-repeat: no-repeat;
}
#stag05 {
	background-image: url('../stag_rumen.png');
	background-position: center;
    background-repeat: no-repeat;
}
#stag06 {
    background-image: url('../stag_spleen.png');
	background-position: center;
    background-repeat: no-repeat;
}
#stag07 {
	background-image: url('../stag_circulate.png');
	background-position: center;
    background-repeat: no-repeat;
}
#stag08 {
	background-image: url('../stag_bones.png');
	background-position: center;
    background-repeat: no-repeat;
}
#stag09 {
	background-image: url('../stag_coat.png');
	background-position: center;
    background-repeat: no-repeat;
}
.tableAll { width:450px;
	margin: 0 auto;
	background: #eeeeee; 
	border-collapse:collapse;
	border: 5px solid #CCC;
	padding: 0;} 
.tableMid { width:350px;
	margin: 0 auto;
	background: #eeeeee; 
	border-collapse:collapse;
	border: 5px solid #CCC;
	padding: 0;} 
.tableMid td { 
	padding: 3px 10px 3px 10px;}
.tableMid_top {
	background-image: url(img/tableMinTop.gif);
	background-repeat: repeat-x;
	background-color: #5c6d71; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc;
	font-size: 1.3em;
	color: #CCC; padding: 2px}
.tableMin { 
	margin: 0;
	background: transparent; 
	border: 1px solid #CCC;
	border-collapse:collapse;
	padding: 0;
	vertical-align:top;
	}
.tableMin td { vertical-align:top;
	padding: 3px 6px;}
.tableMin_bottom {background: #C96; 
	border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.tableMin_mid {border-left: 1px solid #ccc; border-right: 1px solid #ccc;
	vertical-align: top;}
.tableMin_top {
	background-image: url(img/tableMinTop.gif);
	background-repeat: repeat-x;
	background-color: #5c6d71; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	color: #fff; padding: 2px}
.tableMin_mid UL .arrow {margin-left: -20px;}
.tableTop {	
		background: #CCC; 
		width: 200px; font-size: 1.5em;
		color: #666; }
/* keeps ..........................................

#masthead { position: absolute; width: 800px; height: 530px;
	background-position: left top;
