.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. */

div.main-box {
	position:relative;
	width:99%;
	min-width: 974px;
	margin:0 auto;
	overflow:hidden;
	background: #0D2F66;
	border: 1px solid #516279;
}

div.top-box {
	background:#336666;
	background-color: #0D2F66;
	text-align:center;
	text-transform:uppercase;
	height:94px;
	background-image: url('../../images/logo.jpg');
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-right: 6px;
}

div.bottom-box {
	background:#336699;
	text-align:center;
	background-color: #0D2F66;
}

div.center-box {
	position:relative;
	width:100%;
	left:150px;
	background: white;
	border-bottom: solid 5px #CCCCCC;
}

div.reset-box {
	position:relative;
	width:100%;
	left:100%;
}

div.right-box {
	position:relative;
	width:100%;
	margin-left:-150px;
	background: #D0EEC0;
}

div.content-box {
	position:relative;
	width:100%;
	margin-left:-100%;
}

div.center {
	margin-left:150px;
	margin-right:155px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 10px;
	text-align:left;
	border-top: 5px solid #CCCCCC;
	border-right: 5px solid #CCCCCC;
	border-left: 5px solid #CCCCCC;
	min-height: 715px;
	min-width: 630px;
	background-color: white;
    height: 100%;
    width: auto;   
}

div.left 
{
	float:left;
	width:140px;
	text-align:center;
	height: 100%;
	background-color: #0D2F66;
}

div.right 
{
    font-family: Arial, Tahoma;
	float:right;
	width:155px;
	text-align:center;
	border-top: 5px solid #CCCCCC;
	background-color: White;
}

div.breadcrumbs 
{
	text-align: left;
	position:relative;
	height: auto;	
	padding-top: 8px;
	padding-bottom: 4px;
}

* html div.center {
	height:1%;
	margin:0;
}

* html div.left {
	margin-right:-3px;
}

* html div.right {
	margin-left:-3px;
}

.clearfix:after {
	content: "."; 
	display: block;
	height: 0px;
	clear: both; 
	visibility: hidden;
}		

.heightfix:before {
	content:'.';
	display:block;
	visibility:hidden;
	height:0;
}

.googleSearch 
{
	float: right; 
	width: 220px; 
	font-size: 0.9em; 
	color: black; 
    height: 25px; 
}

.headerRightPanel 
{
	position: relative;
	float: right;
	height: 86px;
	top: 6px;
	width: 226px;
	z-index: 1;
}

.quickLinkZone
{
	position: relative;
	float: left;
	z-index: 500; /* just a little more than the horizontal menu */
}

.quickLinkDock 
{
	border-bottom: 5px solid #CCCCCC;
}

.calendarDiv
{
	position: relative;
	float: left; 
	padding-left:2px;
	padding-top: 6px;
}

.loginMgmt 
{
	position: relative;
	float: right;
	top: 34px;
}

#btnLogout 
{
	width: 50px; 
	font-size: 8pt; 
	margin-right: 4px;
}

.masterBody 
{
	background: #000033;
	background-color: #000033;
	font-family: tahoma; 
	font-size: 10pt;  
}

.footerTextDiv 
{
	padding-top: 10px;
	position: relative;
	height: 90px;
	vertical-align: middle;
}

.footerImgDiv 
{
	position: absolute;
	height: 100px;
	top: 0px;
	right: 0px;
}

.emailAlertLink
{
	border-bottom: 1px solid #cccccc; 
	margin-bottom: 10px; 
	margin-left: -8px;
}

.cameraLinks
{
	border-bottom: 1px solid #cccccc; 
	padding: 4px; 
	padding-left: 10px; 
	text-align: left;
}

.inspectionLink 
{
	padding: 8px;
    margin-left: -8px;
}	

.feedLinks 
{
    position: relative;
    padding: 0px 10px 6px 10px;
	text-align: center;
}

.editDiv 
{
	border: 1px solid #848484;
}

.editButtonDiv
{
	margin-top: 10px;
	background-color: #ECECEC;
	padding: 2px;
	width: 43px;
}

/* rounded corner input styles */
div.rounded_container{
        background-color: #fff;
        padding: 1px;
}

div.rounded_border {  
    background: #C2DBFB; 
}

input.rounded_input{
    height: 16px; 
    width: 120px;
	padding-left: 2px;
    border: 0;
    font-family: "Segoe UI",Arial,sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: normal;
    /*background-color: transparent;*/
    background-image: none;
    color: #1e395b;
}

