/*-------------------------------------------------------------------------------------
 Body
-------------------------------------------------------------------------------------*/
body
{ 
	background: #06385a url(/img/layout/bgslicet.gif) repeat-x top; 
	color: #000000;
	margin: 0px;
	height: 100%;
}
@media print 
{
	body
	{
		background: #fff;
		margin: 5px;
		height: 100%;
	}
}

#oAllScreen 
{
	width:826px;
	position: relative;
	background-color: #dceaec;
}

/*-------------------------------------------------------------------------------------
 Header
-------------------------------------------------------------------------------------*/
div.header, td.header
{
	width: 826px;
	height: 143px;
}

div.headercrumb, td.headercrumb
{
	width: 826px;
	height: 168px;
}

/*-------------------------------------------------------------------------------------
 Top
-------------------------------------------------------------------------------------*/
#fontsize a
{
	text-decoration: underline;
	color: #d3d3d3;
}

#fontsize a.selected
{
	text-decoration: none;
	color: #000;
}


/*************************************************************************************************
	For selectable fonts
*************************************************************************************************/

.size0, .size0 table, #size0, #size0 table
{
	font-size: 11px;
}

.size1, .size1 table, #size1, #size1 table
{
	font-size: 13px;
}

.size2, .size2 table, #size2, #size2 table
{
	font-size: 15px;
}

.unselected
{
	color: #d3d3d3;
}

.redbox
{
	border: solid 1px red;
}

#header div#top
{
	width: 826px;
	height: 100px;
	background: url(/img/00/layout/header.jpg) no-repeat;
	position: relative;
}

#header div#top a.lowgraphics
{
	display:block; 
	width: 110px; 
	height:20px; 
	top: 21px;
	left: 425px;
	position: absolute;
	font-size: 11px;
	color: #00157f;
	text-decoration: none;
	border: solid 0px red;
	text-align: center;
}
#header div#top a.lowgraphics:hover
{
	text-decoration: underline;
}

#header div#top div#fontsize
{
	display:block; 
	width: 110px; 
	height:20px; 
	top: 70px;
	left: 425px;
	position: absolute;
	font-size: 11px;
	color: #00157f;
	text-decoration: none;
	text-align: center;
}


#header div#top div#header
{
	width: 658px; 
	height:130px; 
	top: 55px;
	left: 292px;
	position: absolute;
}

#header div#top a.linkbackhome
{
	display:block; 
	width:370px; 
	height:60px; 
	top: 25px;
	left: 20px;
	position: absolute;
	border: solid 0px red;
	
}
#header #top div#button
{
	left: 858px;
	top: 31px;
	width: 86px;
	height: 28px;
	position: absolute;
}

#header #top div#date
{
	left: 704px;
	top: 68px;
	width: 240px;
	height: 20px;
	position: absolute;
	border: solid 0px red;

	vertical-align: middle;
	font-size: 14px;
	font-weight: bolder;
	color: #00157f;
	text-align: right;
}
#header #top div#portalButton
{
	left: 364px;
	top: 64px;
	width: 343px;
	height: 20px;
	position: absolute;
	border: solid 0px red;

	vertical-align: middle;
	text-align: right;
}



#header #top div#SiteSearch
{
	left: 601px;
	top: 31px;
	width: 250px;
	height: 30px;
	position: absolute;
	background: transparent;
}

#header #top #SiteSearch input
{  
	width: 250px;
	height: 28px;
	font-size: 14px; 
	color: #646464; 
	text-align: right;
	border: solid 1px #cccccc;
	background-color: #ffffff;
	padding: 4px 5px;
	margin: 0px;
}

#header #top div#ajaxEvents
{
	left: 458px;
	top: 120px;
	width: 480px;
	height: 16px;
	position: absolute;
	background: transparent;
	/*border: solid 1px red;*/
	overflow: hidden;
}

#header #top #ajaxEvents div.anEvent
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 480px;
	display: none;
}

#header #top div#ajaxEvents font
{
	color: #dacfa8;
}

#header #top div#ajaxEvents b
{
/*	color: #93da52; */
	color: #ffda52;
}
#header #top div#ajaxEvents a
{
	color: #fff7db;
	text-decoration: none;
}
#header #top div#ajaxEvents a:hover
{
	text-decoration: underline;
}

/*-------------------------------------------------------------------------------------
 Navigation Buttons
-------------------------------------------------------------------------------------*/

#header div#nbuts
{
	width: 826px;
	height: 43px;
	position: relative;
	background: url(/img/00/layout/buts.gif) repeat-y;
}


#header div#nbuts div
{
}


