@charset "utf-8";
/* CSS Document */
html {
	height:100%;
	margin-bottom:1px;
}
body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000066;
	background-color:#333;
}

p {
	font-size: 13px;
}

a {
	font-size:11px;
	font-weight:bold;
	color:#000066;
	text-decoration:none;
}
a:hover {
	color:#990000;
	text-decoration:none;
}

/* Global */
#wrapper {
	width:1000px;
	margin:0 auto;
	padding:0;
	background-color:#FFF;
}
.bold { font-weight:bold; }
.slant { font-style:italic; }
.underline { text-decoration:underline; }
.spacer { display:block; }
.underline { text-decoration:underline; }
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#990000;
	/*border-bottom:1px solid #000;*/
	margin:0 0 15px 0;
	padding:0 0 10px 0;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#010101;
	margin:0 0 15px 0;
	padding:0 0 10px 0;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#990000;
	margin:0;
	padding:0 0 10px 0;
}
ul.content {
	margin-top:0;
	margin-left:10px;
	padding-left:10px;
}
ul.content li {
	list-style-image:url(/images/bullet.gif);
	list-style-position:inherit;
	margin-left:0;
	padding-left:0;
	padding-bottom:10px;
	line-height:normal;
}
ol.content {
	margin-top:0;
	margin-left:15px;
	padding-left:10px;
}
ol.content li {
	margin-left:0;
	padding-left:0;
	padding-bottom:10px;
	line-height:normal;
}


/* Top Links */
table.toplinks td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
}
table.toplinks a {
	font-size:11px;
	color:#FFF;
	font-weight:normal;
	text-decoration:none;
	padding:0 16px 0 16px;
}
table.toplinks a:hover {
	color:#cbe3c3;
	text-decoration:none;
}
table.toplinks td.date {
	padding-left:12px;
}
.white_capital_title  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
}

/* Header */
table.welcome td {
	font-size:11px;
	color:#FFF;
	line-height:15px;
}
table.welcome a {
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
table.welcome a:hover {
	color:#010101;
	text-decoration:none;
}

/* Content */
.home_title {
	background:url(/images/green_title_bg.jpg) no-repeat left top;
	width:290px;
	height:24px;
	display:block;
	padding:8px 0 0 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#010101;
}
.home_title1 {
	background:url(/images/green_title_bg1.jpg) no-repeat left top;
	width:278px;
	height:24px;
	display:block;
	padding:8px 0 0 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#010101;
}
.home_title2 {
	background-color:#990000;
	width:252px;
	height:24px;
	display:block;
	padding:8px 0 0 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
}
.graybold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333;
}

/* Footer */
table.footer td {
	font-size:11px;
	color:#FFF;
	line-height:16px;
}

/* Menu */

<!--
.menulist li:hover>ul {
 display: block;
 top: 17px;
 clear:both;
 margin-left:2px;
}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 22px; margin-top: 7px; /* I'm using ems and px to allow people to zoom their font */
 left: 1px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 148px;
 }

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 margin-right: 0em;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 display:block;
 /*width:167px;*/
 margin: 0;
 margin-bottom: 0;
}
.menulist ul>li:last-child {
 float: none;
 display:block;
 margin-bottom: 0; /* Mozilla fix */
}
.menulist ul li ul li {
 float: none;
 display:block;
 width:250px;
 margin: 0;
 margin-bottom: 0;
}

