/* Almighty STYLESHEET, most effective way of controlling the display of elements on screen, also will be the bane of your existence, as resident pixel-pusher. */

/* ok, quick "BOX" theory. Every element, "tag" in html has a "BOX" around it. Imagine, at the base is the element, ie. Text Block, hyperlink, header, even a whole div. Around the base is *Padding, that separates the element and the borders of the box. Those sizes can be modified. Around the Padding is the *Border of the box, if specified they are delineate its boundaries, usually pixel's widths. And finally around the Border is the *Margin, again a modifiable measurement that separates individual elements from those next to it on the x and y axis. */


@charset "utf-8";
/* CSS Document */
<style type="text/css">


 /* Commented Backslash Hack
     hides rule from IE5-Mac; hacks that make stylesheets behave uniformly across all borders. \*/
  #header a {
	float:none;
	text-decoration: none;
}

/* Stylesheet, designation theory: Essentially establishing a hierarchy Body, is the base of the page. Then the layers pile on. Classes, for general specification of attributes and indivdual id- tags for individual elements.*/

body {
	font: 100% trebuchet ms;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color: #DFAF0B;
}
.oneColLiqCtrHdr #header {
	background: #DDDDDD;
	padding: 0; 
	overflow: hidden;
	height: 200px;
}
.oneColLiqCtrHdr #container {
	width: 80%;
	text-align: left;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #F7D14C;
	border-right-width: 15px;
	border-left-width: 15px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #182353;
	border-right-color: #182353;
	border-bottom-color: #182353;
	border-left-color: #182353;
}
.oneColLiqCtrHdr  #container  h3  {
	font-family: trebuchet ms;
	font-style: normal;
	font-weight: bold;

}
.oneColLiqCtrHdr  #container  #left_image_caption  {
	height: auto;
	width: auto;
	float: left;
	text-align: center;
	padding: 30px 15px 5px 0;
	display: block;
	overflow: hidden;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.oneColLiqCtrHdr #container #mainContent #bio {
	height: auto;
	width: auto;
	float: right;
	text-align: left;
	padding: 30px 15px 5px 0;
	display: block;
	overflow: hidden;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.oneColLiqCtrHdr  #container  #video  {
	height: 100%;
	width: 100%;
	float: left;
	text-align: center;
	padding: 30px 15px 5px 0;
	display: block;
	overflow: hidden;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.oneColLiqCtrHdr #mainContent {
	position: relative;
	height: 100%;
	width: 90%;
	top: 0px;
	overflow: hidden;
	margin-left: 30px;
	padding-bottom: 60px;
}
.oneColLiqCtrHdr #masthead{
	width: 100%;
	display: block;
	position: relative;
	top: -105px;
	height: 80px;
	margin: 0px;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.oneColLiqCtrHdr #footer {
	margin: 0px;
	width: 100%;
	clear: both;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	height: auto;
	text-align:center;
	background-color: #FBE8A4;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #182353;
	border-right-color: #182353;
	border-bottom-color: #182353;
	border-left-color: #182353;
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.oneColLiqCtrHdr #donate {
	text-align:right;
	padding: 5px;
	margin-right: 5px;
} 
div.portrait {
  float: right;
  width: 35%;
  border: thin #182353 solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.portrait p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.pic_golf_top {
  float: right;
  width: 25%;
  border: thin #182353 solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.pic_golf_top p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.pic_right {
  float: right;
  width: 35%;
  border: thin #182353 solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.pic_right p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.pic_right2 {
  float: right;
  width: 28%;
  border: ;
  margin: 0.5em;
  padding: 0.5em;
}
div.pic_right2 p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.pic_right3 {
  float: right;
  width: 25%;
  border: thin #182353 solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.pic_right3 p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.pic_right_large {
  float: right;
  width: 75%;
  border: ;
  margin: 0.5em;
  padding: 0.5em;
}
div.pic_right_large p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.pic_left {
  float: left;
  width: 35%;
  border: thin #182353 solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.pic_left p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.pic_left2 {
  float: left;
  width: 28%;
  border: ;
  margin: 0.5em;
  padding: 0.5em;
}
div.pic_left2 p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.pic_left3 {
  float: left;
  width: 30%;
  border: ;
  margin: 0.2em;
  padding: 0.2em;
}
div.pic_left3 p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.right_side {
  float: right;
  width: 40%;
  border: ;
  margin: 0.2em;
  padding: 0.2em;
}
div.right_side p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.pic_left_gallery {
  float: left;
  width: 30%;
  border: ;
  margin: 0.7em;
  padding: 0.7em;
}
div.pic_left_gallery p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.left_gallery2 {
  float: left;
  width: 100%;
  border: ;
  margin: 0;
  padding: 0;
}
div.left_gallery3 {
  float: left;
  width: 75%;
  border: ;
  margin: 0;
  padding: 0;
}
div.right_gallery {
  float: right;
  width: 22%;
  border: thin #182353 solid;
  padding: 0.5em;
  margin-top: 0.5em;
  margin-bottom: 0.3em;
  margin-left: 0.5em
  margin-right:0.2em;
}
div.right_gallery p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.pic_wide {
  float: left;
  width: 95%;
  border: thin #182353 solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.pic_wide p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.pic_large {
  float: left;
  width: 150%;
  border: ;
  margin: 0.5em;
  padding: 0.5em;
}
div.pic_large p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.pic_large2 {
  float: left;
  width: 110%;
  border: ;
  margin: 0.5em;
  padding: 0.5em;
}
div.pic_large2 p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.pic_large3 {
  float: left;
  width: 110%;
  border: ;
  margin: 0.5em;
  padding: 0.5em;
  margin-left: -6em;
  margin-top: 7em;
}
div.pic_large3 p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.bug_clip {
	float:left;
	text-align: left;
	margin: 0;
	padding: 5px;
	height: 80px;
	border: none;
}
div.bug_clip_gallery {
	float:left;
	text-align:left;
	margin:0;
	padding: 0;
	width: 100%;
	height: 90px;
	border: none;
	overflow: hidden;
}
div.bug_gallery {
  float: left;
  width: 95%;
  border: #182353 solid;
  margin: 0.5em;
  padding: 0.5em;
}
div.bug_gallery p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.list{
	text-align: left;
	font-style: italic;
	margin-top: -20px;
	margin-bottom: 20px;
	width: 100%;
	float: left;
}
div.list_left {
	text-align: left;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 20px;
	width: 40%;
	float: left;
}
div.list_right {
	text-align: left;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 20px;
	width: 40%;
	float: right;
}
img.scaled_bug {
	height: 80px;
}
img.scaled {
	width: 100%;
}
div.javamenu {
	position: relative;
	width: 100%;
}
img.scaled_xray {
	width: 105px;
	height: 50px;
	margin-bottom: -15px;
}
div.xray_clip {
	float:left;
	text-align: center;
	margin-bottom: -10px;
	padding-bottom: -10px;
	margin-top: -20px;
	padding-top: -20px;
	padding-right:2px;
	height: 120px;
	border: none;
}
div.xray_clip_gallery {
	float:left;
	text-align:center;
	margin:0;
	padding: 0;
	width: 100%;
	border: none;
}
div.xray_clip_gallery h4 {
margin-bottom: -20px;
}
img.scaled_ir {
	width: 93px;
	height: 60px;
	margin-bottom: -15px;
}
img.scaled_ir2 {
	width: 80px;
	height: 60px;
	margin-bottom: -15px;
}
div.ir_clip {
	float:left;
	text-align: center;
	margin-bottom: -10px;
	padding-bottom: -10px;
	margin-top: -20px;
	padding-top: -20px;
	padding-right:2px;
	height: 120px;
	border: none;
}
div.ir_clip_gallery {
	float:left;
	text-align:center;
	margin:0;
	padding: 0;
	width: 100%;
	border: none;
}
div.ir_clip_gallery h4 {
margin-bottom: -20px;
}
</style>