#header div#but
{
	position: absolute;
	left: 10px;
	top: 5px;
	width: 940px;
	height: 33px;
}

#header a.abs-link
{
	display: block;
	position: absolute;
	top: 0;
}	


/****************
	Bread Crumbs
*****************/

#header div#bcrumbs
{
	width: 826px;
	height: 25px;
	background: url(/img/00/layout/buts.gif) repeat-y;
}
#header div#crumbs
{
	width: 650px;
	height: 25px;
	margin-left: 23px;
	float: left;
	vertical-align: middle;
	margin-top:0px;
}
#header div#buttons
{
	float: left;
	width: 260px;
	height: 25px;
	margin-top:0px;
}

#header div#nobcrumbs
{
	width: 950px;
	height: 6px;
	background: url(/img/00/layout/crumbbg.jpg) no-repeat bottom;
}

/*
Moved from hi.css
*/

font.crum					
{
	font-size: 11px;
	color: #000000;
}
a.crum:link,a.crum:visited,a.crum:active     
{
	font-size: 11px;
	text-decoration: underline;
	color: #000000; 
}
a.crum:hover      
{
	font-size: 11px;
	text-decoration: underline;
	color: #ff0000;
}


/*************************************************************************************************
	Content
*************************************************************************************************/
table#content
{
}

/***********************************************
	Menu 
***********************************************/

#content td#menul
{
	width: 16px;
}

#content td#menu
{
	width: 244px;
	height: 100%;
	background: url(/img/00/layout/col1s.gif) repeat-y center;	
}

#content td#menur
{
	width: 6px;
}

/***********************************************
	Full Screen - layout style 0, col0
***********************************************/

#content td#col0l
{
	width: 15px;
}

#content td#col0
{
	width: 930px;
	vertical-align: top;
}

#content td#col0r
{
	width: 15px;
}

/*********************
 inner padding divs 
*********************/
#content #col0 div.html-width-default
{
	width: 930px;
	margin: 15px 0px 0px 0px; 
}

#content #col0 div.content-width-default
{
	width: 930px;
	margin: 0px 0px; 
}

#content #col0 div.vpadcontent-width-default
{
	width: 930px;
	margin: 15px 0px; 
}



/***********************************************
	2 Columns - layout style 3, col2
***********************************************/
#content td#col2l
{
	width: 14px;
}

#content td#col2
{
	width: 628px;
	vertical-align: top;
}
#content td#col2 .inner-padding
{
	width: 608px;
	margin: 10px;
}


#content td#col2r
{
	width: 26px;
}

/*********************
 inner padding divs 
*********************/
#content #col2 div.html-width-default, #content #col2_3 div.html-width-wide
{
	width:608px;
	margin: 15px 0px 0px 0px; 
}

#content #col2 div.content-width-default, #content #col2_3 div.content-width-wide
{
	width: 608px;
	margin: 0px 0px; 
}

#content #col2 div.vpadcontent-width-default, #content #col2_3 div.vpadcontent-width-wide
{
	width: 608px;
	margin: 15px 0px; 
}

/* Column 2 */
div#col2-col2
{
	Width: 608px;
  min-height:400px;
  height:auto !important;
  height:400px;	

}
#col2-col2 .top
{
	height: 0px;
	line-height: 0px;
}
#col2-col2 .vert-divider
{
	height: 20px;
	line-height: 20px;
}
#col2-col2 .bot
{
	height: 0px;
	line-height: 0px;
}

/***********************************************
	3 Columns - layout style 4, col2_3 
***********************************************/
#content td#col2_3l
{
	width: 14px;
}

#content td#col2_3
{
	width: 628px;
	vertical-align: top;
}

#content td#col2_3 .inner-padding
{
	width: 618px;
	margin: 0px 0px 10px 10px;
}

#content td#col2_3r
{
	width: 16px;
}

/* Column 2 */
div#col2_3-col2
{
	Width: 410px;
	float: left;
	margin-right: 13px ; /*20px;*/
  min-height:400px;
  height:auto !important;
  height:400px;	

}

#col2_3-col2 .top
{
	height: 10px;
	line-height: 10px;
}
#col2_3-col2 .vert-divider
{
	height: 20px;
	line-height: 20px;
}
#col2_3-col2 .bot
{
	height: 0px;
	line-height: 0px;
}

/* Column 3 */
div#col2_3-col3
{
	Width: 195px;
	float: left;
  min-height:400px;
  height:auto !important;
  height:400px;	

}
#col2_3-col3 .top
{
	height: 6px;
	line-height: 6px;
}
#col2_3-col3 .vert-divider
{
	height: 10px;
	line-height: 10px;
}