/* login control */
.AspNet-Login-UserPanel 
{
	border: 1px solid orange;
}
.AspNet-Login-UserPanel em 
{
	text-decoration: none;	
}

.AspNet-Login-PasswordPanel 
{
	border: 1px solid red;
}

.AspNet-Login-RememberMePanel 
{
	border: 1px solid green;
}

.AspNet-Login-SubmitPanel 
{
	border: 1px solid blue;
}

/* menu styling */
.SubMenuBottomMargin 
{
	margin-bottom: 10px;
}

.SubMenu 
{
	position: relative;
	font-family: Tahoma;
	font-size: 10pt;
	background-color: #DEE1E6;
}
.SubMenu .AspNet-Menu-Horizontal
{
	text-align: center;
	border-bottom: 1px solid #336699;
	border-top: 1px solid #336699;
	padding-bottom: 4px;
	padding-top: 4px;
	/*background: url(../../images/test.jpg") repeat-y;*/
}

/* item seperator */
.SubMenu ul.AspNet-Menu {
	overflow: hidden;
	list-style-type: none;
	margin: 2px;
	padding: 2px;
}

.SubMenu ul.AspNet-Menu li{	
	display: block;
	float: left;
	background: url(../../images/seperator.gif) 0 3px no-repeat;
	margin: 0px 0px 0px 0px; /*use negative margin-left to hide the background image*/
	padding: 0px 12px 0px 12px;
}

/* end Item Seperator */

.SubMenu .AspNet-Menu-Leaf
{
	margin-left: 10px;
	margin-right: 10px;
}

.SubMenu ul.AspNet-Menu li:hover, 
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
    font-weight: normal;
}

.SubMenu ul.AspNet-Menu ul li:hover, 
.SubMenu ul.AspNet-Menu ul li.AspNet-Menu-Hover
{
	text-decoration: underline;
}

.SubMenu ul.AspNet-Menu li:hover a, 
.SubMenu ul.AspNet-Menu li:hover span, 
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover span,
.SubMenu ul.AspNet-Menu li:hover li:hover a, 
.SubMenu ul.AspNet-Menu li:hover li:hover span, 
.SubMenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.SubMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
	text-decoration: underline;
}

.SubMenu ul.AspNet-Menu li:hover ul a, 
.SubMenu ul.AspNet-Menu li:hover ul span, 
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.SubMenu ul.AspNet-Menu li:hover li:hover ul a, 
.SubMenu ul.AspNet-Menu li:hover li:hover ul span, 
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.SubMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    color: green;
}

.SubMenu ul.AspNet-Menu li a,
.SubMenu ul.AspNet-Menu li span
{
    color: #003377;
    font-weight: bold;
}

/* current selected item in menu */
.SubMenu .AspNet-Menu-Selected  
{
	color: black !important;
	text-decoration: none !important;
	font-weight: normal !important;
	cursor: default;
}


/* This style sheet is intended to contain OFTEN CHANGED rules used when the Menu control adapter is enabled. */

/* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
/* Note that the example menu in this web site uses relative positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */

.MainMenu 
{
	font-family: Tahoma;
	font-size: 8pt;
	font-weight: bold;
}

.MainMenu .AspNet-Menu-Vertical
{
    position:relative;
    top: 2px;
    z-index: 300;
}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.MainMenu ul
{
    /*background: #9AA7B7;*/
}

