/****************************************************************************************************************/

body
{
  font-family               : Verdana;
  font-size                 : 8pt;
}

h1
{
	font-size				: 11pt;
	color					: #669900;
}

.greenText
{
	font-size				: 11pt;
	color					: #669900;
}

h3
{
	font-size				:12pt;
	color					:#669900;
}

h4
{
	font-family: verdana;
	font-size: 8pt;
	color: #FF0000;
}

h5
{
	font-size: 9pt
}
/**************************************************Begin Table Styles**************************************************/

td.headerBackground
{ 
  background-image          : url("images/navigation/headerSpan.jpg");
  background-repeat         : no-repeat;  
  height                    : 96px;		
  color                     : rgb(0, 0, 0);
  font-family				: Verdana; 
  font-size					: 9pt;
}


td.headerAdmin
{
	background-image		: url( "images/navigation/headerAdmin.jpg" );
	background-repeat		: no-repeat;
	height					: 96px;
	color					: rgb(255,255,255);
	font-size				: 10px;
	font-weight				: bold;
}

td.leftMenu
{
  background-color          : White;
  background-image          : url("images/navigation/menuTile.jpg");  
  background-repeat         : repeat-y;
  vertical-align            : top;  
  text-align                : center;
  width                     : 209px;
  
}

td.construction
{
	background-image: url( 'images/navigation/menuTile.jpg' );
}

td.articleDate
{
  font-size                 : 7pt;
  font-weight               : bold;
  text-align                : left;
  vertical-align            : top;
  padding-top               : 0px;
  padding-bottom            : 0px;
  padding-left              : 10px;
  padding-right             : 2px;
  
}

td.articles
{
  font-size                 : 7pt;
  padding-top               : 0px;
  padding-bottom            : 0px;
  text-align                : left;
  padding-left              : 15px;
}

td.articles2
{
  font-size                 : 7pt;
  padding-top               : 0px;
  padding-bottom            : 0px;
  text-align                : left;
  padding-left				: 3px;
}
td.news
{
	font-size				:7pt;
	padding-top				:0px;
	padding-bottom			:0px;
	text-align				:left;
	padding-left			:15px;
}

td.Heading
{
  padding-top               : 10px;
  padding-bottom            : 0px;
  padding-left              : 10px;
  padding-right             : 10px;   
}

td.Heading2
{
	padding-top				: 5px;
	padding-bottom			: 0px;
	padding-left			: 10px;
	padding-right			: 10px;
}

td.articleBlurb
{      
  text-align                : left;
  vertical-align            : top;
  background-color          : rgb(235,235,235);
  padding-right             : 10px;
  font-size                 : 8pt;
}

td.linkBox
{      
  
  background-color          : rgb(235,235,235);
  padding-right             : 10px;
  padding-left              : 10px;
  font-size                 : 9pt;
  
}

td.footer
{
  font-size                 : 5pt;
  font-weight               : bold;
  background-color          : rgb(77,68,67);
  color                     : rgb(255,255,255);
  text-align                : center; 
  text-transform            : uppercase;  
  height                    : 10px;
}

td.greyBoxes
{
	background-image		: url( 'images/navigation/BoxNews.jpg' );
	background-repeat		: no-repeat;
	padding-top				: 10px
}

td.white
{
	background-color		: White;
}

td.textBox
{
	padding-left			: 20px;
}

body
{
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 10pt;
	background-color		: rgb(255,255,255);
	color					: rgb(111,111,111);
	margin					: 0px;
}


td
{
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 10pt;
	color					: rgb(0,0,0);
}

td.contactus
{
	font-family				: Arial, Helvetica, Sans-Serif;
	font-size				: 8pt;
	color					: rgb(0,0,0);
}

td.eventBoxFont
{
	font					: 6pt
}

/*
  This is the only style needed for the panel
  You'll note all it does is tile the 1 pixel 
  high background. This means the panel can be
  any height.
*/

td.panel
{
  background-image			: url('images/navigation/pnl_tile.gif');
  background-repeat			: repeat-y;
  background-color			: rgb(235,235,235);
  padding-left				: 15px;
  padding-right				: 15px;
}

.contentPad
{
  padding-left				: 20px;
  padding-right				: 20px;
}

.adminBorder
{
  border					: 1px solid rgb(77,68,67);
}

.padded5
{
  padding-left				: 5px;
  padding-right				: 5px;
}

.padded10
{
  padding-left				: 10px;
  padding-right				: 10px;
}

.padded20
{
  padding-left				: 20px;
  padding-right				: 20px;
}

.altLine
{
  background-color			: rgb(245,255,245);
}


/**********************************************************End Table Styles********************************************************/

/******************************************************Begin Hyperlink Styles******************************************************/