/*********************
 inner padding divs 
*********************/
#content #col2_3 div.html-width-default, #content #col2 div.html-width-narrow
{
	width: 410px;
	margin: 15px 0px 0px 0px; 
}

#content #col2_3 div.content-width-default, #content #col2 div.content-width-narrow
{
	width:410px;
	margin: 0px 0px; 
}

#content #col2_3 div.vpadcontent-width-default, #content #col2 div.vpadcontent-width-narrow
{
	width:410px;
	margin: 15px 0px; 
}

#content div.rcoldiv
{
	margin: 0px 0px 0px 0px; 
}

/***********************************************
	Homepage - layout style 0, colhp
***********************************************/

#content td#colhpl
{
	width: 4px;
}

#content td#colhp
{
	width: 674px;
	vertical-align: top;
}

#content td#colhpr
{
	width: 16px;
}





/**************************************************************
/* Homepage Chunks
/*************************************************************/

/* Common layout */
#content #hdrHomepageChunks a
{
	font: bold 11px verdana,sans-serif ;
	text-decoration: none;
	color: #000000;
	padding: 0px 19px 0px 0px;
	line-height: 44px;
	display: block;
}
#content #hdrHomepageChunks a:hover
{
	text-decoration: underline;
}

/* Calendar */
#content div.hdrCal
{
	width: 282px;
	height: 44px;
	background: url(/img/00/layout/hpcalendar.gif) no-repeat;
	text-align: right;	
}
#content #hdrHomepageChunks a.hdrCal
{
	color: #005f14;
}

/* News */
#content div.hdrNews
{
	width: 384px;
	height: 44px;
	background: url(/img/00/layout/hpnews.gif) no-repeat;
	text-align: right;	
}

#content #hdrHomepageChunks  a.hdrNews
{
	color: #766845;
}

#content div.NewsContent
{
	width: 364px;
	margin: 0px 10px;
}

/* Bulletins */
#content div.hdrBulletins
{
	width: 384px;
	height: 44px;
	background: url(/img/00/layout/hpbulletins.gif) no-repeat;
	text-align: right;	
}

#content #hdrHomepageChunks  a.hdrBulletins
{
	color: #0b1c5c;
}

#content div.BulletinsContent
{
	width: 364px;
	margin: 0px 10px;
}

/* Events */
#content div.EventsContent
{
	width: 262px;
	margin: 0px 10px;
}

/**************************************************************
/* Title
/*************************************************************/

h1.title
{
	margin: 5px auto 0px auto;
	color: #153b3b;
	font: normal normal normal 18px/normal tahoma, sans-serif;
}

#content #title
{
	background: url("/img/00/layout/titles.png") repeat-x;
	margin: 0px 0px;
}


#content #title div.left
{
	height: 97px;
	background: url("/img/00/layout/titlel.png") no-repeat top left;
}

#content #title div.right
{
	height: 97px;
	background: url(/img/00/layout/titler.jpg) no-repeat top right;
}

#content #title div.wrap0
{
	display: table; 
	height:97px; 
	#position: relative;			/* Only for I.E. */ 
	overflow: hidden;
}

#content #title div.wrap1
{
	#position: absolute;			/* Only for I.E. */  
	#top: 50%;								/* Only for I.E. */ 
	display: table-cell; 
	vertical-align: middle;
}

#content #title div.wrap2
{
 #position: relative;				/* Only for I.E. */  
 #top: -50%;								/* Only for I.E. */ 
}


#content #title font
{
	font-family: Trajon pro, Times New Roman, Serif;
	font-size:34px;
	color:#fff;
	margin: 0px 15px;
	display: block;
	font-variant: small-caps;
}
#content #title font.shadow
{
	font-family: Trajon pro, Times New Roman, Serif;
	font-size:34px;
	color:#000;
	font-variant: small-caps;
}

#content #title font.sub
{
	font-family: Times New Roman, Serif;
	font-size:18px;
	color:#918362;
	display:block;
	margin: 0px 15px;
}
		
/*************************************************************************************************
	Footer
*************************************************************************************************/

td.footer
{
	width:826px; 
	height:70px; 
	vertical-align:top; 
}
#footer table.footer
{
	width:826px; 
	height:60px; 
	font-size: 11px; 
	font-weight: normal;
	text-decoration: none;
	color: #ffffff; 
}
#footer td.left
{
	width:16px; 
	height:60px;
	background: url(/img/00/layout/footerl.png) no-repeat;
}
#footer td.links
{
	width:644px; 
	height:60px;
	background: url(/img/00/layout/footers.png) repeat-x;
}
#footer td.social
{
	width:100px; 
	height:60px;
	background: url(/img/00/layout/footers.png) repeat-x;
}
#footer .social a
{
	color: #fff;
}

