/* CSS Document */
.mediabutton {
	border: 1px solid #006600;
	color: #FFF;
	font-weight: bolder;
	background-color: #003300;
	text-align: center;
	padding: 6px;
	margin-bottom: 6px;
	width: 185px;
}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
input, textarea, select {
	font-size: 16px;
	color: #FFF;
	font-family: arial;
	background-color: #000;
	margin-top: 0px;
}
input, textarea, select {
	border: .5px solid #003300;
}
div#leftbar {
	width: 175px;
	height: 100%;
	float: left;
	margin-right: 2px;
	margin-top: 8px;
}
div#buttons {
	width: 550px;
}
div.button {
	float: left;
	padding: 8px;
	text-decoration: none;
}
div.button:hover {
	text-decoration: underline;
}
div#wrapper {
	width: 700px;
	float: left;
	margin-top: 8px;
	/* background: url(../images/carbon.png) repeat-y; */
	padding-bottom: 20px;
}
div#wrappertop {
	float: left;
	clear: both;
	width: 690px;
	background: url(../images/top.gif) no-repeat;
	margin-top: 8px;
	height: 20px;
}
div#wrapperbottom {
	float: left;
	clear: both;
	width: 690px;
	background: url(../images/bottom.gif) no-repeat;
	margin-top: -8px;
	height: 20px;
}
div#content {
	margin-top: 0px; 
	color: #FFF;
	font-family: arial sans-serif;
	font-size: 16px;
	width: 663px;
	margin-left: 18px;
	background-color: #000;
	clear: both;
	min-height: 520px;
	padding-bottom: 60px;
}
div#container {
	/* background-color: #79BD36; */
	padding-left: 8px;
	min-height: 520px;
	color: #FFF;
}
div#pagebin {
	 width: 100%; 
	 clear: both;
/*	 background: url(../images/robinsons.png) no-repeat;
	 background-position: bottom center;  */
	 padding-bottom: 180px;
}
.required {
	padding-right: 20px;
	background: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
}
.prompt {
	padding-right: 20px;
	text-align: right;
}

/* Start monthly calendar CSS */
div#daysofmonth {
	width: 450px;
	overflow: auto;
	color: #FFF;
	margin-left: auto;
	margin-right: auto;
	background-color: #000;
}
.dayofweek {
	font-family: arial;
	font-size: 16px;
	float: left;
	width: 60px;
	height: 50px;
	border: .10px solid #66CC00;
	text-align: center;
	color: #FFF;
}
.caladd {
	float: right;
	margin-top: -16px;
}
.dayofweekX {
	font-family: courier;
	font-size: 16px;
	float: left;
	width: 60px;
	height: 50px;
	border: .10px solid #66CC00;
	text-align: center;
	color: #FFF;
	background-color: #336600;
}
div#month {
	/* background-color: #000; */
	width: 600px;
	height: 600px;
	text-align: center;
	color: #FFF;
	margin-left: auto;
	margin-right: auto;
}
div.monthead {
	/* background-color: #000; */
	color: #FFF;
}
div#calfooter {
	/* background-color: #000; */
	color: #FFF;
}
div.calheading {
	background-color: #333;
	text-align: center;
	color: #FFF;
}
div.caltitle {
	text-align: center;
	color: #006600;
	font-size: large;
}
div.goback {
	color: #006600;
	font-size: x-small;
	border: 1px dotted #006600;
	width: 65px;
	text-align: left;
	vertical-align: middle;
}
div.goback:hover {
	color: #FFF;
	background-color: #006600;
}
div.caltable {
	color: #000;
	font-family: arial;
	font-size: x-small;
	text-transform: none;
	text-align: justify;
}
div.calevent {
	color: #000;
	font-family: arial;
	font-size: x-small;
}
div.calevent input textarea {
	font-size: xx-small;
}
.eventimage {
	float: left;
	width: 42%;
}
.eventteaser {
	float: left;
	text-align: justify;
	width: 55%;
	margin-left: 4px;
}
/* END monthly calendar CSS */

/* Inset 3D Curved */
.inset {
  background:transparent;
  }
.inset h1, .inset p {
  margin:0 10px;
  }
.inset h1 {
  font-size:2em; color:#4d6e23;
  }
.inset p {
  padding-bottom:0.5em;
  }
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {
  height: 1px;
  }
.inset .b2 {
  background:#18190c; 
  border-left:1px solid #4d6e23; 
  border-right:1px solid #4d6e23;
  }
.inset .b3 {
  background:#18190c; 
  border-left:1px solid #4d6e23; 
  border-right:1px solid #4d6e23;
  }
.inset .b4 {
  background:#18190c; 
  border-left:1px solid #4d6e23; 
  border-right:1px solid #4d6e23;
  }
.inset .b4b {
  background:#18190c; 
  border-left:1px solid #4d6e23; 
  border-right:1px solid #4d6e23;
  }
.inset .b3b {
  background:#18190c; 
  border-left:1px solid #4d6e23; 
  border-right:1px solid #4d6e23;
  }
.inset .b2b {
  background:#18190c; 
  border-left:1px solid #4d6e23; 
  border-right:1px solid #4d6e23;
  }
.inset .b1 {
  margin:0 5px; 
  background:#4d6e23;
  }
.inset .b2, .inset .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.inset .b3, .inset .b3b {
  margin:0 2px;
  }
.inset .b4, .inset .b4b {
  height:2px; margin:0 1px;
  }
.inset .b1b {
  margin:0 5px; 
  background:#4d6e23;
  }
.inset .boxcontent {
  display:block; 
  background:#18190c; 
  border-left:1px solid #4d6e23; 
  border-right:1px solid #4d6e23;
  min-height: 160px;
  color: #fff;
  height:auto !important;   /* Holy hack for IE */
  height:160px;				/* These two lines are needed for IE to actually set a minimum height */
  }
/* END Inset 3D curve */

div#blockscreen {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 30;
	background-color: #CCC;
	opacity: .55;
	overflow: auto;
}