body {
	color: Black;
	background-color: rgb(187, 202, 198);
	font-size: 19px;
	background-image: url(images/offsupp.gif);
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
}

a { color: #214466; background: inherit; }
a:hover {
	color: #CCCCCC;
	background: inherit;
}

ul { margin: .6em 0; padding: 0;}

#menu { clear: both; margin: 0 2% 1em 1%; padding: 4px 0 4px 0; border-bottom: 1px solid #FFFF00; border-top: 1px solid #FFFF00;}
#menu li { display: inline; }
#menu a { padding: 2px 3px; margin: 0 1px 0 0; text-decoration: none; color: #FF0000; background: inherit;  }
#menu a.current { color: #fff; background: #3D648A; }
#menu a:hover, a#selected {
	background: FFFDEA;
	color: #FFFF99;
	font-weight: bold;
	border: solid #FFFF99 2px;
}

html, body { padding: 0pt; text-align: center; margin-left: auto; margin-right: auto; }
h2 a { margin: 0px; padding: 3px 3px 12px 13px; text-decoration: none; color: white; }
h2 a:hover { text-decoration: underline; color: white; }
h2 a:visited { text-decoration: none; }
#header a { color: rgb(106, 195, 53); }
#header a:hover { text-decoration: underline; color: rgb(106, 195, 53); }
#header br { clear: both; }
#main { margin-left: 23px; margin-right: 23px; margin-top: 15px; clear: both; }
a:visited {  }
a:active {  }
a img { border: 0pt none ; }
a { border: 0px none ; text-decoration: none; }
p {
	margin: 5px;
	padding: 0px;
	color: #333333;
	font-family: Times,Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
}
hr { background-image: url('images/bottom.gif'); background-repeat: no-repeat; }
h1 { margin: 0px; padding: 0px; color: white; font-size: 2.3em; font-weight: 100; text-align: left; display: inline; }
h1 a { color: white; text-decoration: none; }
h1 a:hover { color: white; text-decoration: underline; }
h2 { margin: 0px; padding: 20px 7px 0px 0px; font-family: Palatino,'palatino linotype',serif; text-align: center; font-size: 1.3em; font-weight: 100; height: 20px; color: gray; }
h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #00FF33;
}
h4 {  }
h5 {  }
h6 {  }
#header {
	margin: 20px 20px 0px;
}
#header-left { float: left; margin-bottom: 10px; }
#logo-dnna { border: 0px none ; height: 29px; width: 29px; margin-right: 5px; }
#footer {
	margin: 2px;
	width: 50%;
	left: -11px;
}
#header p {
	margin: 0px;
	padding: 0px;
	background: transparent none repeat scroll 0% 0%;
	text-align: left;
	color: #FFFF00;
	font-size: 1.5em;
}
#footer p {
	margin: 0px;
	padding: 0px;
	background: transparent none repeat scroll 0% 0%;
	text-align: left;
	color: #FFFF00;
	font-size: 70%;
}
#footer a { color: white; }
.container {
	margin: 4px;
	width: 230px;
	height: 400px;
	font-size: 10px;
	background-image: url(images/container.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
	font-weight: bold;
}
.container p { font-size: 1.2em; width: 200px; }
.container a { color: gray; text-decoration: none; }
.container h2 a { color: gray; text-align: center; text-decoration: none; }
.container h2 a:hover { color: gray; text-decoration: underline; }
.inner a:visited {  }

/* ::::: http://www.dnna.net/css/lightbox.css ::::: */

#lightbox { position: absolute; top: 20px; left: 0pt; width: 100%; z-index: 100; text-align: center; line-height: 0pt; }
#lightbox a img { border: medium none ; }
#outerImageContainer { margin: 0pt auto; position: relative; background-color: rgb(255, 255, 255); width: 250px; height: 250px; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0pt; }
#hoverNav { position: absolute; top: 0pt; left: 0pt; height: 100%; width: 100%; z-index: 10; }
#imageContainer > #hoverNav { left: 0pt; }
#hoverNav a { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }
#prevLink, #nextLink { background: transparent url('images/blank.gif') no-repeat scroll 0% 0%; width: 49%; height: 100%; display: block; }
#prevLink { left: 0pt; float: left; }
#nextLink { right: 0pt; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: transparent url('images/prevlabel.gif') no-repeat scroll left 15%; }
#nextLink:hover, #nextLink:visited:hover { background: transparent url('images/nextlabel.gif') no-repeat scroll right 15%; }
#imageDataContainer { border-top: 10px solid white; border-bottom: 1px solid gray; margin: 0pt auto; font-family: Times,Verdana,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; font-size-adjust: none; font-stretch: normal; -x-system-font: none; background-color: rgb(255, 255, 255); line-height: 1.4em; }
#imageData { padding: 0pt 10px; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { color: gray; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1em; }
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; }
#overlay { position: absolute; top: 0pt; left: 0pt; z-index: 90; width: 100%; height: 500px; background-color: rgb(0, 0, 0); opacity: 0.6; }
.clearfix:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
* html > body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { height: 1%; }

/* ::::: null ::::: */

.firebugHighlight { z-index: 2147483647; position: absolute; background-color: rgb(56, 117, 215); }
.firebugLayoutBoxParent { border-right: 1px dashed rgb(187, 187, 187); border-bottom: 1px dashed rgb(187, 187, 187); z-index: 2147483647; position: absolute; background-color: transparent; }
.firebugRulerH { border-top: 1px solid rgb(187, 187, 187); border-right: 1px dashed rgb(187, 187, 187); border-bottom: 1px solid rgb(0, 0, 0); background: transparent url('extras/undefined') repeat-x scroll 0% 0%; position: absolute; top: -15px; left: 0pt; width: 100%; height: 14px; }
.firebugRulerV { border-left: 1px solid rgb(187, 187, 187); border-right: 1px solid rgb(0, 0, 0); border-bottom: 1px dashed rgb(187, 187, 187); background: transparent url('extras/undefined') repeat-y scroll 0% 0%; position: absolute; top: 0pt; left: -15px; width: 14px; height: 100%; }
.overflowRulerX > .firebugRulerV { left: 0pt; }
.overflowRulerY > .firebugRulerH { top: 0pt; }
.firebugLayoutBoxOffset { z-index: 2147483647; position: absolute; opacity: 0.8; }
.firebugLayoutBoxMargin { background-color: rgb(237, 255, 100); }
.firebugLayoutBoxBorder { background-color: rgb(102, 102, 102); }
.firebugLayoutBoxPadding { background-color: SlateBlue; }
.firebugLayoutBoxContent { background-color: SkyBlue; }
.firebugLayoutLine { z-index: 2147483647; background-color: rgb(0, 0, 0); opacity: 0.4; }
.firebugLayoutLineLeft, .firebugLayoutLineRight { position: fixed; width: 1px; height: 100%; }
.firebugLayoutLineTop, .firebugLayoutLineBottom { position: absolute; width: 100%; height: 1px; }
.firebugLayoutLineTop { border-top: 1px solid rgb(153, 153, 153); margin-top: -1px; }
.firebugLayoutLineRight { border-right: 1px solid rgb(153, 153, 153); }
.firebugLayoutLineBottom { border-bottom: 1px solid rgb(153, 153, 153); }
.firebugLayoutLineLeft { border-left: 1px solid rgb(153, 153, 153); margin-left: -1px; }
#header-right {
	color: #00FF33;
	float: right;
	margin: 10px;
}