body {
	margin-bottom: 5px;
	margin-top: 5px;
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #525252;
	background-image: url(images/bk-1.gif);
}

td.notinuse {
background: url(images/notinuse.jpg) repeat;
}

h1 {
	font-family: tahoma;
    margin: 0px 0px 0px 0px;
	color: #4F6B76;
	font-size: 13px;
	font-weight: bold;
}

td.grey {
	background-color: #F8F8F8;
}

td.white {
	background-color: #FFFFFF;
}

h2 {
   color: Black;
	margin: 0px 0px 0px 0px;
	font-family: Verdana;
	font-size: 11px;
	color: 006699;
	font-weight: bold;
}
h3 {
   color: Black;
	margin: 0px 0px 0px 0px;
	font-family: Verdana;
	font-size: 11px;
	color: 006699;
	font-weight: bold;
}
td, textarea, input, select {
	font-family: Verdana;
	font-size: 13px;
	color: 434343;
	font-weight: normal;
}
a:link {
	color: #4F6B76;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;

}
a:hover {
	color: #CCCCCC;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
}

a:visited:hover {
	color: #CCCCCC;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
}

a:visited {
	color: #4F6B76;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;

}

.textsmaller {
	font-family: verdana;
	font-size: 10px;
	color: 434343;
	font-weight: bold;
}
.text2 {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: 697978;
}

td.copyright {  font: 9px Verdana, Arial, Helvetica, sans-serif; color:#525252; padding-right: 10px; padding-top: 5px; padding-left: 5px; padding-bottom: 2px; vertical-align:middle; Border-top: #CCCCCC 1px solid; background: #FFFFFF}

.copyright a{
font: 9px Verdana, Arial, Helvetica, sans-serif; color:#525252; }
.copyright a:hover{
font: 9px Verdana, Arial, Helvetica, sans-serif; color:#525252; }
.copyright a:visited{
font: 9px Verdana, Arial, Helvetica, sans-serif; color:#525252; }
.copyright a:visited:hover{
font: 9px Verdana, Arial, Helvetica, sans-serif; color:#525252; }

td.copyright_inset {  font: 9px Verdana, Arial, Helvetica, sans-serif; color:#ACACAC; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; vertical-align:middle; background: #FFFFFF}

.copyright_inset a{
font: 9px Verdana, Arial, Helvetica, sans-serif; color:#ACACAC; }
.copyright_inset a:hover{
font: 9px Verdana, Arial, Helvetica, sans-serif; color:#ACACAC; }
.copyright_inset a:visited{
font: 9px Verdana, Arial, Helvetica, sans-serif; color:#ACACAC; }
.copyright_inset a:visited:hover{
font: 9px Verdana, Arial, Helvetica, sans-serif; color:#ACACAC; }


td.copyright_right {  font: 9px Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; vertical-align:middle; background: #FFFFFF}

.copyright_right a{
font: 9px Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; }
.copyright_right a:hover{
font: 9px Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; }
.copyright_right a:visited{
font: 9px Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; }
.copyright_right a:visited:hover{
font: 9px Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; }

.hbuttons a{
display: block;
text-decoration: none;
font: bold 11px Arial;
color: #FFFFFF;
height: 15px;
float: left;
display: inline;
padding-right: 10px;
padding-left: 10px;
background-color: #28425B;
background-repeat: no-repeat;
padding-top: 4px;
text-align:center;
}

.textred {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #FF0000;
}
td.headerbar {
font: bold 11px Verdana;
color: #FFFFFF;
background: #4F6B76 url(media/titlebar.png) repeat-x center left;
margin-bottom: 1px;
padding: 2px 0 2px 5px;
}
.frame {
	border: 1px solid #4F6B76;
}
.frame_white {
	border: 1px solid #4F6B76;
	background-color:#FFFFFF
}
.designed_by {
	font-family: Arial;
	font-size: 8.5px;
	font-weight: lighter;
	color: #000000;
}
a.a:link {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: A9A9A9;
	text-decoration: underline;
}
a.a:hover {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
a.a:visited {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: A9A9A9;
	text-decoration: underline;
}
.inputstyle {
	font-family: tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #5F726F;
	background-color: #E2EDEB;
	border: 1px solid #333333;
}

.arrowlistmenu{
width: 154px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 11px Verdana;
color: #FFFFFF;
background: #4F6B76 url(media/titlebar.png) repeat-x center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
padding: 2px 0 2px 5px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #4F6B76;
display: block;
padding: 6px 0;
padding-left: 5px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 103%;
background-color: #F8F8F8;
}

.arrowlistmenu ul li a:visited{
color: #4F6B76;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #CCCCCC;
background-color: #FFFFFF;
}

#menu {
margin: 0px 0px 0px 0px;
width: 100%;
background-image: url(/images/bgimages/bk_bot_grn.jpg);
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a {
font: bold 10px/15px verdana, arial, helvetica, sans-serif;
display: block;
border-bottom: 1px solid #dadada;
margin: 0;
padding: 3px 3px 3px 5px;
}

#menu h2 {
color: #FFFFFF;
background: #4F6B76;
border-width: 1px;
border-style: solid;
border-color: #FFFFFF;
padding: 2px 2px 2px 4px;
}

#menu a {
color: #4F6B76;
background: #F8F8F8;
text-decoration: none;
}

#menu a:hover {
color: #CCCCCC;
background: #FFFFFF;
border-bottom: 1px solid #dadada;
}

#google{
	margin: 0px 10px 0px 0px;
    float:left;
    width:300px;
    height:250px;
    background: #FFFFFFF;
    position:relative; #
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
a.screen, a.screen:visited {

position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:175px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:0; /* add a border */
left:0; /* position:the image */
top:-140px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:136px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}
/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 1px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {

	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}