#footer .social ul
{
	display: inline;
}

#footer .social li
{
	margin-right: 4px;
	display: inline;
}

#footer .social li a
{
	display: block;
	width:18px;
	height:18px;
	float: left;
	margin-right: 4px;
}





#footer #links font.footer
{
	font-size: 7px;
	color: #ffffff;
}
#footer #links a.footer:link, #footer #links a.footer:visited, #footer #links a.footer:active     
{
	font-size: 11px; 
	font-weight: normal;
	text-decoration: none;
	color: #ffffff; 
	padding: 0px 7px;
}
#footer #links a.footer:hover      
{
	font-size: 11px; 
	font-weight: normal;
	text-decoration: none;
	color: #f6d811; 
	padding: 0px 7px;
}

#footer td.poweredby
{
	width:200px; 
	height:60px;
	background: url(/img/00/layout/poweredby.png) no-repeat;
}

/*************************************************************************************************
	Page Contacts
*************************************************************************************************/

#PageContacts table
{
	width: 204px;
	margin: 10px;
	color: #00157f;
	font-size: 13px;
	font-weight: normal;
	line-height: 16px;
}
#PageContacts td
{
	text-align: center;
	vertical-align: top;
	display: inherit;
}
#PageContacts td.photo
{
	display: inherit;
}
#PageContacts image
{
	margin: 0px 0px 10px 0px;
}

#PageContacts td.info
{
	display: inherit;
}
#PageContacts font.title
{
	font-weight: bolder;
}
#PageContacts a
{
	font-weight: bolder;
	color: #00157f;
	text-decoration: none;
}
#PageContacts a:hover
{
	text-decoration: underline;
}


/*************************************************************************************************
	Side fades
*************************************************************************************************/

td.LeftSideFade
{
	background: url(/img/00/layout/bgsliceb.gif) repeat-x bottom;
	/*background-color: /* sSurroundColor */
}

td.RightSideFade
{
	/*background-color: /* sSurroundColor */
	background: url(/img/00/layout/bgsliceb.gif) repeat-x bottom;
}

td.LeftSideFullFade
{
	/*background-color: #c0c0c0; /* sSurroundColor */
	background-image: url(/img/layout/lfade.gif); 
	background-repeat: repeat-y; 
	background-position: right;
	height:100%; 
}

td.RightSideFullFade
{
	/*background-color: #c0c0c0; /* sSurroundColor */
	background-image: url(/img/layout/rfade.gif); 
	background-repeat: repeat-y; 
	background-position: left;
	height:100%; 
}

/*************************************************************************************************
	W I D G E T S
*************************************************************************************************/

/*widget-3column*/

#content td#widget-3columnl
{
	width: 14px;
}

#content td#widget-3column
{
	width: 674px;
	vertical-align: top;
}

#content td#widget-3columnr
{
	width: 16px;
}

/* Column 2 */
#widget-3column div#widget-column2
{
	Width: 344px;
	float: left;
	margin-right: 16px ; /*20px;*/
	border: solid 1px red;
  min-height:400px;
  height:auto !important;
  height:400px;	

}
/*
#widget-3column-col2 .top
{
	height: 0px;
	line-height: 0px;
	border: solid 1px green;
}
#widget-3column-col2 .vert-divider
{
	height: 20px;
	line-height: 20px;
	border: solid 1px green;
}
#widget-3column-col2 .bot
{
	height: 0px;
	line-height: 0px;
	border: solid 1px green;
}
*/

/* Column 3 */
#widget-3column div#widget-sidebar
{
	Width: 300px;
	float: left;
	border: solid 1px blue;
  min-height:400px;
  height:auto !important;
  height:400px;	
	overflow-x:hidden;
}
/*
#widget-3column-col3 .top
{
	height: 6px;
	line-height: 6px;
	border: solid 1px green;
}
#widget-3column-col3 .vert-divider
{
	height: 10px;
	line-height: 10px;
	border: solid 1px green;
}
*/



/*======================= my city ========================*/

#myCity-cont
{
  float: left;
  width: 994px;
}

#myCity
{
  float: left;
  margin-left: 5px;
  margin-top:20px;
  width: 950px;
  height: 90px;
  background: url(/img/00/myCity/myCity.png) no-repeat;
}

#myCity .panel
{
  display: none;
}

table#myCity-wrapper tr#loginRow h3#welcome
{
  color: #fff;
  font: bold 13px Arial, sans-serif;
  margin-left: 200px;
  margin-top: 5px;
  margin-bottom: 5px;
}