a:link
{
	text-decoration			: none;
	color					: rgb(0, 0, 0);
	font-weight				: bold;
}

a:eventLink
{
	text-decoration			: none;
	color					: rgb(0, 0, 0);
	font-weight				: normal;
}

a.eventLink:link
{
  text-decoration           : none;
  color                     : black;
  font-weight               : normal;
}


a.eventLink:visited
{
  text-decoration           : none;
  color                     : black;
  font-weight               : normal;
}

a.eventLink:active
{
	text-decoration: underline;
	color: black;
	font-weight: bold;
}

a.eventLink:hover
{
  text-decoration           : underline;
  color                     : black;
  font-weight               : bold;
}


a:link3
{ 
	 font-size				: 9pt; 
	 font-weight			: bold; 
	 text-decoration		: none; 
	 color					: #000000; 
}


a:visited
{
	text-decoration			: none;
	color					: #000000;
	font-weight				: bolder;
	font-style				: inherit;
	font-weight             : bold;
}

a:active
{
	text-decoration			: underline;
	color					: rgb(0, 0, 0);
	font-weight				: bold;
	font-style				: italic;
}

a:hover
{
	text-decoration			: underline;
	color					: black;
	font-weight				: bold;
}

a.footer:link
{
  text-decoration           : none;
  color                     : rgb(255,255,255);
  font-weight               : bold;
}

a.footer:visited
{
  text-decoration           : none;
  color                     : rgb(255,255,255);
  font-weight               : bold;
}

a.footer:active
{
  text-decoration           : none;
  color                     : rgb(255,255,255);
  font-weight               : bold;
}

a.footer:hover
{
  text-decoration           : underline;
  color                     : rgb(255,255,255);
  font-weight               : bold;
}


a.link:link
{
  text-decoration           : none;
  color                     : black;
  font-weight               : bold;
}

a.link3:link
{
	text-decoration			: none;
	color					: black;
	font-weight				: bold;
	font-size				: 9pt;
}

a.link:visited
{
  text-decoration           : none;
  color                     : black;
  font-weight               : bold;
}

a.link:active
{
  text-decoration           : none;
  color                     : black;
  font-weight               : normal;
}

a.link:hover
{
  text-decoration           : underline;
  color                     : black;
  font-weight               : bold;
}

a.link:hover2
{
	text-decoration			:none;
}

/******************************************************End Hyperlink Styles******************************************************/

ul.links
{
  list-style-image			: url('images/global/linkBullet.gif');
  margin-left				: 5px;
  line-height				: 20px;
  vertical-align			: top;
  padding-left				: 20px;
  margin-top                : 5px;
  margin-bottom				: 0px;
  padding-right				: 3px;
}

ul.seclinks
{
  list-style-image			: url('images/global/linkBullet.gif');
  margin-left				: 10px;
  margin-top				: 0px;
  line-height				: 20px;
  vertical-align			: top;
  padding-left				: 30px;
  margin-bottom				: 0px;
  padding-right				: 10px;
}

ul.eventLink
{
	list-style-image		: none;
	margin-left				: 5px;
	line-height				: 20px;
	vertical-align			: top;
	margin-top				: 5px;
	margin-bottom			: 1px;
	padding-right			: 3px;
	list-style-type			: none;
}

ul.EventBox
{
  list-style-image			: url('images/global/linkBullet.gif');
  margin-left				: 15px;
  line-height				: 20px;
  vertical-align			: top;
  padding-left				: 10px;
  margin-top                : 5px;
  margin-bottom				: 5px;
}

ul.sub
{
  list-style-type			: disc;
  list-style-image			: none;
  margin-left				: 30px;
  line-height				: 20px;
  vertical-align			: top;
}

ul.linkCriteria
{
  margin-left				: 15px;
  line-height				: 20px;
  vertical-align			: top;
  padding-left				: 10px;
  margin-top                : 1px;
  margin-bottom				: 1px;
  padding-right				: 3px;
}

.bodyCopy
{
  
  padding-left				: 10px;
  padding-right				: 10px;
  text-align				: justify;
  font-size					: 9pt; 
  line-height				: 12pt;
}

img.map
{
	border-style			: none;
	border-width			: 0px;
	border-color			: inherit;
}

td.anchors
{
	color: #669900;
}


.Popup
{
	background-color: Transparent;
	padding: 3px;
	filter: alpha(opacity=100);
	opacity: 1.0;
}

.popUpBg
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/* Agency Info STYLES ****************************************************************************/
.agencyInfoHeader
{
	font-weight: bolder;
	
}

/*Animated Dock Styles***************************************************************************/

/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	width: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}

.validatorCalloutHighlight
{
	background-color: lemonchiffon;
}