@charset "utf-8";
/* CSS Document for BCHC main */

body { 
	height: 100%;
	background-color: gray; /* background color on the sides*/
	color: black; /* text color */
	margin: 0px;
	padding: 0px;
	text-align: center;
	} 

div.container {
    position: relative;
	height: 100%;
	width: 960px; /* orig 900 */
    background-color: white; /* red for debugging */
    background-image: url(../graphics/BCHCmasthead.png); 
    background-repeat: no-repeat;
	color: black;
	border: 1px solid black;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	}

div.content {
    position: relative;
    z-index: 1;
	height: 100%;
	margin: 0px;
	margin-top: 170px;
	padding: 0px;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 0em;
	background-color: white;
	text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	} 


div.footer {
    position: relative;
    z-index: 1;
	margin: 0px auto;
    height: 100px;
	text-align: center;
	padding-top: 2em;
	padding-left: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	background-color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size : 9px;
    font-weight: bold;
	} 

a:link {color: #0000EE;} /* #0000EE */
a:visited {color: #551A8B;}  /* #551A8B */
a:hover {color: #333333;}

h1 {
	color: #006633;
	margin: 0px;
	padding: 0px;
	text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size : 16pt;
} 

h2 {
	color: #006633;
	margin: 0px;
	padding: 0px;
	text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size : 12pt;
} 

img {border-style: none;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.middle {vertical-align: middle;}
.top {vertical-align: top;}
.underline {text-decoration: underline;}
.indented {padding-left: 2em;}
.nowrap {white-space: nowrap;}
.red {color: red;}
.green {color: green;}
.f80 {font-size: 80%;}
.style57 {font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.bold {font-weight: bold;}
.style7 {font-size: 7pt;} 
.style10 {font-size: 10pt;}
.style12 {font-size: 12pt;}
.caption {color: #000000; font-size: 7pt; font-weight: bold; }
.caption2 {color: #000000; font-size: 10px; font-weight: normal; font-style: italic; text-align: center;}



table.std, table.std th, table.std td {border:2px solid black; border-collapse:collapse;}
table.std {margin-top:5px; width:100%; background-color:#eeeeee}
table.std tr {vertical-align:middle;}
table.std th,td {padding: 5px;}
table.std th {text-align:center; vertical-align:middle; background-color:gray; color:white; font-weight:bold;}

table.stdc, table.stdc th, table.stdc td {border:2px solid black; border-collapse:collapse;}
table.stdc {margin-top:5px; width:100%; background-color:#eeeeee}
table.stdc tr {text-align:center; vertical-align:middle;}
table.stdc th,td {padding: 5px;}
table.stdc th {text-align:center; vertical-align:middle; background-color:gray; color:white; font-weight:bold;}

.popup{
position: relative;
background-color: transparent; /*background color of link*/
z-index: 0;
cursor: pointer;
}

.popup:hover{
background-color: transparent; /*background color of link on hover*/
z-index: 50;
}

.popup:link {text-decoration:none; color:black;}

.popup span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow; /*background color of box*/
padding: 5px;   /*padding inside box border*/
left: -1000px;
border: 1px dashed gray;  /*border around box*/
visibility: hidden;
color: black; /*text color under image*/
text-decoration: none;
text-align: center;
width: 226px;
}

.popup span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px; /*padding outside of image*/
}

.popup:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px; /*position where enlarged image should offset vertically */
left: -260px; /*position where enlarged image should offset horizontally */
}

.popup2{
position: relative;
background-color: transparent; /*background color of link*/
z-index: 0;
cursor: pointer;
}

.popup2:hover{
background-color: transparent; /*background color of link on hover*/
z-index: 50;
}

.popup2:link {text-decoration:none; color:black;}

.popup2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightblue; /*background color of box*/
padding: 5px;   /*padding inside box border*/
left: -1000px;
border: 1px dashed gray;  /*border around box*/
visibility: hidden;
color: black; /*text color under image*/
text-decoration: none;
text-align: center;
width: 226px;
}

.popup2 span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 0px; /*padding outside of image*/
}

.popup2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0; /*position where enlarged image should offset vertically */
left: -400px; /*position where enlarged image should offset horizontally */
}

.popup3{
position: relative;
background-color: transparent; /*background color of link*/
z-index: 0;
cursor: pointer;
}

.popup3:hover{
background-color: transparent; /*background color of link on hover*/
z-index: 50;
}

.popup3:link {text-decoration:none; color:black;}

.popup3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightblue; /*background color of box*/
padding: 5px;   /*padding inside box border*/
left: -1000px;
border: 1px dashed gray;  /*border around box*/
visibility: hidden;
color: black; /*text color under image*/
text-decoration: none;
text-align: center;
width: 226px;
}

.popup3 span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 0px; /*padding outside of image*/
}

.popup3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -140px; /*position where enlarged image should offset vertically */
left: 100px; /*position where enlarged image should offset horizontally */
}

/* Colors
#006633 = Bosque green
#a6a299 = grayish 
*/