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

#theme {
	xxxbackground-image: url(https://biscdev.biscinfo.org/images/bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
#container {
	position: relative;
	xxwidth: 100%;
	xxheight: 100%;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	xfloat: left;
}
#banner {
	position: relative;
	width: 90%;
	top: 10px;
	left: 0px;
	z-index: 0;
}
#photo_box {
	position': absolute;
	width: 8%;
	top: 10px;
	left: 5px;
	z-index: 1;
}
.b_pic {
	position: relative;
	top: 0px;
	left: 0px;
}
.b_title {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	font-size: 40pt;
}
.j_pic {
	position: absolute;
	bottom: -20px;
	right: 20px;
}
.j_txt {
	position: absolute;
	bottom: -1px;
	right: 200px;
}
.logo {
	position: absolute;
	top: 10px;
	left: 40px;
}
.header_text {
	position: absolute;
	top: 0px;
	left: 80px;
	xxfont-size: 52pt;
}
.left {
	float: left;
	padding: 0 20px 15px 0;
}
.right {
	float: right;
	padding: 0 0 20px 20px;
}
.outline {
    color: #fff;
    text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px;
    -webkit-font-smoothing: antialiased;
}
.stroke {
     xxxfont-family: garamand;
     font-weight: normal;
     color: black;
     -webkit-text-stroke: 2px darkgreen;
}

.imageBox {
  position: relative;
  float: left;
}
.imageBox .hoverImg {
  position: absolute;
  left: 20;
  top: 20;
  display: none;
}
.imageBox:hover .hoverImg {
  display: block;
}
.imageBox:hover .hoverImg {
  display: block;
}

text {
     stroke: black;
     stroke-width:5px;
     // stroke-dasharray: 2,2;
     stroke-linejoin: round;
}
#menu_bar {
	background: lightblue;
	xxxposition: relative;
	width: 850px;
	height: 25px;
	margin-top: 12px;
	xxxmargin-left: 170px;
	xxxmargin-right: 100px;
	xxxmargin-left: 10%;
	float: center;	
}
#mbr_menu {
	background: lightblue;
	width: 220px;
	margin: 10px;
	margin-left: 50px;
	margin-top: 20px;
}
#main_contact {
	margin-top: 50px;
	margin-right: 50px;
	width: 15%;
	float: right;	
}
#main_image {
	position: relative;
	zzzwidth: 1000px;
}
#left_column {
	margin-top: 10px;
	xxxwidth: 30%;
	text-align: left;
	xxxdisplay: block;
	margin-left: 50px;
    xxxmargin-right: 20%;
	float: left;	
}
#right_column {
	margin-top: 10px;
	width: 90%;
	text-align: left;
	xxxdisplay: block;
	xxxmargin-left: 50px;
    xxxmargin-right: 20%;
	float: left;	
}
#center_column {
	margin-top: 10px;
	width: 90%;
	xxxtext-align: center;
	xxxdisplay: block;
	margin-left: 50px;
    xxxmargin-right: 20%;
	xxxfloat: right;	
}
#text_box_grad {
	background-image: linear-gradient(to right, #686,#564,#9cf,#c99,#f96); 
	xxxbackground-image: linear-gradient(to bottom right, #363,#690,#996,#0cf,#c99,#f93);
	xxxbackground: #F3E5AB;
	margin: 10px;
	xxxmargin-top: 20px;
}
#text_box {
	background: beige;
	margin: 10px;
	margin-top: 20px;
}
#text_box_lb {
	background: lightblue;
	margin: 10px;
	margin-top: 20px;
}
#text_box_events {
	background-image: linear-gradient(to right, #c99,#9cf,#664); 
	xxxbackground: lightblue;
	margin: 10px;
	margin-top: 20px;
}
#indent {
	margin-left: 15px;
	margin-right: 10px;
}
#event_box {
        border-style: solid;
        border-width: 1px;
	padding: 3px
}
#event_item {
        border-style: transparent;
        border-width: 1px;
}
#footer {
	background-image: url(../images/xbkgrnd.jpg);
	background-repeat: repeat;
	position: relative;
	width: 1200px;
	margin: 0px auto;
	margin-top: 3px;
}
svg {
  xxxfont: bold 70px Century Gothic, Arial;
  width: 100%;
  height: 120px;
}
 /* Dropdown Button */
.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}