table#myCity-wrapper tr#loginRow span
{
  color: #fff;
  font: 12px Arial, sans-serif;
}

table#myCity-wrapper tr#loginRow a.newacc
{
  color: #fff;
  font: 12px Arial, sans-serif;
  text-decoration: underline;
}

table#myCity-wrapper tr#loginRow a.newacc:hover
{
  color: #ccc;
}

#loginfieldstable a.loginbutton
{
  display: block;
  font: bold 13px Arial, sans-serif;
  color: #fff;
  background-color: #2f2f2f;
  border: 1px solid #222;
  padding: 5px;
  text-decoration: none;
  margin-left: 12px;
}

#loginfieldstable a.loginbutton:hover
{
  background-color: #444;
}

table#loginFieldsTable td.loginText
{
  color: #fff;
  font: 12px Arial, sans-serif;
  padding-left: 15px;
  padding-right: 5px;
}

tr#loginRow a.forgottext
{
  float: left;
  color: #fff;
  font: 12px Arial, sans-serif;
  margin-left: 200px;
  margin-bottom: 5px;
}

tr#loginRow a.forgottext:hover
{
  color: #ccc;
}

tr#loginRow #create-div
{
  float: left;
  margin-left: 200px;
}

.panel input
{
  color: #404040;
  font: 12px Arial, sans-serif;
  padding: 3px;
}

table#loginValidation td.loginText
{
  color: #fff;
  font: bold 12px Arial, sans-serif;
  padding-left: 30px;
}

#logcontents #myCityContent
{
  
}

#myCity h3
{
  font: bold 22px Arial, sans-serif;
  color: #fff;
  margin-top: 16px;
  margin-left: 20px;
}

#myCity .myCityText
{
  font: bold 20px Arial, sans-serif;
  color: #fff;
}

td#topRowBkg
{
  height: 95px;
}

a.portal-tablink
{
  font: bold 15px Arial, sans-serif;
  color: #aaa;
  padding: 10px;
  text-decoration: none;
  height: 30px;
}

a.portal-tablink:hover
{
  color: #1f97b1;
  text-decoration: none;
}

span.portal-seltab
{
  font: bold 18px Arial, sans-serif;
  color: #fff;
  padding: 5px 10px 10px 10px;
  /*background: #111;*/
  height: 30px;
}



/*===============================================
    ALERT TICKER 1 is the Default style    

    Widget Ticker - Agency specific Background
    To be used on subsites with unique Alerts
    
===============================================*/


#alert-ticker-1
{

	background: url(/img/00/layout/alerts/county.png) no-repeat 15px 0px;
}


.widget-ticker 
{
    background: url("/img/00/layout/alerts/agency.png") no-repeat 15px 0px;
    top: 5px
}

td.boxi_l
{
	width: 8px;
	vertical-align: top;
	background-image: url(/img/layout/boxi_l.gif); 
	background-repeat: repeat-y; 
	background-position: top;
	height:100%; 
	
}

td.boxi_t
{
	vertical-align: top;
	background-image: url(/img/layout/boxi_t.gif); 
/*	background-repeat: repeat-x; */
	background-position: top;
}

td.boxo_r
{
	
	width: 8px;
	vertical-align: top;
	background-image: url(/img/layout/boxo_r.gif); 
	background-repeat: repeat-y; 
	background-position: top;
	height:100%; 
	
}


.box0s
{
	vertical-align:top; 
	width: 826px; 
	background-color: #ffffff; 
	background-image: url(/img/layout/box0s.gif); 
	background-position: top; 
	background-repeat: repeat-y; 
	padding: 0px;
}
.box0t
{
	width:826px;
}

.box1s
{
	vertical-align:top; 
	width: 826px; 
	background: #ffffff url(/img/layout/box1s.gif) top left repeat-y; 
	padding: 0px;
}
.box1t
{
	width:826px;
	background: transparent url(/img/layout/box1t.gif) top left no-repeat;
}

.box3s
{
	vertical-align:top; 
	width: 628px; 
	background: #ffffff url(/img/layout/box3s.gif) top left repeat-y; 
	padding: 0px;
}
.box3t
{
	width:628px;
	background: transparent url(/img/layout/box3t.gif) top left no-repeat;
}

.box4s
{
	vertical-align:top; 
	width: 628px; 
	background: #ffffff url(/img/layout/box4s.gif) top left repeat-y; 
	padding: 0px;
}
.box4t
{
	width:628px;
	background: transparent url(/img/layout/box4t.gif) top left no-repeat;
}