/* CSS Gaining Ground */

/* base element inheritance formatting */
body
{
	/* margin:				0px; */
	color:				#dddddd;
	background:			#073A3A;
	font-family:		helvetica, arial, geneva, "sans serif";
}

a
{
	font-weight:		bold;
}	/* all links are bold */

a:hover
{
	color:				#CC0000
}	/* MSIE rollover links   */

textarea  { font-family: arial, geneva, helvetica, "sans serif"; }

td
{
	font-family:		arial, geneva, helvetica, "sans serif";
}

th
{
	font-family:		arial, geneva, helvetica, "sans serif"; 
	font-weight:		bold;
}
            
img
{
	font-size:			11px;
	color:				black;
	text-align:			left;
}

/* begin defined classes */

/* background packing classes */
.bkgnd    		{ font-size: 1pt; }
.wtspace  		{ background: #FFFFCC; font-size: 1pt; }

.headline
{
	font-size:			14px;
	font-weight:		bold;
	font-family:		times;
    color:				#073A3A;
    vertical-align:		middle;
    text-align:			left;
    background:			#ffffcc;
}	

.hint  { font-size: x-small; color: #000000;}

.sectiontitle { font-style: italic; font-weight: bold}

.normalbold { font-size: 13px; font-weight: bold; color: #073A3A;}

.hdleft       { font-size: smaller; font-weight: bold;
                color: #000000; background: #999999;
                text-align: left; }

.left
{
	font-size:			11px;
	font-weight:		bold;
    color:				black;
    background:			#ffffcc; 
    text-align:			left;
}

.data
{
	font-size:			11px; 
    color:				black;
    background:			#ffffcc;
}

.graybox
{
	font-size:			11px; 
    color:				black;
}

.whiteonblack
{
	font-family:		arial, geneva, helvetica, "sans serif";
	font-size:			10px;
    color:				white;
    background:			black;
    vertical-align:		middle;
}

.whiteonblack a
{
	color:				white;
	font-weight:		normal;
	text-decoration:	none;
}

/* black & white text, similar to class "data" */
.bwdata
{	
	font-size:			11px; 
    color:				black;
    background:			white;
}

/* bold "data" */
.bdata     { font-size: 11px; font-weight: bold;
            color: #000000; background: #ffffcc; }

.fine        { font-size: 9px; font-weight: normal; 
               color: #333333; }

.input    	{ font-size: smaller; background: #ffffcc; }

.navtext {
	font-size:			9px; 
	color:				#ffffff;
	background:			#669966;
}


.navbar {
	width:				179px;
	background:			#669966;
	color:				#669966;
	font-family:		arial, helvetica, geneva, "sans serif";
	font-size:			11px; 
	font-weight:		bold;
	vertical-align:		top;
}

.navbar a {
	color:				white;
	font-size:			11px;
	font-weight:		bold;
	text-decoration:	none;
}

.navbar a:hover {
	color:				black;
}

.hnavtext {
	color:				white;
	background:			black;
	font-size:			10px;
	font-weight:		bold;
	font-family:		arial, helvetica, geneva, "sans-serif";
}

.hnavtext a {
	color:				white;
	text-decoration:	none;
}

.hnavtext a:hover {
	color:				#ffffcc;
}

.nolink {
	color:				black;
}


.new {
	color:				gold;
	font-family:		arial, helvetica;
	font-size:			11px;
	font-weight:		bold;
	font-style:			italic;
}


/* added 20040313 for new picture gallery. */


.photo
{
	font-size:		11px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	color:			#222222;
	padding:		0px;
	border:			solid;
	border-width:	0.5em;
	border-color:	#999966;
}

.photodesc
{
	text-align:			left;
	margin:				1px;
	font-size:			11px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-weight:		normal;
	background-color:	#073A3A;
	color:				#ffffff;
	border-width:		0px;
	padding:			.2em;
}

.photodesc A:link { color:#ffffff; font-weight: normal; }
.photodesc A:visited { color:#aa9966 }
.photodesc A:active { color:#ffffff }
.photodesc A:hover { color:#669966 }

.sjb
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #111;
	padding: 0em;
	margin: 0em;
}

.sjb A:link { color:#ffe9c2 }
.sjb A:visited { color:#ffe9c2 }
.sjb A:active { color:#ffffff }
.sjb A:hover { color:#CC0000 }
            
.sidebar
{
	color: #f9ebc4;
	background-color: #484038;
	background-color: #242019;
	font-size:	60%;
	background-image: url(/images/sidebarNOT.jpg);
}

.main_image
{
	font-size:			small;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	text-align:			center;
	border:	solid		#ffe9c2;
	background-color:	#484038;
	background-color:	#073A3A;
}
.main_image IMG { border: solid #222; border-width: 1px }

.thumbnail_header
{
	text-align: left;
	margin: 1px;
	background-color: #484038;
	background-color: #242019;
	background-color: #073A3A;
	padding: 0.4em;
	font-size:	80%;
}

.thumbnail_table
{
	text-align: center;
	margin: 1px;
	background-color: #073A3A;
	/* padding: 0.8em; */
	padding: 0;
}

.thumbnail_cell
{
	text-align: center;
	font-size:	11px;
	/* padding: 1em; */
	padding: 0;
	border:	solid #073A3A;			/* thin border around the cell frame. */
	background-color: #073A3A;
	color: #ffffff;
	border-width: 1px;
	margin: 0em;
	margin-left: auto;
	margin-right: auto;
}

.thumbnail_cell A:link IMG { border: solid #ffe9c2; border-width: 1px }
.thumbnail_cell A:visited IMG { border: solid #ffe9c2; border-width: 1px }
.thumbnail_cell A:active IMG { border: solid #ffffff; border-width: 1px }
.thumbnail_cell A:hover IMG { border: solid #cc0000; border-width: 1px }

/* http://www.dynamicdrive.com */

#dhtmltooltip
{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 10px;
	background-color: lightyellow;
	font:arial;
	font-size: 11px;
	color: black;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer
{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}