/************************************************
This is the custom style sheet, containing styles
that will be customized for each project.
************************************************/
body
{
	border:0;
	margin:0;
	padding:0;
	background-image:url(_gfx/cmn/bodyBG.gif); 
	background-repeat: repeat-x; 
	background-color: #4389a2;
	text-align: center;
	/*font-size:62.5%;*/
	font-size: 11px;
}


#FrontEndForm
{
	margin: 0 auto;
	width: 760px;	
	text-align:left;
}

.CssmainSpan
{
	position:relative;
	left:0;
	top:0;
	width:760px;
	height:auto;
	float:left;
	text-align:left;	
}

.mainSpan_noleftnav
{
	position:relative;
	left:0;
	top:0;
	width:760px;
	height:auto;
	float:left;
	text-align:left;	
}

.CssadminSpan
{
	width:200px;
	float:right;
}


a
{
	color:#007799;
	text-decoration:none;
	font-family: Verdana, Arial, san-serif;	
	
}

a:hover
{
	text-decoration:underline;
}

.error_message
{
	color: #cc0000;	
}


.header
{
	background-image:url(_gfx/cmn/headerBG.jpg);
	background-repeat: no-repeat;
	height:64px;
	
	/*position:relative;
	clear: both;
	display:block;	*/
	/*border: solid 1px #FFFFFF;*/
}

.header_left
{
	float:left;
	padding:0;
}

.header_right
{
	float:right;
	width:485px;
}

.header_title
{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:45px 0 0 0;
	padding:0 0;
	color:#007799;
}

.header_toplinks
{
	color: #eeead3;
	font-weight:bold;
	text-align:right;
	padding-top: 5px;
	margin-bottom: 10px;	
}

.header_toplinks a
{
	color: #eeead3; 
	text-decoration:none;
	padding: 0 4px;	
}

.header_toplinks a:hover
{
	text-decoration:underline;
}

.header_menu
{
	width:auto;
	padding: 0;
}

.loginbuttonpanel
{
	position: absolute;
	left:435px;
	top:15px;
	width:300px;
	padding:5px;
	text-align:right;
	
}

.searchbox
{
	width: 356px;
	position:relative;
	left: 129px;
}

.searchbox #poweredbygoogle
{
	float:left;
	margin:3px 0 0 8px;
}

.searchbox_button
{
	float:left; 
	margin-left:0px;
}

.searchbox_textbox
{
	font-size:1em;
	background-color:#f1eddb;
	background-image:url(_gfx/cmn/searchBG.gif);
	background-repeat:repeat-x;
	color: #565246;
	width:150px;
	margin-top: 3px;
	border:1px solid #1e4b59;
	padding:2px;
	height: 13px;
	float:left;
}

.searchbox_button a
{
	height: 25px;
	width: 30px;
	position:relative;
	display: block;
	text-align: left;
	text-indent: -4000px;
	background-image: url(_gfx/cmn/goButton.gif);
	background-repeat: no-repeat;
	background-position: -3px 0px;
}

.searchButton
{
	background-image: url(_gfx/cmn/goButton.gif);
	background-repeat: no-repeat;
	background-position: -3px 0px;
	width: 30px;
	height: 25px;
	border:	0px;
	cursor: pointer;
}