/* Links inside the menu */
.menulist a {
 display: block;
 color: white;
 padding:0 5px 0 5px;
 line-height:20px;
 text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover {
display:block;
 padding:0 5px 0 5px;
 color: #2a397a;
 /*background-color: #2a397a;*/
 font-weight: bold;
}
.menulist a.highlighted {
 color: #FFF;
 background-color: #2a397a;
}


.menulist .tab {
	/*background:url(/images/tab_off.gif) no-repeat left top;
	width:150px;
	height:23px;*/
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	padding:2px 0 1px 4px;
    }
		
		
	.tableft {
		background-image:url(../images/tab_left_off.gif);
		background-repeat:no-repeat;
		float:left;
		width:7px;
		height:22px;
	 }
	 
	.tabcenter {
    background-image:url(../images/tab_bg_off.gif);
		height:22px;
		float:left;
		color:white;
	 }
	 
	.tabright {
		background-image:url(../images/tab_right_off.gif);
		background-repeat:no-repeat;
		float:left;
		width:7px;
		height:22px;
	 }
	 
.menulist .tab:hover {
  /*background:url(/images/tab_on.gif) no-repeat left top;
	width:150px;
	height:23px;*/
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
    }



a.special {
	background-color:#006600;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	text-decoration:none;
	padding:2px 0 1px 16px;
	border-bottom:1px solid #FFF;
}
a.special:hover {
	background:url(/images/submenu_on.gif) no-repeat left top;
	color:#000;
	text-decoration:none;
	padding:2px 0 1px 16px;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */
-->


.inner_title {
	background:url(/images/green_title_bg2.jpg) no-repeat left top;
	width:218px;
	height:24px;
	display:block;
	padding:8px 0 0 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#010101;
}
.inner_title2 {
	background-color:#990000;
	width:218px;
	height:24px;
	display:block;
	padding:8px 0 0 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
}

/* Recreation */
a.redlink {
	font-weight:normal;
	color:#990000;
	text-decoration:underline;
}
a.redlink:hover {
	color:#990000;
	text-decoration:none;
}
a.boldredlink {
	font-weight:bold;
	color:#990000;
	text-decoration:underline;
}
a.boldredlink:hover {
	color:#990000;
	text-decoration:none;
}
a.boldredlink1 {
	font-size:14px;
	font-weight:bold;
	color:#990000;
	text-decoration:underline;
}
a.boldredlink1:hover {
	color:#990000;
	text-decoration:none;
}
img.content_spot {
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #979696;
	padding:5px;
	background-color:#ccc;
}
img.content_spot1 {
	margin:0;
	border:1px solid #979696;
	padding:5px;
	background-color:#fff;
}
.redtext {
	color:#990000;
}

/* New 09-07-2008 */
a.form_download {
	background:url(/images/green_title_bg.jpg) no-repeat left top;
	width:290px;
	height:24px;
	display:block;
	padding:8px 0 0 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#010101;
	text-decoration:none;
}
a.form_download:hover {
	color:#990000;
	text-decoration:none;
}

a.info {
		font-size:10px;
		font-weight:bold;
		cursor:hand;
		padding:0em;
}

a.info span{
      display: none;  /* hide the span text using this css */
}

a.info:hover span{ /*the span will display just on :hover state*/
      display:block;
      position:absolute;
			border:1px solid gray;
			max-width:150px;
			background-color:lightyellow;
			color:black;
			text-align:left;
			font-size:12px;
			font-weight:normal;
			padding:1em;
}


.facilityinfotop
{
width:288px;
height: 25px;
background: url('../images/facilityinfo_top.png') no-repeat;
margin-left:1px;
overflow:visible;
margin-top:15px;
}

.facilityinfotitle
{
color: #19296b;
font-size:18px;
font-weight:bold;
/*margin:0px auto;*/
margin-left: 27px;
text-align:left;
width:220px;
height:25px;
padding-top:0px;
padding-bottom:5px;
}


.facilityinfomiddle
{
background: url('../images/facilityinfo_middle.png') repeat-y;
margin-left:1px;
height:auto;
overflow:visible;
}



.facilityinfobottom
{
width:288px;
height: 24px;
background: url('../images/facilityinfo_bottom.png') no-repeat;
padding-bottom:5px;
margin-left:1px;
overflow:visible;
}

.insidefacilityinfo
{
width:230px;
clear:left;
padding-top:5px;
margin-left:27px;
text-align:left;
}