/* Top tier */
.MainMenu .AspNet-Menu-Vertical ul.AspNet-Menu
{
	text-align: left;
    width: 134px;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.MainMenu ul.AspNet-Menu ul
{
    width: 208px;
    left: 139px;
    top: -1px;
    z-index: 400;
}

.MainMenu ul.AspNet-Menu ul ul
{
    width: 200px;
    left: 212px;
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.MainMenu ul.AspNet-Menu li
{
    background: #516279;
    margin: 2px 2px 2px 2px;
    padding: 2px 2px 2px 2px;
    border:1px solid black;
}

.MainMenu ul.AspNet-Menu ul li
{
	background: #9AA7B7;
    margin: 0px 0px 0px 0px;
    padding: 2px 2px 2px 2px;
    border:1px solid #516279;
    border-collapse: collapse;
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.MainMenu ul.AspNet-Menu li a,
.MainMenu ul.AspNet-Menu li span
{
    color: white;
    padding: 2px 2px 2px 2px;
    background: transparent url('../../images/menu_arrow.gif') right center no-repeat;
}

/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
    background-image: none;
}

/* Not used presently.  This is here if you modify the menu adapter so it renders img tags, too. */
.MainMenu ul.AspNet-Menu li a img
{
    border-style: none;
    vertical-align: middle;
}

/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.MainMenu ul.AspNet-Menu li:hover, 
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background: #9AA7B7;
}

.MainMenu ul.AspNet-Menu ul li:hover, 
.MainMenu ul.AspNet-Menu ul li.AspNet-Menu-Hover
{
    background: #516279;
}

.MainMenu ul.AspNet-Menu li:hover a, 
.MainMenu ul.AspNet-Menu li:hover span, 
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover span,
.MainMenu ul.AspNet-Menu li:hover li:hover a, 
.MainMenu ul.AspNet-Menu li:hover li:hover span, 
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.MainMenu ul.AspNet-Menu li:hover li:hover ul a:hover, 
.MainMenu ul.AspNet-Menu li:hover li:hover ul span.Asp-Menu-Hover, 
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a:hover,
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span.Asp-Menu-Hover
{
    color: #FFFF3F;
}

.MainMenu ul.AspNet-Menu li:hover ul a, 
.MainMenu ul.AspNet-Menu li:hover ul span, 
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul a,
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover ul span,
.MainMenu ul.AspNet-Menu li:hover li:hover ul a, 
.MainMenu ul.AspNet-Menu li:hover li:hover ul span, 
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul a,
.MainMenu ul.AspNet-Menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover ul span
{
    color: #0d2f66;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.MainMenu ul.AspNet-Menu li a:hover,
.MainMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
    color: #FFFF3F;
    background: transparent url('../../images/menu_arrow.gif') right center no-repeat;
}

.MainMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
    background-image: none;
}

.AspNet-GridView table
{
	width: 100%;
}

.AspNet-GridView tr
{
	height: 30px;
}

.AspNet-GridView td
{
	padding-top: 6px;
}

.AspNet-GridView th
{
	color: White;
	padding-top: 6px;
}

.AspNet-GridView th 
{
	background-color: #507CD1;
}

.AspNet-GridView-Alternate  
{
	background-color: #EFF3FB;
}