#contentheader 
{
	border-bottom:1px solid #cec9b7;
	background-image: url(_gfx/cmn/contentheaderBG.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}
.breadcrumb_wrapper
{
	height:25px;	
}

.breadcrumb
{
	padding-left: 10px;
	margin-top: 4px;
}

.breadcrumb a
{ 
	color: #87816e;	
	text-decoration: underline;	
}

.breadcrumb a:hover
{
	text-decoration:none;
}

.title_wrapper
{
	height:auto;
	margin-top: 3px;
}

.title
{
	font-family:Tahoma, Helvetica, sans-serif;
	font-weight:bold;
	color: #316f83;
	padding-left: 10px; 
	padding-bottom: 5px;
	font-size:1.8em;
	
}

.printerfriendly
{
	/*
	width:100px;
	text-align:right;
	position:relative;
	left:500px;
	bottom:10px;
	font-family: Verdana, Arial,Helvetica,sans-serif; 
	
	line-height: 20px;
	font-weight: normal;
	*/
}

.title_wrapper_noleftnav
{
	height: 22px;
	margin-top: 3px;	
}

.title_noleftnav
{
	font-family:Tahoma, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	color: #316f83;
	padding-left: 10px; 
	padding-bottom: 4px;	
}

.printerfriendly_noleftnav
{
	/*
	width:100px;
	text-align:right;
	position:relative;
	left:650px;
	bottom:10px;
	font-family: Verdana, Arial,Helvetica,sans-serif; 
	
	line-height: 20px;
	font-weight: normal;
	*/
}

.title_subtitle
{
	margin: 10px 10px 0 10px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:1.3em;
	line-height:14px;
	font-weight:bold;
	color: #3d3930;
}

.sidebox
{
	background-color: #fffce9;
	border: 1px solid #cec9b7;
	padding:3px;
	float:right;
	width: 150px;
	margin-left: 10px;
	position: relative;
	top: 23px;
	left: 450px;
}

.container
{
	width: 589px;
	float:left;
	height: auto;
	background-color: #f1eddb;
	border-left:1px solid #d2ccb9;
	border-bottom: 4px solid #cec8b0;
	overflow: hidden;
}

.container_noleftnav
{
	width:760px;
	height:auto;
	margin:0;
	padding:0;
	background-color: #f1eddb;
	background-image: url(_gfx/cmn/bg_main.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

.container_noleftnav_special
{
	width:760px;
	height:auto;
	margin:0;
	padding:0;
	background-image: url(_gfx/cmn/bg_main.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

.content
{
	color: #565246;
	padding: 10px 20px 20px 20px;
	background-color: #f1eddb;
	/*
	font-size:1.1em;
	line-height:1.6em;
	*/
	line-height: 16px;
}

.content p 
{ 
	margin:0 0 10px;
	padding:0;
}

.content ul 
{
	padding:0;
	margin:8px 0 10px 20px;
}

.content ul li
{
	padding: 1px 0;
}

.content_noleftnav
{
	width:760px;
	height:auto;
	margin:0;
	border:0;
	padding:0px 0 5px 0;
	overflow:hidden;
}

.content a
{
	text-decoration:underline;
	
}

.content a:hover
{
	text-decoration:none;
		
}

.content textarea
{
	width:525px;
}

.downloadmessage
{
	border-top:solid 1px #CFBF92;
	margin-top:20px;
	padding-top:6px;
	font-size:0.9em;
	line-height:1.2em;
	text-align:center;
}

.downloadmessage img
{
	border:0;	
}

.downloadmessage p
{
	
}
.downloadmessage a .{
	padding: 0 2px; 
}
.paging
{
	margin-top:10px;
	margin-bottom:10px;
}

.paging a
{
	color:Blue;
}

.footer
{
	display: block;
	clear: both;
	width: auto;
	padding:0px 0 40px 0;
}

.footer_text
{
	color:#cec8b0;
	text-align:center;
	padding-top:5px;
}

.footer_text_bottomline
{
	/**/
}

.footer_text_bottomline a
{
	color: #eeead3;
	text-decoration: underline;
	
}

.footer_text_bottomline a:hover
{
	text-decoration:none;
}



/************************************************
Department home page
************************************************/

.depthome_left
{
	float:left;
	width:370px;
	padding-bottom:20px;
}

.depthome_right
{
	float:right;
	width: 156px;
	margin-left: 10px;
}


/************************************************
Home page
************************************************/
a img 
{ 
	border: 0; 
}

.home
{
	width:760px;
}

.home_content
{
	width:760px;
}

.home_cmt_content
{
	height: 336px; /*234+91*/
	width: 465px;
	overflow: hidden;
}


.home_collage img
{
	display: block;
}

.home_columns
{
}


#home_left
{
	width:467px;
	color: #565246;
	float:left;
	background-image:url(_gfx/home/whatsnewBG.gif);
	background-repeat: repeat-x;
	background-color: #ece7ce;
	border-bottom: 4px solid #cec8b0;
	border-right: 1px solid #d2cdbb;
	line-height:1.3em;
	font-size:1.1em;
}

#home_left span.home_title 
{
	font-weight:bold;
	display:block;
}

#home_left p 
{
	width: 355px;
	padding: 5px 0 0 0; 
	margin: 0 0 8px 95px;
	font-family: Verdana, Arial, san-serif;
		
	line-height:16px;
}

#home_left a
{
	
}

#home_left .home_thumbnail 
{
	background-image:url(_gfx/home/whatsnew_pictureBG.gif);
	background-repeat: no-repeat;
	width:88px;
	height:92px;
	float:left;
}
#home_left .home_thumbnail img 
{
	margin-top:12px;
	margin-left:15px;
}


#home_right
{
	width:270px;
	float:left;
}

#home_buttons
{
	background-image:url(_gfx/home/me_buttons.gif);
	background-repeat: no-repeat;
	width:292px;
	height:27px;
}

#home_buttons img
{
	display:block;
	float:left;
}

.online_services_button
{
	margin:30px 0 0 50px;
}

.online_services_button img
{
	border:0;
}

.weather_button
{
	margin:5px 0 0 50px;
}

.weather_button img
{
	border:0;
}
.home_weather
{
	position: absolute; left:468px; padding-left:13px;
	margin-top:107px; color: #FFDD00; z-index: 100;
	font-size:9px;
}
.yahoolink
{
	color:#CDC9B0;font-size:7px;
}

/************************************************
Left navigation 
************************************************/

.leftnav
{
	width: 167px;
	margin-right:3px;
	padding-top:5px;
	float:left;
}

.leftnav a
{
	display:block;
	padding: 4px 4px 4px 4px;
	color: #eeead3;
	text-decoration:none;
	border-left:1px solid #6397a7;
	
}

.leftnav a:hover 
{
	color: #2f6c80;
	background-color: #ece7ce;
	text-decoration:none;	
}

.leftnav_node_wrapper
{

}

.leftnav_node_wrapper_root a
{
	border-left:0;
	border-top:1px solid #6397a7;
	border-bottom: 1px solid #265666;
	
}

.leftnav_node
{

}

.leftnav_node_haschildren
{
	color: #2f6c80;
	font-weight:bold;
	background-color: #ece7ce;
	background-image: url(_gfx/nav/arrow_down.gif);
	background-repeat: no-repeat;
	background-position:2px 9px;
	border-bottom-color: #81928d;
	border-top-color: #f0ecd7;
	text-decoration:none;		
}

.leftnav_node_haschildren a
{
	color: #2f6c80;
	padding-left:12px;
}

.leftnav_node_haschildren a:hover
{
	background-color:transparent;
}

.leftnav_node_iscurrent
{
	color: #fffcee;
}

.leftnav_node_iscurrent a
{
	background-image: url(_gfx/nav/arrow_right_current.gif);
	background-repeat: no-repeat;
	background-position:0px 8px;
	color:#fffcee;
	font-weight:bold;
	padding-left: 8px;
	text-decoration:none;		
}

.leftnav_node_iscurrent a:hover 
{
	color:#fffcee;
	background-color: transparent;
	padding-left: 8px;
	border-bottom-color: #265666;
	border-top-color: #6397a7;
}

/************************************************
Dropdown Menu
************************************************/

/* Wrapper class if needed */
.dropdownmenu
{
}

.menu
{	
	width:600px;
	border-collapse:separate;
}
.menu td {
	
}


.menuitem, 
.menuitem_top,
.menuitem_hover,
.menuitem_active,
.menuitem_expanded,
.menuitem_hover_top,
.menuitem_active_top,
.menuitem_expanded_top,
.menuitem_root,
.menuitem_root_selected,
.menuitem_root_hover,
.menuitem_root_expanded,
.menuitem_root_active
{
	font-family: Tahoma,Arial,sans-serif;
	color:#5D544D;
	background-color:#CEC8A6;
	padding: 3px 1px 3px 1px;
	border-top: solid 1px #E8E5D6;	
	border-left: solid 1px #918d77;
	border-right: solid 1px #918d77;
	border-bottom: solid 1px #ADA990;
	cursor: pointer;
	
}

.menuitem, 
.menuitem_top
{
	background-color:#CEC8A6;
}

.menuitem_hover,
.menuitem_active,
.menuitem_expanded,
.menuitem_hover_top,
.menuitem_active_top,
.menuitem_expanded_top
{
	background-color:#F1EEDB;
}

/* Need to define this because if image is used the item gets a table wrapper. */
.menuitem td,
.menuitem_top td
{
	font-family: Tahoma,Arial,sans-serif;
	color:#5D544D;
}

.menuitem_hover td,
.menuitem_active td,
.menuitem_expanded td,
.menuitem_hover_top td,
.menuitem_active_top td,
.menuitem_expanded_top td
{
	font-family: Tahoma,Arial,sans-serif;
	color:#173964;
}

/* Use for offsetting arrow */
.menuitem img,
.menuitem_top img,
.menuitem_hover img,
.menuitem_active img,
.menuitem_expanded img,
.menuitem_hover_top img,
.menuitem_active_top img,
.menuitem_expanded_top img
{
	margin-right:3px;
}

.menuitem_root {
	background-color:#EFDC9E;
	.}

.menuitem_root_selected,
.menuitem_root_hover,
.menuitem_root_expanded,
.menuitem_root_active
{
	background-color:#F2C532;
}	

.menuitem_root_image
{
	border:0;
	padding:0;
	margin:0;
	cursor: pointer;
}


/************************************************
Forms
************************************************/

.form
{
	width:700px;
	height:auto;
}

.form_in_tab
{
	padding-top:15px;
	padding-bottom:10px;
	padding-left:10px;	
}

.form div
{
	width:auto;
	margin-top:8px;
	margin-bottom:8px;
	clear: both;
}

.form textarea
{
	width:200px;
	height:150px;
}

.form_label
{
	padding-top:3px;
	font-weight: bold;
	height:20px;
	float: left;
	width: 150px;
	text-align: left;
	vertical-align:middle;
}

.form_field
{
	height:20px;
	float: right;
	width: 550px;
	text-align: left;
	vertical-align:middle;
}

legend
{
	font-weight: bold;
	color:#625C4D;
}

fieldset
{
	border:solid 1px #c2bca6;
}

.form_normaltextbox
{
	width:300px;	
	border-left: solid 1px #c2bca6;
	border-right: solid 1px #c2bca6;
	border-top: solid 1px #c2bca6;
	border-bottom: solid 1px #c2bca6;
	background-color: #fdfaed;
	/*height:19px;*/
	padding:2px 2px 2px 3px;
}

.form_normaldropdown
{
	width:300px;	
	border-left: solid 1px #c2bca6;
	border-right: solid 1px #c2bca6;
	border-top: solid 1px #c2bca6;
	border-bottom: solid 1px #c2bca6;
	background-color: #fdfaed;
	height:17px;
	padding-left:3px;	
}

.form_button
{
	background-image: url(_gfx/button_save_bg.gif);
	font-family:Tahoma;
	
	font-weight:bold;
	padding: 2px;
	color: #000000;
	border-width: 1px;
	border-style: solid;
	border-color: #D7DBB2 #AD9C4D #868660 #E0C859
}

.form_message
{
	color: #cc0000;
}

.form_message td
{
	color: #cc0000;
}

.backbutton
{
	padding-left: 15px;
	font-weight: bold;
	background-image: url(_gfx/back_arrow.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.backbutton a
{
}

.radeditor div
{
	margin-top:0;
	margin-bottom:0;
}


/************************************************
Site map
************************************************/

.sitemap
{
  border:solid 0 #000000;
}

.sitemap a
{
	font-size:11px;
}

.rootnode
{
	font-weight: bold;
	color: #625C4D;
	padding:3px 3px 0 3px;
} 

.rootnode a
{ 
	font-size:12px;
	color: #625C4D;
	font-weight: bold;
} 

.rootnode a:hover
{ 
} 

.parentnode
{
	padding:3px 3px 0 3px;
}

.parentnode a
{
	color: #625C4D;
	font-weight: bold;
} 

.parentnode a:hover
{ 
} 

.leafnode
{
	padding:3px 3px 0 3px;
} 

.leafnode a
{ 
} 

.leafnode a:hover
{ 
} 

.sitemap_file
{
	list-style-image: url(_gfx/_SiteMap/file.gif);	
}

.backtotoplink
{
	padding:10px 0 10px 5px;
	
}


/************************************************
Search
************************************************/

.search
{
	width:720px;
	
}

.search_title
{
	margin:7px 0 7px 0;
	padding:5px 0 5px 0;
	color:#FFFFFF;
	background-color:#007799;
	width:720px;
	
	font-weight:bold;
	text-align:center;
}

.search_summary
{
	font-weight:bold;
}

.search_result
{
	padding-top:5px;
	padding-bottom:5px;
}

.search_result_alternate
{
	padding-top:5px;
	padding-bottom:5px;
	background-color:#EEEEEE;
}

.search_result_title
{
	font-weight:bold;
	font-size:1.2em;
}

.search_result_location
{
}

.search_result_location_field
{
	font-weight:bold;
}

.search_result_synopsis
{
	padding:0;
}

.search_result_synopsis_highlight
{
	background-color:Yellow;
}

.search_result_info
{
}

.search_result_info_field
{
	font-weight:bold;
}


/*****************************************
* Calendar month view
*****************************************/

.calendar_div
{
	padding-bottom: 10px;
	text-align:center;
}

.calendar
{
	width:540px;
	border: 0;
	margin:0 auto 0 auto;
}

.calendar_dayheader
{
	color: #FFFFFF;
	background-color: #b4a989;
	background-image:url(_gfx/cmn/calendar_th.gif);
	background-repeat:repeat-x;
	font-family:Verdana, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0;
	height:19px;
	text-transform: uppercase;
	border: 1px solid #c2bca6;
	font-size:9px;
}

.calendar_day,
.calendar_othermonthday,
.calendar_selectedday,
.calendar_today,
.calendar_weekendday 
{
	text-align:left;
	vertical-align: top;
	color:#aaa69b;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 6px 3px;
	width:14%;
	height:60px;
	font-size:16px;
	line-height:12px !important;
	border: 1px solid #c2bca6;
}

.calendar_day a,
.calendar_othermonthday a,
.calendar_selectedday a,
.calendar_today a,
.calendar_weekendday  a{
	font-size:10px;
}

.calendar_today { 
	background-color:#fff1ab;  
	background-image:url(_gfx/cmn/calendar_today_BG.gif);
	background-repeat:repeat-x; 
	}
	
.calendar_weekendday, 	
.calendar_day		{ 
	background-color:#ffffff; 
	background-image:url(_gfx/cmn/calendar_day_BG.gif);
	background-repeat:repeat-x;
	}
	
.calendar_othermonthday	{ 
	background-color:#e0ded7; 
	color:#a5a094; 
	}
.calendar_selectedday	{ background-color:#f2c532; }

.calendar_selector
{
	color:#fff;
	background-color:#efdc9e;
	
	font-weight:bold;		
}

.calendar_title td
{
	padding: 5px 0;
	background-color:#f1eddb;
	font-family: Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #079;
	border:0;
}

.calendar_nextprev
{
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 5px;
	width:180px !important;	
}

.calendar_nextprev a
{
	font-weight:normal;
	display:block;
	width:100px !important;
	text-align:right;
	color: #007799 !important;
	font-size:0.8em;
}

.calendar_nextprev a:hover
{
	font-weight:normal;
	width:180px;
}

.calendar_eventtime
{
	color:#000000;
	font-family: Verdana, Arial, san-serif;
	font-weight: normal;	
	font-size:0.6em;
}

.calendar_eventlink
{
	font-size:10px;		
	font-weight: normal;
	line-height:12px;
	display:block;
	padding:3px 0;
}


/*************************************************
* Component detail 
*************************************************/

.component_title
{
	font-size: 14px;
	font-weight: bold;
	padding: 2px 0 2px 0;
}

.component_subtitle
{
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0 2px 0;
}

.component_listitem
{
	padding: 0 0 15px 0;
	width:400px;
}

.component_listitem div
{
	padding: 0 0 4px 0;
	width:400px;
}

.component_listitem_header
{
	font-weight: bold;
	width:100px;
	vertical-align: top;
}

.component_listitem_content
{
	width:300px;
	vertical-align: top;
}

.component_content
{
}

/************************************************
*FAQ List
************************************************/

.listDiv,
.listfaq
{
	width:540px;
	border:0 !important;
	border-collapse: collapse;
}
.listDiv td,
.listfaq td
{	
	border:1px solid #f1eddb;
	/*border-bottom: 1px solid #c2bca6;*/
	padding:4px;
	margin:0;
}

.listfaq_pager
{
	text-align:right;
}

.listfaq_q
{
	font-weight:bold;
}

.listfaq_a
{
}

/************************************************
*Link List
************************************************/
.link_name a
{
	color:#007799;
	text-decoration:none;
	font-weight:bold;
}

.link_name a:hover
{
	text-decoration:underline;
}

/************************************************
* Lists, including DataGrid classes
************************************************/

.listtable
{
	width:540px;
	border:1px solid #007799;
	border-collapse:  separate;
}

.listtable th
{
	/*background-image: url(_gfx/table_head_bg.gif);*/
	padding: 3px;
	font-weight: bold;
	color: #fdfaed;
	background-color: #316f83;
	text-align:left;
	font-size:0.8em;
	text-transform:uppercase;
}

.listtable_header a
{
	color:#FFFFFF;
}

.listtable td
{
	border-top:1px solid #C4CBD3;
	border-left:0px solid #FFFFFF;
	border-right:0px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	padding:3px;
	margin:0;
}

.listtable tr:hover
{
	background-color:#E4F1FF;
}

.listtable_buttoncolumn
{
	width: 70px;
	
}

.listtable_buttoncolumn input
{
	background-image: url(_gfx/button_bg.gif);
	
	padding: 2px;
	color: #000000;
	border-width: 1px;
	border-style: solid;
	border-color: #D4D4D4 #949494 #828282 #C2C2C2
}

.listtable_checkboxcolumn
{
	padding:0;
	width:1px;
}

.listtable_checkboxcolumn input
{
	margin-left:-2px;
	margin-top:-3px;
}

.listtable_row_on
{
	background-color:#E4F1FF;
}

.listtable_row_off
{
	background-color:#FFFFFF;
}

.listtable_pager
{
	text-align:right;
}

/*For plain lists on front end*/
.listcomponent
{
	border:solid 0 #FFFFFF;
}

.listcomponent th
{
	display:none;
}

.listcomponent td
{
	border:0px solid #FFFFFF;
	padding:4px 4px 10px 0;
	margin:0;
}

.listcomponent_pager
{
	text-align:left;
}

/*For links on top of page*/
.topselector
{
	margin-bottom: 10px;
}

/*For dropdown filters*/
.filter
{
	margin-bottom: 10px;
	margin-top:10px;
	text-align:center;
}

/************************************************
* Image-using item list 
************************************************/

.righttable
{
	width:200;
	border:1px solid #f2c532;
	border-collapse:  separate;
}

.righttable th
{
	background-color: #f2c532;
	padding:4px;
	border-top:0px solid #FFFFFF;
	border-left:0px solid #FFFFFF;
	border-right:0px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	
	font-weight: bold;
	text-align:left;
	color: #FFFFFF;
	height:25px;
	
}

.righttable_header a
{
	color:#FFFFFF;
}

.righttable td
{
	border-top:1px solid #DADADA;
	border-left:0px solid #FFFFFF;
	border-right:0px solid #FFFFFF;
	border-bottom:0px solid #FFFFFF;
	padding:4px;
	margin:0;
}

.righttable tr:hover
{
	background-color:#E4F1FF;
}

.righttable_buttoncolumn
{
	width: 30px;
	
}

.righttable_buttoncolumn input
{
	background-image: url(_gfx/button_bg.gif);
	
	padding: 4px;
	color: #000000;
	border-width: 1px;
	border-style: solid;
	border-color: #D4D4D4 #949494 #828282 #C2C2C2
}

.righttable_checkboxcolumn
{
	padding:0;
	width:1px;
}

.righttable_checkboxcolumn input
{
	margin-left:-2px;
	margin-top:-3px;
}

.righttable_row_on
{
	background-color:#E4F1FF;
}

.righttable_row_off
{
	background-color:#FFFFFF;
}


/***********************************************
* E-Notifier
***********************************************/

.tag_div
{
	padding: 10 0 20 0;
}

.area_div
{
	padding: 5 0 5 0;
}


/************************************************
Survey
************************************************/

.survey_title
{
	font-size: 14px;
	font-weight: bold;
	padding: 2px 0 2px 0;
	margin: 0;
}


/************************************************
Staff Directory
************************************************/

.staff_column_div
{
	margin:10;
	clear:both;
	width:560px;
}

.staff_thumbnail_span
{
	float:left;
	width:105px;
}

.staff_listitem_span
{
	float:right;
	width:450px;
}


/************************************************
Department boxes
************************************************/
.box_container
{
	background-color: #fffce9;
	border: 1px solid #beb9a5;
	margin: 0;
}

.box_title h1
{
	color:#75632F;
	background-color:#e8e3c6;
	border-top:1px solid #fffce9;
	border-bottom: 1px solid #beb9a5;
	font-size:0.8em;
	padding:0 0 0 10px;
	margin:0;
	text-transform: uppercase;
}

.box_list p 
{ 
	font-style:italic; 
	text-align:center; 
	padding:12px 0 8px 0;
	margin:0 !important;
}

.box_list {
	line-height:1.2em;
	padding: 0px 4px 8px 4px;	
}

.box_list a
{
	display:block;
	padding-top:8px;
	text-decoration:none;
}

.box_list span 
{
	color: #958f79;
	font-size:.8em;
	display:block;
	margin-bottom:5px;
}

.box_list a:hover
{
	text-decoration:underline;
}

.box_list p
{
	margin: 10px 0 10px 0;
}

.box_bottomlink
{
	display:none;
}

/************************************************
Department home boxes
************************************************/
.home_box_container
{
	height:136px;
	over-flow:hidden;	
}

.home_box_title
{
	display:none;
}

.home_box_title h1
{
	display:none;
}

.home_box_title span
{
	display:none;
}
.home_box_list
{
	font-size:10px;
}
.home_box_list p
{
	color:#F1EEDC;
}

.home_box_list a
{
	display:block;
	color: #eeead3;
	text-decoration:none;
	font-weight:bold;	
}

.home_box_list span
{
	color:#cec8b0;
	font-weight:normal;
	
	display:block;
	margin-bottom:5px;
}

.home_box_list a:hover
{
	text-decoration:underline;
}

.home_box_bottomlink
{
	
}

.home_videolinklist
{
	margin-left: 13px;
	height:93px;
}

a.home_videolinkitem
{
	display:block;
	margin-bottom:8px;
	height:21px;
	width: 269px;
	color:#E8ECD5;
	border-top:solid 1px #739FA8;
	border-left:solid 1px #739FA8;
	border-bottom:solid 1px #739FA8;
	background:#31718A;
	padding-left:8px;
}
a.home_videolinkitem:hover
{
	display:block;
	margin-bottom:8px;
	height:21px;
	color:#32769D;
	border-top:solid 1px #377989;
	border-left:solid 1px #377989;
	border-bottom:solid 1px #377989;
	background:#EEE9D3;
	padding-left:8px;
}
a.home_videolinkitem, 
a.home_videolinkitem:hover
{
	font-weight:bold;
	text-decoration:none;
	line-height:18px;
}
a.home_videolinkitem
{
	color:#E8ECD5;
}
a.home_videolinkitem:hover
{
	color:#32769D;
}

#teaserNews
{
	margin-left: 4px;
	/*
	width:518px;
	height:60;	
	overflow:hidden;
	*/
}

.teaserNews a
{
	text-decoration: underline;
	font-weight:bold;
}

.home_events
{
	margin-left: 13px;
}

/******************************************
* Photo Album 
******************************************/
#Table11, #Table11 td
{
	padding: 0;
	border-spacing: 0;
	line-height: 0;
	background-color: #ffffff;
}

#Table11
{
	border: 1px solid #CEC8B0;
}

#albumItem
{
	padding:20px 10px 30px 10px;
	text-align:center;
}
#albumItem em
{
	/*color: #777777;*/
	font-style: normal;
	
	line-height:normal;
}
#photoStack
{
	padding-right: 19px;
	background-position: top center;
	padding-left: 19px;
	background-image: url(_gfx/album/exported_group.jpg);
	background-color:#ffffff;
	padding-bottom: 20px;
	overflow: hidden;
	width: 166px;
	padding-top: 19px;
	background-repeat: no-repeat;
	height: 125px;
	margin: 0 auto;
	border: 1px solid #CEC8B0;
}

#photoStackImage
{
	text-align:center;
	margin: 0 auto;
	overflow: hidden;
	width: 166px;
	height: 116px;
	position:relative;
	vertical-align:middle;
	left: 0; /*!important;
	left: 0;*/
	top:0px; /*!important;
	top:0;*/
}
#photoStackImage img
{
	display:block;
	overflow: hidden;
	margin:  0 auto;
	width: 166px;
	height: 116px !important;
}

#galleryName
{
	text-transform:uppercase;
	font-weight:bold;
}

#categoryListFooter
{
	float:none;
	display:block;
	margin-bottom:20px;
}
/* End Category List */

/* Picture List */

#photoItem
{
padding:20px 0px 30px 0px;
text-align:center;
vertical-align:top;
}
#photoItem em
{
/*color: #777777;*/
font-style: normal;

line-height:normal;
}
#pictureStack
{
padding-right: 10px;
background-position: top center;
padding-left: 11px;
background-image: url(_gfx/album/single_photo.gif);
background-color: #ffffff;
padding-bottom: 20px;
overflow: hidden;
width: 219px;
padding-top: 11px;
background-repeat: no-repeat;
height: 219px;
margin: 0 auto;
border: 1px solid #CEC8B0;
}
#pictureStackImage
{
text-align:center;
margin: 0 auto;
overflow: hidden;
width: 219px;
height: 219px;
position:relative;
vertical-align:middle;
left: 0; /*!important;
left: 0;*/
top:0; /*!important;
top:0;*/
}

#pictureStackImage a
{
	line-height: 219px;
}

#pictureStackImage img
{
overflow: hidden;
margin: 0 auto;
}

#photoName
{
/*text-transform:uppercase;*/
font-weight:bold;
}
/* End Picture List */



/*Emergency Home Page*/
.emergency_home
{
	width: 100%;
	margin-top: 7px;
}


h1.emergency_title
{
	background: url(_gfx/emer/brightBG.gif) repeat-x 0 0;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 17px;
	text-align: center;
	color: #245C6D;
	margin: 0;
}

.emergency_title
{
	height: 26px;
	padding-top: 4px;
}

.e_header 
{
	position:absolute;
	top:30px;
	left: 130px;
	width:530px;
	text-align: center;
	/*
	position: relative;
	top:30px;
	left:260px;
	text-align:center;
	color: #ffde00;
	width: 275;
	*/
}

.e_header a 
{
	color: #ffde00;
	font-weight:bold;
	text-decoration:none;
}
.e_header a:hover 
{ 
	text-decoration:underline; 
}


#e_info 
{
	padding-top: 5px;
	/*color: #eeead3;*/
	color: #30636A;
	height:161px;
	overflow:hidden;
}
	
#e_info h1 
{
	font-size:17px;
	padding:0;
	margin:0 0 8px 0;
	font-family:Tahoma, Helvetica, sans-serif;
}

#e_info a 
{
	/*color: #eeead3;*/
	color: #30636A;
	margin-left:4px;
}
#e_info a:hover 
{ 
	text-decoration: none; 
}

#e_contact 
{
	width: 213px;
	float:right;
}

.e_content
{
	padding:5px;
	color: #565246;
	background-color:#eeead3;
	border-bottom: 2px solid #cec8b0;
	border-right: 1px solid #cec8b0;
	border-left: 1px solid #cec8b0;
	overflow:hidden;
}

#e_contact .e_content 
{ 
	max-height: 100px;
	height:105px; 
}

#e_news .e_content    
{ 
	height:100px;
	margin-bottom:5px;
}

.e_content a
{
	text-decoration: underline;	
}
	
#e_info h2, #e_bottom h2 
{
	margin:0;
	padding:7px 0 0 0;
	display:block;
	text-align:center;
	background-image: url(_gfx/emer/brightBG.gif);
	background-repeat: repeat-x;
	color:#245c6d;
	background-color: #dec93c;
}
	
#e_contact h2, #e_news h2    
{ 
	height:30px;
	margin:0;
	padding:7px 0 0 0;
} 

#e_links h2   
{ 
	height:23px; 
	margin: 0 0 3px;
	padding:7px 0 0 0 ;
}	

#e_news 
{
	height:154px;
	width:386px;
	float:left;
	margin-right: 8px;
	
}

#e_news a 
{ 
	color:#565246; 
	display:block; 
	margin-bottom: 8px; 
}

#e_news a:hover 
{ 
	text-decoration: none; 
}

#e_news a.showall 
{
	font-weight:bold;
	
	padding-top:8px;
}

#e_links 
{
	width: 366px;
	height:225px;
	overflow:hidden;
	float:left;
}

#e_links a 
{
	background-image:url(_gfx/emer/buttonBG.gif);
	background-repeat: repeat-x;
	width: 178px;
	display:block;
	float:left;
	text-align:center;
	text-decoration:none;
	color:#565246;
	font-weight:bold;
	height:31px;
	margin: 0 2px 4px;
	padding-top:4px;
}

#e_links a:hover 
{
	background: #968f69;
	color: #eeead3;
}

#e_links .facebook_btn, #e_links .facebook_btn:hover
{
	background-image:url(_gfx/emer/facebook.gif);
	background-repeat: no-repeat;
	height:31px;
	width:89px;
}

#e_links .facebook_btn:hover
{
	background-image:url(_gfx/emer/facebook_over.gif) !important;
}

#e_links .twitter_btn, #e_links .twitter_btn:hover
{
	background-image:url(_gfx/emer/twitter.gif);
	background-repeat: no-repeat;
	height:31px;
	width:86px;
	margin-right:0px !important;
}

#e_links .twitter_btn:hover
{
	background-image:url(_gfx/emer/twitter_over.gif) !important;
}

#signup 
{
	background-color: #245c6d;
	width:268px;
	padding-top:10px;
	text-align:center;
	margin-right:5px;
	float:left;
	border:1px solid #154857;
	height:60px;
	
}
	
#signup .title 
{
	display:block;
	margin-left:5px;
	margin-bottom:5px;
}

#signup .signup_email 
{
	font-size:1em;
	background-color:#f1eddb;
	background-image:url(_gfx/cmn/searchBG.gif);
	background-repeat:repeat-x;
	color: #565246;
	width:150px;
	border:1px solid #1e4b59;
	padding:2px;
	height: 13px;
	float:left;
	margin-left:14px;

}

#signup .signup_button 
{
	display:block;
	float:left;
	margin-left:8px;
	
}

img.colliertv 
{
	float:left;
	display:block;
	width:111px;
	height:74px;
}

.emergency_home_content
{
	/*border:solid 1px #FFFFFF;*/
	width:518px;
	height:84;	
	margin-bottom: 3px;
	overflow:hidden;
	color: #F1EEDC;
}

.emergency_home_content p
{
	/*color:#F1EEDC;*/
	color: #30636A;
	margin: 4px 0px 0px 4px;
}


/********************/
.home_sp_content
{
	height: 200px;
}

.econtact_row
{
	margin-bottom: 3px;
	border: solid 1px #EEEAD3;
}

.econtact_name
{
	width: 110px;
	float:left;
}

.econtact_phone
{
	float:left;
}

.clear
{
	clear: both;
}

/**Collier TV Style Sheet**/
#tv_main
{
	width: 100%;
	margin: auto;
	text-align: center;
}	

.tv_container
{
	border: solid 1px #000000;
	width:320;
	margin: auto;
	text-align: center;
}
	
.tv_background
{
	background-image: url(http://collier.granicus.com/images/docview_background.png);
	background-repeat: repeat-x;
	background-color: #DEDEDE;
	height: 26;
	width: 320;
	text-align: center;
}

.tv_background img
{
	cursor: pointer;
	border: 0;
}

#tv_document_viewer
{
	display: none;
}

#tv_player_area
{
	width: 320;
	background-color: #DEDEDE;		
}

#tv_jump_point
{
	background-image: url(http://collier.granicus.com/images/docview_background.png);
	height: 26;
	width: 320;
	text-align: center;
	padding-top: 2;
}


#tv_jump_point form
{
	display: inline;
}


#tv_link
{
	position: relative;
	left: -128px;
}

.sheriff
{
	display: none;
}

.sherifflink_header a
{
	display: none;
}

.bannerholder img
{
	display: block;
	width: 760px;
}

/************************************************
Poll component
************************************************/

.poll
{
	margin: 20px 0px 0px 0px;
	width: 98%;
}

.poll_q
{
	font-weight: bold;
}

.poll_choices
{
	padding-bottom: 10px;
}

.poll_choices INPUT
{
	float: left;
	clear: left;
	margin: 3px 10px 0px 0px;
	height: 13px;
	width: 13px;
	padding: 0;
}

.poll_choices label
{
	float: left;
}

.poll_result_answer table tr
{
	height: 12px !important;
}

.poll_result_answer table
{
	border:1px solid #001c3e !important;
}

/*** mobile view ***/
#SwitchToMobile
{
	background: #fff9a5 url(_gfx/cmn/mobile/mob_visionlink_strip.gif) bottom left repeat-x;
}

#SwitchToMobile a
{
	display: block;
	background: url(_gfx/cmn/mobile/mob_visionlink_bg.jpg) center bottom no-repeat;
	text-align: center;
	font-size: small;
	color: #000000;
	padding: 5px 0 4px 0;
	border: 1px solid #bdbdbd;
	text-decoration: none;
}