/* sitemap */
.rsmItem A { color: #369; font-weight: bold; text-decoration: none;}
.rsmItem A:link { color: #037; text-decoration: none;}
.rsmItem A:hover { text-decoration: underline; }
.rsmItem A:visited { color: #037; }
.rsmItem A:active { color: #80B4FF; }

/* telerik custom controls */

.col1 :hover { color: Red; }

.reTool .Close
{
	background-image: url(../../images/Close.png);
}

.RadDock_Windows7
{
	text-transform: capitalize;
}

.RadDockZone
{
	padding: 0px !important ;
}

.specialEvent {
	background-color: transparent;
	background-image: url(../../images/cal_buttons.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 100% -1700px;
	color: #4C607A;
}

/* generic classes */
.error, .alert 
{
	color: Red;
}

.noWeather 
{
	text-align: left;
	padding: 6px;
	color: red;
}

.centerDiv
{
    margin: auto;
}

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

/* old sytling from original master page */

.center TABLE { font-size: 10pt; }
.center TR { vertical-align: top; }
.center UL { list-style-image: url(../../images/bullet1.gif); margin-top: 5px; margin-bottom: 5px;}
.center UL UL { margin-bottom: 0px; }
.center UL LI { padding-left: 3px; padding-bottom: 3px; }
.center UL UL UL LI { list-style-image: url(../../images/bullet1.gif); padding-bottom: 3px; }
.center UL.justleft { margin-left: 0px; list-style-position: inside; list-style-image: url(../../images/bullet1.gif); }
.center OL { margin-top: 5px; list-style-image: none; }
.center OL LI { padding-bottom: 3px; }
.center OL UL LI { padding-bottom: 3px; }
.center OL UL UL LI { padding-bottom: 3px; }
.center UL UL LI { list-style-image: url(../../images/bullet2.gif); padding-bottom: 3px; }

A { color: #369; font-weight: bold; text-decoration: none;}
A:link { color: #037; text-decoration: none;}
A:hover { text-decoration: underline; }
A:visited { color: #037; }
A:active { color: #80B4FF; }

.Calendar { width: auto; border-color:#666;}
.Calendar_Day {	font-size: 8pt;	height: 75px; background-color:#FFF; border-color:#666;}
.Calendar_DayNumber {	font-family: tahoma; font-weight: bold; font-size: 10pt; }
.Calendar_OtherMonth { background-color: #EEE; border-color:#666;}
.Calendar_MonthHeader {	font-size: 13pt; font-weight: bold; padding: 2px; }
.Calendar_WeekdayHeader {	text-align: center;	font-weight: bold; font-size: 8pt; background-color: #D7D7D7; width: 14%; border-color:#666;}

.smallcalendarhdr { width: 138px; font-size: 8pt; text-align: center; background-color: #516279; margin: 0px 4px 0px 1px; border: 1px solid #000; border-bottom: 0px;}
.smallcalendar { width: 138px; font-size: 8pt; text-align: center; background-color: #516279; margin: 0px 4px 0px 1px; border: 1px solid #000; border-top: 0px;}
.smallcalendar_daysheader { background-color: #333;	color: #fff;	width: 14%;	}
.smallcalendar_weeks_finalday { background-color: #EFEFEF; color: #006; text-align: right; border: 1px solid #ccc; }
.smallcalendar_days_finalweek { background-color: #EFEFEF;	color: #006;	text-align: right; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.smallcalendar_days { background-color: #EFEFEF;	color: #006;	text-align: right; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
.smallcalendar_month_finalday { border-left: 1px solid #ccc; }
.smallcalendarover { background-color: #ccc; text-align: right; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }

/* whitelink */
.whitelink { color: white; border: 0px; }
.whitelink A { color: white; text-decoration: none; }
.whitelink A:link {  color: white; text-decoration: none; }
.whitelink A:hover {  color: white; text-decoration: none; }
.whitelink A:visited { color: white; text-decoration: none; }
.whitelink A:active {  color: white; text-decoration: none; }

.whitelink a:link img { border: 0px;}
.whitelink a:visited img { border: 0px;}
.whitelink a:active img { border: 0px;}
.whitelink a:hover img {border: 0px;}

DL.ntmp DT {font-weight: bold;}

/* gallery */
.gallery TABLE { font-variant: small-caps; font-size: 8pt; text-align: center; margin: 2px 2px 2px 0px; padding-left: 2px; }
.tv TD { border-top: 1px solid #c00; }
/* font weights and colors */
.bold { font-weight: bold; }
.boldred { color: #c00; font-weight: bold; }
.boldred A:link { color: Red; text-decoration: underline; }
.boldred A:visited { color: #c00; text-decoration: underline; }
.boldredsm { font-size: 8pt; color: #c00; font-weight: bold; }
.boldsm { font-size: 8pt; font-weight: bold; }
.boldsmcenter { font-size: 8pt; text-align: center; font-weight: bold; }
.boldyellow { font-weight: bold; color: #ff3; }
.caption { font-variant: small-caps; font-size: 8pt; text-align: center; margin: 2px 2px 2px 0px; padding-left: 2px; }
.ErrorText { font-size: 14pt; color: #c00; }
.ReminderText { color: #c00; font-style: italic; }
.EventSubtitle { font-size: 12pt; font-weight: bold; }
.EventSubtitleRed { color: #c00; font-size: 12pt; font-weight: bold; margin: 0px 0px 0px 5px; }
.EventTitle { font-size: 14pt; font-weight: bold; }
.floatleft { float: left; border: solid 1px #006; margin: 5px 5px 10px 0px; clear: both; }
.floatright { float: right; border: solid 1px #006; margin: 5px 0px 10px 5px; clear: both; }
.Grid { width: 100%; border: solid 1px #000; border-collapse:separate; }
.GridAlternatingItem { background-color: #dcdcdc; border: none; height: 30px; vertical-align: middle; }
.GridEditItem { background-color: #ffe; border: 1px solid black; vertical-align: middle; }
.GridHeader { background-color: #0D2F66; color: #F7F7F7; font-size: 10pt; font-weight: bold; border: none; vertical-align: middle; text-indent: 3px; }
.GridItem { background-color: #fff; border: none; height: 30px; vertical-align: middle; }

/* need the following 3 to style grid table cells, since styles applied to TR has no affect on padding */
TR.GridHeader TD { padding: 3px; border: none; }
TR.GridAlternatingItem TD { padding: 3px; border: none; }
TR.GridItem TD { padding: 3px; border: none; }
TABLE.GridEditItem { border: none;}

.imageborder { border: solid 1px #006; }
.indent { text-indent: 20px; }
.new { font-weight: normal; color: #000; font-size: 8pt; background-color: #ff3; border: 1px solid #369; padding: 0px 2px 0px 2px;}
.notify {font-size: 11pt; font-weight: bold; color: #c00; padding-top: 10px;}
.notifySm {font-size: 10pt; font-weight: bold; color: #c00; padding-top: 10px;}
.today { font-weight: normal; color: #000; font-size: 8pt; background-color: #ff3; border: 1px solid #369; padding: 0px 2px 0px 2px;}
.tomorrow { font-weight: normal; color: #000; font-size: 8pt; background-color: #ffc; border: 1px solid #369; padding: 0px 2px 0px 2px;}
.redbox { font-weight: normal; color: #000; font-size: 8pt; background-color: #FFBFBF; border: 1px solid #369; padding: 0px 2px 0px 2px;}
.alertbox { font-weight: normal; color: #000; font-size: 8pt; background-color: #FFBFBF; border: 1px solid #369; padding: 5px;}
.newstitle { font-size: 10pt; font-weight: bold; border-bottom: solid 1px #C7C7D3; }
.nowrap { white-space: nowrap; }
.padright { padding-right: 5px; }
.padbottom { padding-bottom: 10px;}
.red { color: #c00; }
.red A:link { color: Red; text-decoration: underline; }
.red A:visited { color: #c00; text-decoration: underline; }
.separator { background-color: #0D2F66; }
.signature { font-family: Mistral, Kaufman, Edwardian Script ITC, Brush Script MT, Kunstler Script, Park Avenue, Rage Italic, Script, Monotype Corsiva; font-size: large; }
.small { font-size: 8pt; }
.topseparator { background-color: #0D2F66; }
.vleftborder { padding-left: 5px; border-left: solid 1px #000066;}

H3 { color: #006; font-size: 14pt; font-weight: bold; background: #DBECF5; margin: 10px 0px 10px 0px; padding: 3px 3px 3px 10px; border-top: 1px solid #006; border-bottom: 1px solid #006; letter-spacing: 3px; }
H3.homepage { clear: none; }
H1 { color: #006; font-size: 14pt; font-weight: bold; background: #DBECF5; margin: 10px 0px 10px 0px; padding: 3px 3px 3px 10px; border-top: 1px solid #006; border-bottom: 1px solid #006; letter-spacing: 3px; }
H1.homepage { clear: none; }
H4 { font-size: 10pt; font-weight: bold; background-color: #dee; color: #369; border-bottom: 1px solid #369; border-top: 1px solid #369; margin: 12px 0px 12px 0px; padding: 3px 3px 3px 10px; letter-spacing: 2px; }
TABLE.h4 TH {font-size: 10pt; font-weight: bold; background-color: #dee; color: #369; border-bottom: 1px solid #369; border-top: 1px solid #369; margin: 12px 0px 12px 0px; padding: 3px 3px 3px 10px; letter-spacing: 2px; clear: both; height: auto; vertical-align: middle; text-align:left; }
TABLE.h4 TD { padding: 2px 0px 2px 0px; }
TR.h4 {font-size: 10pt; font-weight: bold; letter-spacing: 2px; clear: both; height: auto;}
H4.homepage { clear: none; }
H4.nogap { font-size: 10pt; background-color: #DBF5E8; color: #369; border-bottom: 1px solid #369; border-top: 1px solid #369; margin: 0px 0px 12px 0px; padding: 3px 3px 3px 10px; letter-spacing: 2px; height: 16px; }

.index {padding-left:3px}

H5 { color: #369; font-size: 10pt; font-weight: bold; margin: 12px 0px 6px 0px; padding: 0px 0px 3px 3px; border-bottom: solid 1px #369; }
H5.noclear { clear: none; }
TABLE.h5 { color: #369; font-size: 10pt; font-weight: bold; margin: 12px 0px 6px 0px; padding: 0px 0px 3px 3px; border-bottom: solid 1px #369; width: 100%; }
TABLE.h5 TR { width:100%;}
TABLE.h5 TD { vertical-align: bottom;}
.h5 { color: #369; font-size: 10pt; font-weight: bold; margin: 12px 0px 6px 0px; padding: 0px 0px 0px 3px; border-bottom: solid 1px #369; }
TABLE.h5b { margin: 12px 0px 6px 0px; padding: 3px 0px 3px 3px; }
TABLE.h5b TH { color: #369; font-size: 10pt; font-weight: bold; text-align: left; vertical-align: bottom; border-bottom: solid 1px #369; }
HR { color: #ccc; }
INPUT, TEXTAREA { font-size: 10pt; font-family: Tahoma; }
TEXTAREA { border: 1px solid #7B9EBD; }
INPUT.stdbutton {	width: 80px; }
INPUT.textbox, TEXTAREA.textarea { border: 1px solid #ccc;	background-color: #fff; padding-left: 3px;	padding-right: 3px; }
MARQUEE { background-color: #ff9; color: Black; font-weight: bold; font-size: 11pt; vertical-align: middle; padding: 3px; border-bottom: solid 1px #616035; border-top: solid 1px #616035; }
P.hang { margin: 0; text-indent: -3em; margin-left: 3em; }

.imgSpotlight { position:static; float:left; z-index:0;}

/* container table */
.container { height: 100%; width: 100%; border: 1px solid #516279; }

/* lightlink */
.lightlink { color: white; background-color: #516279; padding: 4px; margin: 0px 4px 2px 4px; border: solid 1px #000; font-size: 8pt; }

/* lightlinkover */
.lightlinkover { color: #369; background-color: #ccc; padding: 4px; margin: 0px 4px 2px 4px; border: solid 1px #000; font-size: 8pt; }

/* lightlinkright - maybe not used */
.lightlinkright { color: White; padding: 2px 5px 2px 0px; }

.boxltgray { background-color: #ccc; font-size: 8pt; color: black; border: dashed 1px #fff; padding: 4px; margin: 0px 0px 4px 0px; }
.boxdkgray { background-color: #333; font-size: 8pt; color: white; border: dashed 1px #fff; text-align: center; }

.greenitalic A { font-style: italic; font-weight: normal; color: Green; text-decoration: none; }
.greenitalic A:link { font-style: italic; font-weight: normal; color: Green; text-decoration: none; }
.greenitalic A:hover { font-style: italic; font-weight: normal; color: Green; text-decoration: underline; }
.greenitalic A:visited { font-style: italic; font-weight: normal; color: Green; text-decoration: none; }
.greenitalic A:active { font-style: italic; font-weight: normal; color: Green; text-decoration: none; }

.lightlink A { color: white; border: 0;}
.lightlink A:link { color: white; border: 0; }
.lightlink A:hover { background-color: #ccc; color: #000; text-decoration: none; }
.lightlink A:visited { color: white; }
.lightlink A:active { color: #ff3; }

.lightlinkover A { color: white; border: 0;}
.lightlinkover A:link { color: white; border: 0; }
.lightlinkover A:hover { background-color: #ccc; color: #000; text-decoration: none; }
.lightlinkover A:visited { color: #000; }
.lightlinkover A:active { color: #ff3; }

.GridHeader { background-color: #0D2F66; color: #fff; }
.GridHeader A { color: #fff; }
.GridHeader A:link { color: #FFE666; }
.GridHeader A:hover { color: #FFE666; }
.GridHeader A:visited { color: #FFF3E6; }
.GridHeader A:active { color: #FFF3E6; }

.darkbg { background-color: #0D2F66; color: #fff; }
.darkbg A { color: #fff; }
.darkbg A:link { color: #FFE666; }
.darkbg A:hover { color: #FFE666; }
.darkbg A:visited { color: #FFE666; }
.darkbg A:active { color: #FFE666; }

.mediumbg { background-color: #516279; color: #fff; }
.mediumbg A { color: #fff; }
.mediumbg A:link { color: #FFE666; }
.mediumbg A:hover { color: #FFE666; }
.mediumbg A:visited { color: #FFF3E6; }
.mediumbg A:active { color: #FFF3E6; }

.alerttext { font-size: 14pt; color: #c00; }
.alerttext A { color: #c60; }
.alerttext A:link { color: #c60; }
.alerttext A:visited { color: #FFA347; }
.alerttext A:hover { color: #c00; }
.alerttext A:active { color: #FFA347; }

.labels 
{
    padding-right:2px;
    padding-left:2px;
    margin:0px;
}

.Name
{
    font-size:8pt;
    width:15%;
    font-weight:bold;
    border-right:solid 1px #DDD;    
}
.Name a
{
    text-decoration:none;
    color:Black;
    font-weight:bold;
}
.Address
{
    font-size:8pt;
    width:auto;
    border-right:solid 1px #DDD;
}
.CityStateZip
{
    font-size:8pt;
    width:auto;
    border-right:solid 1px #DDD;    
}
.Description
{
    font-size:8pt;
    width:48%;
    border-right:solid 1px #DDD;    
}
.Website
{
    font-size:8pt;
    text-align:center;
    width:auto;
}
.Underline
{
    font-size:8pt;
    width:100%;
    height:1px;
    border-top:solid 1px #000;
}

th
{
    text-decoration:none;
}