body
{
	font-size: 10px;
	font-family: Verdana;
}

a
{
	font-family: Verdana;
	color: #0F5F89;
	text-decoration: none;
}

a:hover
{
	color: #722a06;
	text-decoration: underline;
}
a[disabled]
{
    color:gray !important;
    text-decoration:none !important;
}

h1
{
	font-weight: bold;
	font-size: 1.8em;
	letter-spacing: 0.03em;
	margin: 0;
	z-index: 10;
	color: #000;
}

/******************************************************************
*                      DEFAULT FONTS
*******************************************************************/

#accordionStyleSideMenu
{
   /* font-family: "Futura W01 Book", Tahoma, Geneva, sans-serif; */
   font-family: Lato, Tahoma, Geneva, sans-serif;
}

#page-title
{
   /* font-family: "Futura W01 Book", Tahoma, Geneva, sans-serif; */
   font-family: "Lato Book", Tahoma, Geneva, sans-serif;
}

#side
{
/*    font-family: "Futura W01 Book", Tahoma, Geneva, sans-serif; */
   font-family: Lato, Tahoma, Geneva, sans-serif;
}

#side-nav-menu .title
{
/*    font-family: "Futura W01 Book", Tahoma, Geneva, sans-serif; */
   font-family: "Lato Book", Tahoma, Geneva, sans-serif;
}

#side-nav-menu .title h2
{
    font-size:1.0em;
    font-weight:normal;
    margin:0;
}

#side-nav-menu .title a
{
/*    font-family: "Futura W01 Book", Tahoma, Geneva, sans-serif; */
   font-family: "Lato Book", Tahoma, Geneva, sans-serif;
}

.sidenav-spacer
{
    height:30px;
}

#top-menu a
{
/*    font-family: "Futura W01 Book", Tahoma, Geneva, sans-serif; */
   font-family: Lato, Tahoma, Geneva, sans-serif;
}

#tree-menu .title a
{
/*    font-family: "Futura W01 Book", Tahoma, Geneva, sans-serif; */
   font-family: Lato, Tahoma, Geneva, sans-serif;
}

.category-list .vertical-shadow3 .title a
{
/*    font-family: "Futura W01 Book", Tahoma, Geneva, sans-serif; */
   font-family: Lato, Tahoma, Geneva, sans-serif;
}

.collection-item .detail .title
{
/*    font-family: "Futura W01 Book", Tahoma, Geneva, sans-serif; */
   font-family: Lato, Tahoma, Geneva, sans-serif;
}

.collection-item .detail .title .text
{
/*    font-family: "Futura W01 Book", Tahoma, Geneva, sans-serif; */
   font-family: Lato, Tahoma, Geneva, sans-serif;
}

.faq .header
{
/*    font-family: "Futura W01 Book", Tahoma, Geneva, sans-serif; */
   font-family: Lato, Tahoma, Geneva, sans-serif;
}

.newsroom-news-section .item .title
{
/*    font-family: "Futura W01 Medium", Tahoma, Geneva, sans-serif; */
   font-family: Lato, Tahoma, Geneva, sans-serif;
}

/*.service-category .title a
{
   font-family: "Futura W01 Book", Tahoma, Geneva, sans-serif;
} */

.tabs .ajax__tab_header
{
/*    font-family: "Futura W01 Book", Tahoma, Geneva, sans-serif; */
   font-family: Lato, Tahoma, Geneva, sans-serif;
}

.title
{
/*    font-family: "Futura W01 Book", Tahoma, Geneva, sans-serif; */
   font-family: "Lato Book", Tahoma, Geneva, sans-serif;
}

h1
{
/*    font-family: "Futura W01 Book", Tahoma, Geneva, sans-serif; */
   font-family: "Lato Book", Tahoma, Geneva, sans-serif;
}

h3.table-style-header, h4.table-style-header
{
background-color:#EEEEEE;
text-align:center;
padding:2px 0;
margin:5px 0 10px;
}

/******************************************************************
*							MAIN PAGE AREAS
*******************************************************************/


#container /* holds header and content-footer, centers both on the page*/
{
	width:955px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}


#header
{
	position: relative;
	/*height:164px;ORIGINAL, modified 09/22/2011*/
	height:180px;
	width:955px;
	margin-bottom:3px;
	z-index:5;
	margin-left:0px;
}

#content
{
	position: relative;
	margin: 0 0 0 0;
	padding-bottom:20px;
	min-height:200px;
	height: auto;
	width: 954px;
	text-align: left;
	/*background: url(../images/content-bkg.png) repeat-y;*/
	background:white;
	z-index:2;
	/*overflow:hidden;*/
}

#content-rounded-top {
	position: relative;
	margin: 0 0 0 -1px;
	padding:0;
	width: 961px;
	height: 0px;
	/*background: url(../images/top-rounded.png) no-repeat; ORIGINAL, modified 09/22/2011*/
	/*background: url(../images/top-rounded2.png) no-repeat;*/
	z-index:1;
}

#footer
{
	position: relative;
	margin: 0;
	width: 954px;
	height: auto;
	text-align: left;
	/*background: url(../images/content-bkg.png) repeat-y;*/
	background:white;

}
#footer-rounded-bottom {
	position: relative;
	padding: 0;
	margin: 0 0 0 0;
	width: 954px;
	height: 25px;
	background: url(../images/bottom-rounded4.png) no-repeat;
}
/*------------------------------------------------
				BREADCRUMBS
--------------------------------------------------*/
.breadcrumbs
{
	font-family:Verdana;
	font-size:1.1em; /*11px;*/
	font-weight:bold;
	text-decoration:none;
	margin-left:29px;
	margin-right: 29px;
	padding-top:25px;
	line-height: 1.65;
	z-index:49;
}
 .breadcrumbs span
 {
     color: #b15300;
 }
 
.breadcrumbs a
{
	text-decoration:none;
	z-index:50;
}

.breadcrumbs a:hover
{
   /* CTW: underline on hover */
   text-decoration: underline;
}

/******************************************************************
*							LOGO
*******************************************************************/
#logo
{
	position:absolute;
	left:30px;
	top:4px;
	width:351px;
}
#logo a
{
    border:none;
}
#logo a img
{
    border:none;
}


/******************************************************************
*							SEARCH
*******************************************************************/
#search-form
{
	position:absolute;
	right:0px;
	top:140px;
	padding:0;
	width:355px;/*235px;*/
	/*height:30px;*/
	z-index:5;
}

#search-form .defaultText 
{
    float:left;
    color:#000;
    height:28px;
    left: 76px;
    letter-spacing: 0.05em;
    margin: 0;
    vertical-align:middle; 
    width: 295px; /*width:172px;*/
    text-indent:10px;
    font-style:normal;
    border: none;
    line-height: 2.8em;
}
#search-form .defaultTextActive 
{
    float:left;
    color: #585858;
    height: 28px;
    left: 76px;
    letter-spacing: 0.05em;
    margin: 0;
    vertical-align:middle;
    width: 295px; /*width:172px;*/
    text-indent:10px;
    font-style:italic;
    border:none;
    line-height: 2.8em;
}
#search-form .search-box-active
{
    float:left;
    color:#000;
    height:28px;
    left: 76px;
    letter-spacing: 0.05em;
    margin: 0;
    vertical-align:middle; 
     width: 295px; /*width:172px;*/
    text-indent:10px;
    font-style:normal;
    border: none;
    /*line-height:28px;*/
    line-height: 2.8em;
    font-size: 1.2em;
}

#search-form .search-button {
    background: url(../images/topmenu1/go_button_v3_final.png) no-repeat scroll 0 0 transparent;
    border:none;
    cursor: pointer;
    height: 33px;
    margin: 0 10px 0 0;
    width: 40px;
}
/*
#search-form .services-search-completion-list
{
    border:solid 1px #585858;
    margin:0;
    padding-left:0;
    text-indent:6px;
    z-index:50;
    display:block;
    position:absolute;
    float:left;
    background-color:white;
    list-style-type:none; 
}

#search-form .services-search-completion-list .completion-list-item
{
    padding:0 0.5em 0.8em 2em;
    text-indent: -1em;
}

#search-form .services-search-completion-list .completion-list-item-current
{
    padding:0 0.5em 0.8em 2em;
    background-color:#eeeeee;  
    text-indent: -1em;
}*/

.completion-list-item
{
    padding:0 0.5em 0.8em 2em;
    text-indent: -1em;
}

.completion-list-item-current
{
    padding:0 0.5em 0.8em 2em;
    background-color:#eeeeee;  
    text-indent: -1em;
}
.buttons
{
    text-align: right;
    margin-top: 15px;
    margin-bottom: 5px;
}

/******************************************************************
*							TOOLS NAV
*******************************************************************/
#tools-nav
{
	font-family: Verdana;
	float: right;
	width: 500px;
	margin: 62px 30px 0 0;
	letter-spacing: 0.05px;
	text-align: right;
	overflow: auto;
	/* This rule is used by testCSS() to determine if CSS is on or off; if you change this, the JavaScript
   /*    function must be modified as well! */
	text-transform: capitalize;

}

.tools-nav-row
{
    margin:3px 0 4px 0;
}

.tools-nav-item
{
    padding: 0 0 0 16px;
    float:right;
}

#tools-nav a
{	
	position:relative;
	color:black;
	text-decoration:none;
	bottom:5px;
}

#tools-nav a img
{
	margin: 1px 5px 0 0;
   border: none;
	vertical-align: middle;
	
}

#tools-nav .tools-nav-item a:hover
{
   color:#722A06;
   text-decoration: underline;
}

/* --------------- UPDATE Sept 22, 2011 ------------*/
.nav
{
	position: absolute;
	top: 127px;
	left: 0px;
	height: 59px;
	width:961px;
	background:url(../images/topmenu1/New-Nav-Bar-Background-v3.png) no-repeat;
	/*z-index: 100;*/
}
#top-menu 
{
	/*position: absolute;
	top: 0px;
	left: 0px;*/
	width: 961px;
	height: 59px;
	padding: 0;
	margin: 0;
	list-style: none;
	/*z-index: 101;*/
	font-size: 1.4em;

}

#top-menu ul 
{
	padding: 0;
	margin: 0;
	/*z-index:200;*/

}

#top-menu li 
{
	height:59px; /*added 09/22/2011*/
	padding: 0;
	margin: 0;
	float: left;
	list-style: none;
	/*z-index:201;*/
	font-size:1.125em; 
}

#top-menu a 
{		
	padding-top:20px;
	color:black;
	text-transform:uppercase;
	text-decoration:none;
	display: block;
	height: 41px;
	/*z-index:202;*/
    font-size:0.875em;
	font-weight:bold;

}
/*#home a {background:url(../images/topmenu1/home_off.png) no-repeat 18px 20px; width: 51px;} modified 11/26/2011*/
#home a {background:url(../images/topmenu1/home_off_v2.png) no-repeat; width: 51px;}
#services a {  width: 118px; text-align:center; /* text-indent: 26px; */}
#residents a { width: 128px; text-align:center; /* text-indent: 29px; */}
#recreation a {  width: 136px; text-align:center; /* text-indent: 25px; */}
#business a {width: 117px; text-align:center; /* text-indent: 26px; */}
#government a { width: 152px; text-align:center; /* text-indent: 23px; */}

#home a:hover{background:url(../images/topmenu1/home_on.png) no-repeat;width:51px;}
#services a:hover { background:  url(../images/topmenu1/services_on.png) no-repeat 0 0; width: 118px}
#residents a:hover { background:  url(../images/topmenu1/residents_on.png) no-repeat 0px 0;width: 128px;}
#recreation a:hover { background:  url(../images/topmenu1/recreation_on.png) no-repeat 0px 0;width: 136px;}
#business a:hover { background:  url(../images/topmenu1/business_on.png) no-repeat 0px 0;width: 117px;}
#government a:hover { background:  url(../images/topmenu1/government_on.png) no-repeat 0px 0;width: 152px;}

#homecurrent a {background: url(../images/topmenu1/home_on.png) no-repeat; width:51px;}
#servicescurrent a { background:  url(../images/topmenu1/services_on.png) no-repeat 0px 0; width: 118px; text-align:center; /*text-indent: 26px;*/}
#residentscurrent a { background:  url(../images/topmenu1/residents_on.png) no-repeat 0px 0; width: 128px; text-align:center; /*text-indent: 29px;*/}
#recreationcurrent a { background:  url(../images/topmenu1/recreation_on.png) no-repeat 0px 0; width: 136px; text-align:center; /*text-indent: 25px;*/ }
#businesscurrent a { background:  url(../images/topmenu1/business_on.png) no-repeat 0px 0; width: 117px; text-align:center; /*text-indent: 26px;*/}
#governmentcurrent a { background:  url(../images/topmenu1/government_on.png) no-repeat 0px 0; width: 152px;text-align:center; /*text-indent: 28px;*/}

/* ---------------- end UPDATE --------------------*/


/******************************************************************
*							SIDEBAR
*******************************************************************/
#sidebar
{
	float:left;
	height:auto;
	margin:0;
	width:213px;
	padding: 16px 29px 0 29px;
	z-index:9;
}
/* -----------------------------------------------
                  I WANT TO SECTION
--------------------------------------------------*/
#home-page #sidebar .i-want-to-section
{
	width: 207px;
	position: relative;
	min-height: 221px;
	padding-top: 0px;
}

.i-want-to-section
{
	width: 207px;
	padding-top: 20px;
	position: relative;
	min-height: 221px;
}

.i-want-to-section .title
{
	font-size: 2.0em; /* 20px; */
	padding-bottom: 8px;
	line-height: 1.222em;
	vertical-align: bottom;
	font-weight:normal;
}

.i-want-to-section .detail
{
    border: dotted 1px black;
    padding: 10px 0 2px 0;
    overflow: auto;
}

.i-want-to-section .detail select
{
   margin: 0 0 10px 10px;
	width: 185px;
	border: solid 1px black;
	height: 1.8em;
	color: black;
	font-family: Verdana;
	font-size: 1.1em;
	vertical-align: middle;
}

.i-want-to-section .detail .btn
{
   float: right;
}

.i-want-to-section .detail .btn .go-button
{
    width: 50px;
    padding: 0 10px 0 10px;
    margin: -5px 10px 8px 0;
    font-size: 1.2em;
}

.lblIWantToLocation
{
    width:130px;
    display:inline-block;
    margin:-5px 0 0 10px;
    color: #B15300;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 1.2em;
}

/* -----------------------------------------------
                  POPULAR LINKS SECTION
--------------------------------------------------*/
.popular-links-section
{
	position: relative;
	margin: 0;
   padding: 28px 0 0 0;
}

#home-page .popular-links-section
{
   padding: 34px 0 0 0;
}

.popular-links-section h2
{
/*   font-family: "Futura W01 Book",Tahoma,Geneva,sans-serif; */
   font-family: "Lato Book", Tahoma, Geneva, sans-serif;
   border-bottom: solid 2px #585858;
   padding: 0 0 3px 0;
   width: 100%;
   font-weight: normal;
   font-size: 2.0em;
   margin: 0px;
   z-index: 10;
}
.popular-links-section .arrow-link-list
{
	width: 100%;
}

.popular-links-section-dept
{
   position: relative;
	margin: 25px 0 0 0;
	padding: 9px 0 0 0;
} 

/* -----------------------------------------------
                  RELATED LINKS SECTION
--------------------------------------------------*/
.related-links-section
{
	position:relative;
	margin:0;
	padding: 0 0 0 5px;
}
.related-links-section .title
{
	border-bottom:solid 2px #585858;
	padding: 0 0 3px 8px;
	width:185px;
	font-size:1.25em; /*20px;*/
}
.related-links-section .arrow-link-list
{
	width:185px;
}
/* -----------------------------------------------
                  WHAT WE DO SECTION
--------------------------------------------------*/
.what-we-do-section
{
	margin:38px 0 10px 0;
	width:200px;
	vertical-align:bottom;
}
.what-we-do-section .title
{
	font-size:1.8em; /*20px;*/
	margin:0;
	text-transform:capitalize;
	font-weight:bold;
	border-bottom:solid 2px #585858;
	padding: 0 0 8px 8px;
	width:212px;
	line-height:18px;
}
.what-we-do-section .text
{
	width:220px;
}
.what-we-do-section .text a
{
	text-decoration:none;
	font-size:1em; /*11px;*/
	
}
.what-we-do-section .text p
{
	font-family:Verdana, sans-serif;
    font-size:1em; /*10px;*/
	padding-bottom: 5px;
	width:220px;
	margin-top:10px;
}
.what-we-do-section .text p a
{
font-weight:bold;
}
.what-we-do-section .text img
{
	float:left;
	margin: 0 15px 0 10px;
	border:none;
}
.what-we-do-section .arrow-link-list
{
	width:220px;
}


/******************************************************************
*							MAIN CONTENT
*******************************************************************/
#main-content
{
	float:right;
	/*height:auto;*/
	height:95%;
	width:653px;
	margin:0;
	padding:0 29px 0 0;
}

/* -----------------------------------------------
                 FEATURED SECTION
--------------------------------------------------*/
#featured-section
{
	background-color:#e2e2e2;
	width:662px;
	height:241px;
	/*margin:-21px 0 0 0;*/
}

.featured-right
{
	width:302px;
	float:right;
	height:241px;
}

.featured-left
{  
	height:240px;
	background-color:#ffffff;
	width:356px;
	float:left;
}

.featured-left .image-preview img
{
    border:none;
}


.featured-content
{
	width:262px;
	height:165px;
	padding:0 10px 0 10px;
	text-align:left;
	overflow: hidden;
}

.featured-text
{
	padding: 10px 0 15px 0;
	font-size:0.65em; /*10px;*/
	font-family:Verdana;
	line-height:18px;
}

.featured-title
{
	margin:10px 0 10px 0;
	height:20px;
	width:240px;
	color:#006fa4;
	font-size:1em;/*16px;*/
}

.featured-title img
{
	border:none;
	padding: 0 10px 0 0;
	vertical-align:middle;
}

.featured-title a
{
	/* color:#006fa4; */
    color: #0F5F89;
	font-size:0.75em;/*medium;*/
}

.featured-nav
{
	height:20px;
	width:220px;
}

.featured-image-nav
{
	height:60px;
	width:240px;
	padding-bottom:10px;
}

.featured-image-nav input
{
	padding:5px;
}

.featured-image-nav input:hover
{
	background-color:#585858;
}

.featured-prev
{
	background:url(../images/feature-left-arrow.png) no-repeat;
	border:none;
	cursor:pointer;
	margin:0;
	padding:0;
	height:22px;
	width:13px;
}

.featured-next
{
	background:url(../images/feature-right-arrow.png) no-repeat;
	border:none;
	cursor:pointer;
	margin:0;
	padding:0;
	height:22px;
	width:13px;
}

/* -----------------------------------------------
                Featured Section - NEW DESIGN 
--------------------------------------------------*/
.featured-text1
{
	padding: 0px 0 30px 0;
	font-size:1.4em; /* 10px; */
	font-family:Verdana;
	/*line-height:18px;*/
	line-height: 1.286em;
}

.featured-title1
{
	min-height:25px;
	width:262px;
	/*color:#006fa4;*/
	 font-size:1.8em;/* 16px; */
	padding-bottom:5px;
	padding-top:35px;
}

.featured-title1 img
{
	vertical-align:middle;
	margin-right:9px;
	border:none;
}

.featured-title1 a
{
    text-decoration:none;
	/*color:#006fa4;
	font-size:0.75em;  medium; */
}

.featured-nav1
{
	height:18px;
	width:220px;
}

.featured-nav1 input
{	
	display:inline;
	width:20px;
	list-style-type:none;
	background: url(../images/carousel/button-carousel.gif) no-repeat;
	cursor:pointer;
	border:none;
	padding: 0 10px 0 0;
}

.featured-nav1 input:hover
{
	background: url(../images/carousel/button-carousel-rollover.gif) no-repeat;
}

.featured-nav1 .selected
{
	background: url(../images/carousel/button-carousel-active.gif) no-repeat;
}
.featured-nav1 .selected:hover
{
	background: url(../images/carousel/button-carousel-active.gif) no-repeat;
}
	
.featured-date1
{
	font-size:1.4em;/* 14px; */
	color:#585858;
	font-weight:bold;
}

/* ----------------------------------------------------------------------------
                Tab Panels for Featured Section - needs some more work 
-------------------------------------------------------------------------------*/
.tabs .ajax__tab_header
{
	width:303px;
	font-weight:bolder;
	font-size: 0.875em; /* 14px; */
	background-color:#e2e2e2;
	height:30px;
	margin:0 0 0 -1px;
}

.tabs .ajax__tab_outer
{
	width:150px;
	height: 25px;
	padding:0;
	background-color:#e2e2e2;
}

.tabs .ajax__tab_inner
{
	width:150px;
	height: 25px;
	padding:5px 0 0 0;
	background-color:#e2e2e2;		
}

.tabs .ajax__tab_tab
{
	color:#006fa4;
	font-size:1.6em; /* 14px; */
	height: 25px;
	width:146px;
	margin: 0;
	padding:0;
	background-color:#e2e2e2;
}

.tabs .ajax__tab_hover .ajax__tab_outer
{
	width:150px;
	height: 25px;
	padding:0;
	background-color:white;
}

.tabs .ajax__tab_hover .ajax__tab_inner
{
	
	width:150px;
	height: 25px;
	padding:5px 0 0 0;
	background-color:#b0c4de;
}

.tabs .ajax__tab_hover .ajax__tab_tab
{
	height: 25px;
	background-color:#b0c4de;
	text-decoration:none;
}

.tabs .ajax__tab_active .ajax__tab_outer
{
	color:black;
	background-color:white;
}

.tabs .ajax__tab_active .ajax__tab_inner
{
	background-color:white;
}

.tabs .ajax__tab_active .ajax__tab_tab
{
	background-color:white;
	color:black;
	cursor:default;
}

.tabs .ajax__tab_body
{
	/*font-size: 0.875em;/* 10pt; */
	border-right: 2px solid #e2e2e2;
	border-bottom: 2px solid #e2e2e2;
	padding: 8px;
	background-color: #ffffff;
	margin:0 0 0 -1px;
	height:192px;
	width:284px;
}

/******************************************************************
*                        SIMPLE QUICK FIND
******************************************************************
.quick-find-simple
{
	width:180px;
	margin-bottom:16px;
}
.quick-find-simple .title
{
	font-size:1.25em;
}

.quick-find-simple select
{
	margin:5px 0 0 0;
	width:170px;
	border:solid 1px black;
}*/

/*****************************************************************
*                        WELCOME MESSAGE
******************************************************************/

#welcome-message
{
    display:inline-block;
    width:340px;
    padding-right:40px;
    font-size:1.2em;
    margin:19px 0 0 0;
}
#welcome-message p
{
    margin-bottom: 26px;
}

.columns-links-list
{
    display:inline-block;
    width:340px;
    padding-left:20px;
    font-size:1.2em;
    margin: 0 0 5px 0;
}
.columns-links-list .link-list
{
    padding-right:40px;
	list-style-type: none;
	font-size:1em;
	float:left;
}
/******************************************************************
*              TABBED QUICK FIND - WILL BE RENAMED TO "I WANT TO"
*******************************************************************/
/* -----------------------------------------------
                Tab Panels - needs some more work 
--------------------------------------------------*/
.quick-find-tabs-container
{
	width: 207px;
	/* padding-top: 16px; */
}
/*
.quick-find-tabs-container .title
{
	font-size:1.8em;
	padding-bottom:11px;
	line-height:22px;
	vertical-align:bottom;
	font-weight:bold;
}

.quick-find-tabs
{
	margin-bottom:16px;
}

.quick-find-tabs .ajax__tab_header
{
	white-space:normal !important;
	height:20px;
	width:207px;
	border-bottom: solid 6px #f7b66b;
	text-transform:uppercase;
}
* non active tab, general tab settings *
.quick-find-tabs .ajax__tab_outer 
{
	background: url(../images/tabs/tab_right.png) no-repeat scroll right center;
	height:20px;
}

.quick-find-tabs .ajax__tab_inner 
{
	background: url(../images/tabs/tab_left.png) no-repeat scroll 0 0 transparent;
	padding-left:6px;
	height:20px;
}

.quick-find-tabs .ajax__tab_default .ajax__tab_tab {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;

}
.quick-find-tabs .ajax__tab_tab 
{
	background: url(../images/tabs/tab_bg.png) repeat-x scroll 0 0 transparent;
	height:20px;
	margin: 0;
    text-align: center;
    font-family:Verdana;
    font-size:1.2em;
    padding:6px;
}

.quick-find-tabs .ajax__tab_hover .ajax__tab_outer
{
	background: url(../images/tabs/tab_right_on.png) no-repeat scroll right center;
	
}

.quick-find-tabs .ajax__tab_hover .ajax__tab_inner
{
	background: url(../images/tabs/tab_left_on.png) no-repeat scroll 0 0 transparent;
	height:20px;
}	

.quick-find-tabs .ajax__tab_hover .ajax__tab_tab
{
	background: url(../images/tabs/tab_on_bg.png) repeat-x scroll 0 0 transparent;
}

.quick-find-tabs .ajax__tab_active .ajax__tab_outer
{
	background: url(../images/tabs/tab_right_on.png) no-repeat scroll right center;
}

.quick-find-tabs .ajax__tab_active .ajax__tab_inner
{
	background: url(../images/tabs/tab_left_on.png) no-repeat scroll 0 0 transparent;
}

.quick-find-tabs .ajax__tab_active .ajax__tab_tab
{
	background: url(../images/tabs/tab_on_bg.png) repeat-x scroll 0 0 transparent;
	font-weight:bold;
	cursor:default;
}

.quick-find-tabs .ajax__tab_body
{
	border:dotted 1px black;
	border-top:none;
	width:175px;
	height:140px;
	padding:15px 15px 7px 15px;
}

.quick-find-tabs .ajax__tab_panel
{
	width:177px;
}

.quick-find-tabs select
{
	width:177px;
	border:solid 1px black;
	height:20px;
	color:black;
	font-family:Verdana;
	font-size:1.1em;
	margin-bottom:8px;
	vertical-align:middle;
}
.quick-find-tabs .ajax__tab_body option
{
	width:177px;
} */

/******************************************************************
*				   DETAIL CONTENT SIDEBAR RIGHT
*******************************************************************/
#detail-content
{
	/*width:426px;*/
	width:397px;
	padding-right:29px;
	float:left;
}

#detail-sidebar
{
	width:226px;
	float:right;
}

/******************************************************************
*	              Right Sidebar For Pages
*******************************************************************/
.main-column
{
	padding-right: 25px;
	float: left;
}

.right-sidebar
{
	float: right;
}

/* -----------------------------------------------
                  NEWS ANNOUNCEMENTS SECTION
--------------------------------------------------*/
.news-announcements-section, .news-announcements-section2
{
	height:auto;
	padding: 10px 0 30px 0px;
	margin: 0;
	display: block;
	font-size: 1.2em;
}

.news-announcements-section
{
   width: 430px;
}

.news-announcements-sections2
{
   width: 600px;
}

.news-announcements-section h1
{
	border-bottom:solid 2px #585858;
	width:396px;
	padding: 0 0 3px 8px;
	margin:0;
	font-size: 1.4em;
}

.announcements-container, .announcements-container2
{
	margin: 0 22px 0 20px;
	/* width:354px; */
}

.news-announcements-section ul, .news-announcements-section2 ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
}

.news-announcements-section ul
{
   width: 396px;
}

.news-announcements-section2 ul
{
   width: 600px;
}

.news-announcements-section ul li .date, .news-announcements-section2 ul li .date
{
	font-family: Arial;
	font-size:1.2em;/* 12px; */
	font-weight:bold;
	text-transform:uppercase;
	color:#585858;
	float:left;
	width:3em;
	margin-right:20px;
}

.news-announcements-section ul li .date .num, .news-announcements-section2 ul li .date .num
{
	font-size:1.8em; /* 18px; */
	margin:0;
	padding:0;
	color:black;
}
.news-announcements-section ul li .date .num1, .news-announcements-section2 ul li .date .num1
{
	font-size:1.5em; /* 18px; */
	margin:0;
	padding:0;
	color:black;
}

.news-announcements-section ul li .detail, .news-announcements-section2 ul li .detail
{
	float: left;
	/*padding-bottom: 30px; */

}

.news-announcements-section ul li .detail
{
	width: 320px;
}

.news-announcements-section2 ul li .detail
{
	width: 500px;
}

.news-announcements-section ul li .detail1
{
	float: left;
	padding-bottom: 30px;
	width: 271px;
}

.news-announcements-section ul li .detail p, .news-announcements-section ul li .detail1 p,
.news-announcements-section2 ul li .detail p
{
	/*line-height:18px;*/
	line-height: 1.5em;
	margin:0;
	padding:0;
}

.news-announcements-section ul li .detail a, .news-announcements-section ul li .detail1 a,
.news-announcements-section2 ul li .detail a
{
	font-size:1.1em;
	text-decoration:none;
	font-weight:bold;
	vertical-align:top;
}

.news-announcements-section ul li .detail a:hover, .news-announcements-section ul li .detail1 a:hover,
.news-announcements-section2 ul li .detail a:hover
{
    text-decoration: underline;
}

.announcements-container ul li
{
   min-height: 6.5em;
}

.announcements-container2 ul li
{
   min-height: 7em;
   margin-bottom: .7em;
}

.nal-container-wide .dotted-top
{
    border-top:dotted 1px black;
    padding-top:9px;
    /**/
}

.nal-container-mini .dotted-top
{
    border-top:dotted 1px black;
    padding-top:9px;
}

.nal-container-mini .news-item-date
{
    padding-bottom:9px;
}

.news-list-title
{
    /*border-bottom:solid 1px black;*/
    margin-bottom:10px;
}

.news-list-title h2
{
    margin:0;
}

.news-item-title
{
    font-weight:bold;
}

.news-item-summary
{
    padding-top:10px;
}

.news-item-date, .news-item-source
{
    font-size:0.8em;
}

.news-label
{
    font-weight:bold;
}

/* -----------------------------------------------
        CURRENTLY IN MARIN SECTION
--------------------------------------------------*/
.currently-in-marin-section
{
	width:430px;	
	height:auto;
	padding:30px 0 30px 0px;
	margin:0;
	display:block;
}

.currently-in-marin-section h1
{
	border-bottom: solid 2px #585858;
	width: 396px;
	padding: 0 0 3px 8px;
	margin: 0;
	font-size: 2.0em;
	font-weight: normal;
}

.currently-in-marin-container
{
	margin:10px 22px 0 20px;
	width:354px;
}

.currently-in-marin-section ul
{
	width:375px;
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
}

.currently-in-marin-section li
{
	height: 9em;
	margin-left:-8px;
	margin-bottom: 1em;
}

.currently-in-marin-section ul li .image
{
    width:60px;
    height:60px;
	float:left;
	padding:7px 6px 6px 6px;
	background:url(../images/currently-in-marin-background.png) no-repeat;
}
.currently-in-marin-section ul li .image a img
{
    border:none;
}
.currently-in-marin-section ul li .detail
{
    vertical-align:middle;
	float:right;
	width:308px;
}
.currently-in-marin-section ul li .detail a
{
	font-size:1.2em;
	text-decoration:none;
	font-weight:bold;
	margin-bottom:10px;
}
.currently-in-marin-section ul li .detail a:hover
{
    text-decoration: underline;
}
.currently-in-marin-section ul li .detail p
{
    font-size:1.1em;
    line-height: 1.455em;
	 margin:0;
	 padding:0;
}
/* -----------------------------------------------
                 EMERGENCY SECTION
--------------------------------------------------*/
.emergency-section
{
	height:auto;
	width:230px;
	margin: 20px 0 0 0;

}
.emergency-section h2
{
   padding: 0 0 3px 8px;
   border-bottom:solid 2px #585858;
/* 	font-family: "Futura W01 Book", Tahoma, Geneva, sans-serif; */
   font-family: "Lato Book", Tahoma, Geneva, sans-serif;
   font-size: 2.0em;
   font-weight: normal;
   margin: 0;
}
 
.emergency-section h2 img
{
	margin-bottom:-3px;
}
#emergency-links
{
	margin: 0 -10px 0 0;
}

/* -----------------------------------------------
                 BOARD SECTION
--------------------------------------------------*/
.board-section
{
	width:230px;
	height:auto;
	margin:30px 0 0 0;
}

.board-section h2
{
   padding: 0 0 3px 8px;
   border-bottom:solid 2px #585858;
/* 	font-family: "Futura W01 Book", Tahoma, Geneva, sans-serif; */
   font-family: "Lato Book", Tahoma, Geneva, sans-serif;
   font-size: 2.0em;
   font-weight: normal;
}

.board-section .title
{
    font-weight:bold;
	font-size:1.8em;
	letter-spacing:0.03em;
	margin:0;
	z-index:10;
	color:#000;
	padding: 0 0 3px 8px;
	border-bottom:solid 2px #585858;
}
#board-links
{
	margin: 0 -10px 20px 0;
}

/* ---Define Image and List Characteristics--- */

ul#district-map
{
	margin: 20px auto;	
	width: 204px;
	height: 182px;
	background: url(../images/board/bos-map-master-final-v4.png) no-repeat 0 0;
	padding: 0;
	position: relative;
	list-style: none;
}

ul#district-map li {
	position: absolute;
}

ul#district-map li a {
	display: block;
	height: 100%;
}

/* ---Define Map Areas--- */

#district1 { left:119px;top:91px; width:71px;height:40px;z-index:130;}
#district2 { left:116px;top:104px; width:35px;height:38px;z-index:130;}
#district3 { left:130px;top:138px; width:46px;height:43px;z-index:130;}
#district4 { left:8px;top:0px; width:165px;height:176px; z-index:100;}
#district5 { left:119px;top:48px; width:78px;height:55px;z-index:130;}

/* ---Define Map Characteristics on Hover--- */

ul#district-map li a:hover { 
	background: url(../images/board/bos-map-master-final-v4.png) no-repeat 0 0;
}

/* ---Define Background Shift on Hover--- */

ul#district-map li#district1 a:hover { background-position: -119px -277px;width:80px; height:46px;}
ul#district-map li#district2 a:hover { background-position: -116px -476px; width:42px; height:45px;}
ul#district-map li#district3 a:hover { background-position: -130px -696px; width:54px; height:47px;}
ul#district-map li#district4 a:hover { background-position: -8px -744px; width:171px;}
ul#district-map li#district5 a:hover { background-position: -119px -978px; width:83px; height:62px;}

/* ---Turn off Pop-ups in Normal State--- */

ul#district-map li a span {
display: none;
}

/* ---Turn On and Position Pop-ups in Hover State--- */
 
ul#district-map li#district1 a:hover span {
display:block;
position:absolute;
top: -93px; left: -346px;
}

ul#district-map li#district2 a:hover span {
display:block;
position:absolute;
top: -106px; left: -343px;
}

ul#district-map li#district3 a:hover span {
display:block;
position:absolute;
top: -140px; left: -357px;
}

ul#district-map li#district4 a:hover span {
display:block;
position:absolute;
top: -2px; left: -235px;
}

ul#district-map li#district5 a:hover span {
display:block;
position:absolute;
top: -50px; left: -346px;
}

/******************************************************************
*							FOOTER
*******************************************************************/
#footer .content
{
	margin-left:30px;
	/* width:910px; */
	width: 895px;
	border-top:double 5px #707070;
}
#footer .footer-left
{
	 width:230px;
	 /* width:250px; */
	 float:left;
	 margin-right: 25px;
}

.footer-left .big-arrow
{
    margin-left:195px;	 
}

#footer .footer-center
{
	float:left;
/*	width:400px; */
	margin:0 20px 0 0;
}

#footer .footer-508disclaimer
{
	color: #585858;
	width: 100%;
	margin: 7px auto;
}

#stay-connected
{
	min-height:52px;
	border-bottom:solid 1px #707070;
	padding:8px 0 8px 10px;
}
#stay-connected .title
{
    width:170px;
    overflow:hidden;
	margin-top:9px;
	text-transform:capitalize;
	font-size:2.1em;
	font-weight:normal;
	letter-spacing:0.03em;
}

#stay-connected a
{	
	text-decoration:none;
}
#stay-connected img
{
	position:absolute;
	top:20px;
	left:14px;
}

#footer-bottom
{
	padding:8px 0 8px 10px;
	color:#585858;
	font-size:0.9em; /* 10px;  */
}
#footer-bottom a
{
	color:#585858;
	text-decoration:none;
}
#footer-bottom a:hover
{
	color:#722a06;
	/* CTW: underline on hover */
	text-decoration: underline;
}

#follow-menu 
{
	width: 460px;
	padding: 0 0 0 0;
	margin:6px 0 0 270px;
	position:absolute;
	top:-5px;
	left:0;
}

#follow-menu a 
{
	height: 32px;
	width: 32px;
	margin:0;
}
#follow-menu img
{
	position:relative;
	border: 1px solid white;
	float:left;
	margin: 0 20px 0 0;
}

#follow-menu a:focus img
{
   border: 1px dotted black;
}

/******************************************************************
*							MISCELLANEOUS
*******************************************************************/
.clear 
{
	clear: both;
}

.error-message2
{
   font-size: 1.4em;
   font-weight: bold;
   text-align: center;
}

/* -----------------------------------------------
				  ARROW-LINK-LIST
--------------------------------------------------*/
.arrow-link-list
{
	list-style-type: none;
	font-size: 1.2em;  /*12px; */
	margin: 0 12px 0 0;
	padding: 0;
}
.arrow-link-list li
{
	/* line-height:22px; */
	line-height: 1.833em;
	border-bottom:dotted 1px #585858;
}
.arrow-link-list a
{
	text-decoration: none;
	background: url(../images/arrow.png) no-repeat;
	background-position: 0 center;
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	/* CTW: added to make font resizing work better */
    display: block;
}

/* CTW: added hover state */
.arrow-link-list a:hover
{
   color:#722a06;
   background: url(../images/blackarrow.png) no-repeat left center transparent;
   font-weight: bold;
   font-family: Tahoma, Geneva, sans-serif;
}

/*------------------------------------------------
				PAGE TITLE
--------------------------------------------------*/
/* #page-title
{
	margin:32px 0 0 0;
	padding-bottom:5px;
	border-bottom:double 5px #707070;
	width:100%;
	font-size:2.7em;
	position:relative;
}
#page-title .title
{
	width:420px;
	float:left;

}
#page-title .link
{
	position:absolute;
	bottom:9px;
	right:0;
	width:240px;
	text-align:right;
	float:right;
	font-size:0.444em;
	padding:0;
	margin:0;
}
*/

/* New version using <h1> */
#page-title
{
   margin: 33px 0 0 0;
   border-bottom: double 5px #707070;
   width: 100%;
   position: relative;
}

#page-title h1
{
   margin-top: 0;
   font-weight: normal;
   font-size: 2.7em;
   letter-spacing: normal;
   line-height: 1.22em;
   padding-bottom: 6px;
}

#page-title h1 span
{
   width: 430px;
   display: block;
}

#page-title .title
{
   width: 420px;
   float: left;
   margin: 0 0 7px 0;
}

#page-title .link
{
   position: absolute;
   bottom: 9px;
   right: 0;
   width: 240px;
   text-align: right;
   float: right;
   font-size: 1.2em;
   padding: 0;
   margin: 0;
}

/* END NEW */

#page-title .link a
{
	padding-left:18px;
	text-decoration:none;
	background: url(../images/New-Orange-Arrow-Final.png) no-repeat;
	background-position:0 center;
}

#page-title .link a:hover
{
   /* CTW: underline on hover */
   text-decoration: underline;
}

/****************************************************
        COUNTY SECOND LEVEL PAGE STYLES
*****************************************************/

#category-list
{
	/*margin-top:41px;*/
	padding: 0px 21px 0px 20px;
	height: auto;
	width:612px;
	z-index:10;
	float:left;
}

/*--------------------------------------------------
     VERTICAL-SHADOW3 - 
Note: the width of each item will accomodate 3 items in a row
in the main-content; to change layout, create a new class based on this
and change the number (e.g. "vertical-shadow2")
---------------------------------------------------*/
.vertical-shadow3
{
	width: 204px;
	/* CTW: changed to min-height to help font resizing work better */
	min-height: 315px;
	float: left;
	z-index: 11;
	margin-bottom: 35px;
}

.vertical-shadow3 .title
{
	/*line-height: 34px;*/
	/*line-height: 1.889em;*/
	line-height: 1.4;
	vertical-align: middle;
	text-align: center;
	color: black;
	text-decoration: none;
	font-size: 1.8em;
	border-bottom: dotted 1px #585858;
   width: 180px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 8px;
   /* overflow: hidden; */
   padding-bottom: 5px;
}

.vertical-shadow3 .title a
{
	display: block;
	text-decoration: none;
	color: #000;
}

.vertical-shadow3 .title a:hover
{
   color: #722A06;
   /* CTW: changed font to help text resizing work better */
   text-decoration: none;
   font-weight: bold;
   font-family: Tahoma, Geneva, sans-serif;
}

.vertical-shadow3 .image
{
    height: 140px; 
    margin-left: 20px;
    /* CTW: changed width to help with font resizing */
	width: 170px;
	padding: 9px 9px 9px 10px;
	background: url(../images/top-level-shadow-background-category.png) no-repeat;
	border: none;
}

.vertical-shadow3 .image img
{
	border:none;

}

/* CTW: modified subsequent classes to make font resizing work */
.vertical-shadow3 .info
{
	width: 170px;
	overflow: hidden;
	padding: 0px 20px 0px 21px;
	text-align: center;

}

.vertical-shadow3 .info .link-list
{

	width: 170px;
	font-family: Verdana;
	font-size: 1.1em; /* 11px; */
	/*padding: 10px 0 0 30px;
	margin:0 20px 0 0;*/
	text-align: left;
	list-style-type: none;
	/* white-space: nowrap; */
}

/* CTW: added to make links look better on hover */
.vertical-shadow3 .info .link-list a:hover
{
   font-weight: bold;
   font-family: Tahoma, Geneva, sans-serif;
   /* white-space: nowrap; */
}

/* -----------------------------------------------
				  LINK-LIST
--------------------------------------------------*/
.link-list
{
	background-color:Transparent;
	list-style-type: none;
	font-size:0.75em; /* 12px; */
	margin: 0px;
	padding: 0px;
}



.link-list li
{
	padding: 0 0 6px 0;
}

.link-list a
{
	text-decoration:none;
	background: url(../images/dotted_arrow_grey1.png) no-repeat;
	background-position:left center;
	margin: 0 0 0 0;
	padding:0 0 0 17px;
	/* CTW: added the following rules to make font resizing work */
	/* white-space: nowrap;
   overflow: hidden; */
   display: block;
}

/* CTW: modified to make font resizing work and to make links look better */
.link-list a:hover
{
   color:#722a06;
   font-weight: bold;
   font-family: Tahoma, Geneva, sans-serif;
   /* white-space: nowrap; */
}

/*------------------------------------------------
               COUNTY SIDE MENU - ACCORDION
--------------------------------------------------*/
#accordionStyleSideMenu
{
	font-size:0.6875em; /* 11px; */
	width:210px;
}

.accordionCountySideMenuHeader
{
	font-size:0.6875em; /* 11px; */
	cursor:pointer;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	width:208px;
	height:25px;
	margin: 0 0 7px 0;
	padding-top:7px;
	background:url(../images/sidemenu/nav_button_off_plus.png) no-repeat;
	overflow:hidden;
}

.accordionCountySideMenuHeader:hover
{
	font-size:0.6875em; /* 11px; */
	background:url(../images/sidemenu/nav_button_on_plus.png) no-repeat;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	height:25px;
	margin: 0 0 7px 0;
	padding-top:7px;
}

.accordionCountySideMenuHeaderSelected
{
	font-size:0.6875em; /* 11px; */
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	width:208px;
	height:25px;
	margin: 0 0 7px 0;
	padding-top:7px;
	background:url(../images/sidemenu/nav_button_on_minus.png) no-repeat;
}

.accordionCountySideMenuContent
{
	width:195px;	
	overflow:hidden;
	margin:0;
	padding:0;
	min-height:150px;
	height:auto;
}
.accordionCountySideMenuContent .arrow-link-list
{
	width:195px;
	overflow:hidden;
	margin:-5px 0 10px 0;
}

.accordionCountySideMenuContent .arrow-link-list .current
{
	text-decoration:none;
	color:black;
	background: url(../images/arrow.png) no-repeat;
	background-position:0 center;
	margin: 0 0 0 10px;
	padding:0 0 0 15px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	            COUNTY SIDE MENU - TREE MENU
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
#tree-menu
{
	padding: 0px;
	width:200px;
	margin-bottom:20px;
}
#tree-menu a
{
	text-decoration:none;
}

#tree-menu .title
{
	margin-top: 32px;
	border-bottom:solid 2px #585858;
	padding: 0 0 7px 15px;
	width:190px;
	font-size:1.375em; 
	color:#006fa4;
}

#tree-menu ul
{
	list-style:none;
	width:180px;
	padding:0;
	margin:0px;
}

#tree-menu .menu-item a
{
	display:block;
	width:180px;
	padding: 4px 0 4px 15px;
	border-bottom:solid 1px #585858;
	font-size:0.875em; 
	font-weight:bold;
	background:url(../images/plus.gif) no-repeat;
	background-position:left center;
	color:Black;
}
#tree-menu .menu-item a:hover
{
	color:#722a06;
}

#tree-menu .current-menu-item a
{
	display:block;
	width:180px;
	padding:4px 0 4px 15px;
	border-bottom:solid 1px black;
	font-weight:bold;
	background:url(../images/minus.gif) no-repeat;
	background-position:left center;
	color:black;
}
#tree-menu .subitem a
{
	display:block;
	width:170px;
	padding-left:25px;
	font-size:0.6875em; 
	color:#0070a4;
	border-bottom:dotted 1px #585858;
	background:url(../images/arrow.png) no-repeat;
	background-position:8px center;
	font-weight:normal;
}
#tree-menu .subitem a:hover
{
	color:#722a06;
	background:url(../images/bold_arrow.png) no-repeat;
	background-position:8px center;
}
#tree-menu .subitem-current a
{
	display:block;	
	width:170px;
	padding-left:25px;
	font-size:0.6875em; 
	color:#000;
	border-bottom:dotted 1px #585858;
	background:none;
	background:url(../images/bold_arrow.png) no-repeat;
	background-position:8px center;
}
*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	            COUNTY SIDE MENU - LIST MENU
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
#list-menu
{
	padding: 0px;
	width:200px;
	margin-bottom:20px;
}
#list-menu a
{
	text-decoration:none;
}

#list-menu .title
{
	margin-top: 32px;
	border-bottom:solid 2px #585858;
	padding: 0 0 7px 15px;
	width:190px;
	font-size:1.375em;
	color:#006fa4;
}

#list-menu ul
{
	list-style:none;
	width:200px;
	padding:0;
	margin:0px;
}

#list-menu .menu-item .header
{
	display:block;
	width:180px;
	vertical-align:middle;
	border-bottom:solid 1px #585858;
	line-height:20px;
}
#list-menu .menu-item .header a
{	
	font-size:0.875em;
	font-weight:bold;
	color:Black;
}

#list-menu .menu-item .header .treeopencurrent a, #list-menu .menu-item .header .treeopen a, #list-menu .menu-item .header .treeclosed a
{
	float:left;
}
#list-menu .menu-item .header img
{	
	padding-right:5px;
	position:relative;
	left:0;
	vertical-align:middle;
	
}

#list-menu .menu-item a:hover
{
	color:#722a06;
}

#list-menu .current-menu-item a
{
	display:block;
	width:180px;
	padding:4px 0 4px 15px;
	border-bottom:solid 1px black;
	font-weight:bold;
	color:black;
}
#list-menu .subitem
{
	height:20px;
}

#list-menu .subitem a
{
	display:block;
	width:170px;
	padding-left:25px;
	font-size:0.6875em;
	color:#0070a4;
	border-bottom:dotted 1px #585858;
	background:url(../images/arrow.png) no-repeat;
	background-position:8px center;
	font-weight:normal;
	line-height:20px;
}
#list-menu .subitem a:hover
{
	color:#722a06;
	background:url(../images/bold_arrow.png) no-repeat;
	background-position:8px center;
	line-height:20px;
}
#list-menu .subitem-current a
{
	display:block;	
	width:170px;
	padding-left:25px;
	font-size:0.6875em;
	color:#000;
	border-bottom:dotted 1px #585858;
	line-height:20px;
	background:url(../images/you-are-here-indicator.png) no-repeat;
	background-position:8px center;
}
*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	            COUNTY SIDE MENU - SIDE NAVIGATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#side-nav-menu
{
	padding: 0px;
	width:207px;
	margin-bottom:20px;
}
#side-nav-menu a
{
	text-decoration:none;
}

#side-nav-menu .title
{
	margin-top: 24px;
	width:210px;/*195px;*/
	border-bottom:solid 2px #585858;
	padding: 0 0 4px 0;/*0px 0 4px 12px;*/
	/*font-size:2.2em;*/  /*2em; 22pt; */
	font-size: 2.0em;
	color:#000;
	/*font-weight:bold;*/
}
#side-nav-menu .title a
{
	color:#000;
}

/* CTW: added to make link hover state more ADA compliant */
#side-nav-menu .title a:hover
{
   color: #722a06;
}

/* #side-nav-menu .title a img
{
	margin-bottom:1px;
} */

#side-nav-menu img
{
	padding-right:3px;
	border:none;
}

#side-nav-menu ul
{
	list-style:none;
	width:192px;
	padding:0;
	margin:0px;
}
#side-nav-menu .menu-item
{
	width:192px;
}

#side-nav-menu .menu-item .header
{
	display:block;
	width:207px;
	vertical-align:middle;
	border-bottom:solid 1px #585858;
	/*line-height:24px;*/
	line-height: 2.4em;
}
#side-nav-menu .menu-item .header a
{	
	font-size:1.2em;/* 1.4em; 14px; */
	font-weight:bold;
	color:black;
}

#side-nav-menu .menu-item .header .treeopencurrent a, #side-nav-menu .menu-item .header .treeopen a, #side-nav-menu .menu-item .header .treeclosed a
{
	float:left;
}
#side-nav-menu .menu-item .header img
{	
	/*padding-right:5px;*/
	position:relative;
	left:0;
	vertical-align:middle;
	width:12px;
	height:9px;
	/*background-position:left center;*/
}

#side-nav-menu .menu-item a:hover
{
	color:#722a06;
}

#side-nav-menu .current-menu-item a
{
	display:block;
	width:200px;
	padding:4px 0 4px 15px;
	border-bottom:solid 1px black;
	font-weight:bold;
	color:black;
}
#side-nav-menu .subitem
{
    /* CTW: changed to min-height to help font resizing */
	min-height: 20px;
	
}
#side-nav-menu .subitem a, #side-nav-menu .lastsubitem a {
    background: url(../images/arrow.png) no-repeat scroll 15px center transparent;
    /* color: #0070a4; */
    color: #0F5F89;
    display: block;
    font-size: 1.1em;
    font-weight: normal;
    /*line-height: 20px;*/
    line-height: 1.818em;
    padding-left: 29px;
    width: 177px;
    /* CTW: added this to make font resizing work */
    min-height: 21px;
}
#side-nav-menu .subitem a:hover
{
	color:#722a06;
	background: url(../images/blackarrow.png) no-repeat scroll 15px center transparent;
	font-weight:bold;
	/* CTW: added this to make bolding look better */
    font-family: Tahoma, Geneva, sans-serif;
    line-height: 1.818em;
}

#side-nav-menu .subitem a {
    border-bottom: 1px dotted #585858;
}

#side-nav-menu .lastsubitem a:hover 
{
	font-weight:bold;
	/* CTW: added this to help bolding look better */
   font-size: 1.1em;
   font-family: Tahoma, Geneva, sans-serif;
	background: url(../images/blackarrow.png) no-repeat scroll 15px center transparent;
}

#side-nav-menu .lastsubitem a {
    border-bottom: 1px solid #585858;
}

#side-nav-menu .subitem-current, #side-nav-menu .lastsubitem-current
{
	display:block;	
	width:177px;
	padding-left:29px;
	font-size:1.1em; /* 11px; */
	color:#000;
	line-height: 1.818em;
	background:url(../images/bold_arrow.png) no-repeat;
	background-position:15px center;
	font-weight: bold;
	border-bottom: 1px dotted #585858;
}

#side-nav-menu .subitem-current a
{
	border-bottom:dotted 1px #585858;
}

#side-nav-menu .lastsubitem-current a
{
	/* border-bottom:solid 1px #585858; */
}

/* -----------------------------------------------
                  ACCORDION
--------------------------------------------------*/
.accordionHeader
{
	font-family: Verdana, Sans-Serif;
	font-size:0.6875em; /* 11px; */
	font-weight: bold;
	cursor: pointer;
	width: 220px;
	padding:5px 0 5px 10px;
	margin: 10px 0 0 0;
	background:url(../images/quick-find-drop-down-light-inactive2.png) no-repeat;
}
.accordionHeader:hover
{
	background:url(../images/quick-find-drop-down-dark-hover2.png) no-repeat;
}

.accordionHeaderSelected
{
	background:url(../images/quick-find-drop-down-dark-selected2.png) no-repeat;
	font-family: Verdana, Sans-Serif;
	font-size:0.6875em; /* 11px; */
	font-weight: bold;
	cursor: pointer;
	width: 220px;
	padding:5px 0 5px 10px;
	margin: 10px 0 0 0;
}

.accordionContent
{
	font-family: Arial, Sans-Serif;
	font-size:0.75em; /* 12px; */
	border-top: none;
	padding: 0; 
	margin: 0 0 0 15px;
	width: 170px;
	line-height:18px;
}

.accordionContent a
{
	color: #2f4f4f;
	text-decoration:none;
}
.accordionContent a:hover
{
	text-decoration: underline;
}
/*
.accordionContent a:visited
{
	font-weight: normal;
}*/

/* -----------------------------------------------
                  DROP-DOWN
--------------------------------------------------*/

/* Look and feel of select box */
.selectbox 
{
	width:220px;
	padding: 0 0 0 10px !important;
}

#test
{
	color:Fuchsia;
	padding: 0 0 0 10px;
}


/* Drop down styles*/
/*div.selectbox-wrapper 
{
	float:left;
	display:block;
	height:auto;
	font-size:0.7em;
	border:1px solid #ccc;
	margin-top:-16px;
	padding:0px;
	text-align:left;
	overflow:auto;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 0 0 8px 8px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	background: #d9d9d9;
	background: -webkit-gradient(linear, left, from(#ebe6df), to(#fff));
	background: -moz-linear-gradient(left, #ebe6df, #fff);
	background: linear-gradient(left, #ebe6df, #fff);
	-pie-background: linear-gradient(left, #ebe6df, #fff);
	behavior: url(http://www.marincounty.org/js/PIE.htc);
}*/

/*Drop down list styles*/
/*div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}*/
/* Selected item in dropdown list*/
/*div.selectbox-wrapper ul li.selected {
  background-color: #0066cc;
  color:White;
}*/

/* Hover state for dropdown list */
/*div.selectbox-wrapper ul li.current {
  background-color: #0066cc;
  color:White;
}*/

/* Drop down list items style*/
/*div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}*/

/*****************************************************************
*                   SERVICE CATEGORY LIST
******************************************************************/
.service-category-list
{
	/*margin-top:28px;*/
}
.service-category
{
	margin-bottom:14px;
}
.service-category .title
{
	margin-bottom:15px;
}
.service-category .title img
{
   border: none;
   padding-right: 5px;
}

.service-category .title a
{
   /* font-family: "Futura W01 Book", Tahoma, Geneva, sans-serif; */
   font-family: Verdana, Geneva, sans-serif;
   text-decoration: none;
   font-size: 1.8em;
   line-height: 1.0em;
   /* color: #0070a4; */
	color: #0F5F89;
   position: relative;
   top: 7px;
   padding: 0 0 0 20px;
   background: url(../images/New-Orange-Arrow-Final.png) no-repeat;
   background-position: left center;

}
.service-category .title a:hover
{
   text-decoration: underline;
   color: #722a06;

}

.service-category .description
{
   font-size: 1.2em;
   line-height: 1.5em;
   margin: 0 0 0 18px;
   border-bottom: dotted 1px #585858;
   padding-bottom: 20px;
}
.service-category .description-last
{
   font-size: 1.2em;
   line-height: 1.5em;
   margin: 0 0 0 20px;
   padding-bottom: 20px;
}
/*****************************************************************
*                   SERVICE LIST
******************************************************************/
.intro-text
{
    padding: 0;
    margin-bottom: 25px;
}
.intro-text p
{
	font-family:Verdana;
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:0;
}

/****************************************************************
*					FAQ LIST
*****************************************************************/
.faqintro
{
   font-size: 1.2em;
   width: 320px;
   float: left;
   margin-bottom: -25px;
   margin-top: -21px;
}

.faqlink
{
 	font-size: 1.2em;
   margin: -10px 5px -20px 0;
   width: 200px;
   float: right;
   text-align: right;
}

.faqlink a
{
   padding-left: 18px;
}

.faq
{
   clear: both;
}

.faqerror
{
   margin-top: 60px;
}

.faq .header
{
	display: block;
	font-size: 2.2em;
	padding: 31px 0 7px 0;
	margin: 0 0 15px 0;
	color: #b15300;
	border-bottom: dotted 1px #585858;
	font-weight: normal;
}

.faqmenu
{
   list-style: none outside none;
   margin: 0 0 15px 0;
   padding: 0;
}

.faqmenu li
{
	margin: 1.2em 0 0 16px;
	font-weight: bold;
}

.faqmenu a.answeropen, .faqmenu a.answerinit
{
   background: url(../images/minus.gif) no-repeat 0px 6px;
   color: #000;
   padding: 0 0 0 15px;
   text-decoration: none;
   font-size: 1.2em;
   line-height: 1.65em;
   display: inline-block;
}

.faqmenu a.answerclosed
{
   background: url(../images/plus.gif) no-repeat 0px 6px;
   color: #000;
   padding: 0 0 0 15px;
   text-decoration: none;
   font-size: 1.2em;
   line-height: 1.65em;
   display: inline-block;
}

.faqmenu a.answeropen:hover, .faqmenu a.answerclosed:hover
{
   color: #722a06;
}

.faqmenu div
{
	padding: 10px 0px;
	font-weight: normal;
	margin: 8px 36px 10px 15px;
	text-indent: 0;
}

.faqmenu div p
{
	font-family: Verdana, Tahoma, Sans-Serif;
   padding: 0px 0px 1.0em;
	margin: 0 16px 0 0;
}

.faqmenu div ul, .faqmenu div ol
{
    padding-bottom: 1.0em;
}

.faqmenu div ul
{
    list-style: disc outside none;
}

.faqmenu div li {
    font-weight: normal;
    margin: 0 16px 0 0;
}

.faq .return-to-top
{
   font-size: 1.2em;
   padding-left: 15px;
}

/* FAQ Index */
.index-area
{
   margin: 10px 5px 35px 10px;
   border: solid 1px gray;
}

.index-block
{
   float: left;
   width: 40%;
   font-family: Verdana;
   font-size: 1.2em;
}

.index-block li
{
   padding: 0 0 5px 0;
}

/* FAQ standalone page */
.faqmenu h3
{
}

.faqmenu h3 a span, .faqmenu div p span
{
   font-size: 24px;
   font-family: 'Arial Black';
   font-weight: normal;
   color: Gray;
   line-height: 0.7;
}

/*****************************************************************
*                  HAVE QUESTION SECTION
******************************************************************/
#have-question-section
{
	margin:30px 0 0 0;
	width:207px;
	height:auto;
	overflow:hidden;
}


#have-question-section .title
{
	font-size:2.0em;
	/*margin-left:15px;*/
	margin-bottom:9px;
	font-weight:normal;
	/*text-align:center;*/
	margin-top:0;
}

#have-question-section ul
{
	list-style-type:none;
	float:left;
	margin:0 0 0 20px;
	padding:0;
	width:207px;
}


#have-question-section li
{
	font-size:1.2em;
	/*padding-left:18px;*/
	margin-bottom:2px;
	
	background:url(../images/New-Grey-Arrow-Final.png) no-repeat;
	text-decoration:none;
	font-weight:bold;
	padding:0 0 0 20px;
}

#have-question-section li a
{
	/*background:url(../images/New-Grey-Arrow-Final.png) no-repeat;
	text-decoration:none;
	padding:0 0 0 20px;*/
	font-weight:normal;
}

#have-question-section li a:hover
{
	/*background:url(../images/New-Black-Arrow-Final.png) no-repeat;*/
	text-decoration: none;
	font-weight: bold;
}

/*****************************************************************
*               DEPARTMENT LANDING PAGE (COLLECTION PAGE)
******************************************************************/
.collection-item
{
	margin: 0 40px 32px 40px;
	overflow:hidden;
}

.collection-item .image
{
	float:left;
	margin:0;
	padding:8px 9px 9px 9px;
	border:none;
	width:118px;
	height:104px;
	background: url(../images/collection_page_image_background_final.png) no-repeat;
}
.collection-item .image img
{
    border:none;
}

.collection-item .detail
{
	float:right;
	width:430px;
}

.collection-item .detail .title
{
	margin-bottom: 9px;
   font-weight: normal;
   font-size: 1.7em;

}
.collection-item .detail .title a
{
    text-decoration: none;
    padding: 0 0 0 20px;
    background: url(../images/New-Orange-Arrow-Final.png) no-repeat;
    background-position: left center;
}

.collection-item .detail .title a:hover
{
   text-decoration: underline;
}

.collection-item .detail p
{
	font-family:Verdana;
	font-size:1.2em;
	line-height: 1.5;
	margin-top:0px;
}

/* Horizontal orientation */
.collection-item-horz
{
   height: 14.5em;
   line-height: 1.4;
   width: 290px;
   float: left;
   margin: 15px 20px 15px 15px;
   overflow: hidden;
   z-index: 10;
}

.collection-item-horz .image
{
   float: left;
   margin:0;
	padding:8px 9px 9px 9px;
	border:none;
	width:118px;
	height:104px;
	background: url(../images/collection_page_image_background_final.png) no-repeat;
}

.collection-item-horz .image img
{
   border: none;
}

.collection-item-horz .title
{
   font-size: 1.4em;
   font-weight: bold;
   margin: 0 0 4px 0;
}

.collection-item-horz p
{
   font-size: 1.2em;
   margin-top: 0;
   width: auto;
}

/* Vertical with no image (based on service-category) */
.collection-item-noimg, .collection-item-noimg-ruled
{
   margin-bottom: 2.5em;
}

.collection-item-noimg-ruled
{
   border-bottom: 1px dotted black;
   padding-bottom: 1.5em;
}

.collection-item-noimg .detail .title a, .collection-item-noimg-ruled .detail .title a
{
   font-family: Verdana, Geneva, sans-serif;
   text-decoration: none;
   font-size: 1.6em;
   line-height: 1.5em;
	color: #0F5F89;
   display: inline-block;
   padding: 0 0 0 20px;
   background: url(../images/New-Orange-Arrow-Final.png) no-repeat;
   background-position: left center;
}

.collection-item-noimg .detail .title a:hover, .collection-item-noimg-ruled .detail .title a:hover
{
   text-decoration: underline;
   color: #722a06;

}

.collection-item-noimg p, .collection-item-noimg-ruled p
{
   font-size: 1.2em;
   line-height: 1.5em;
   margin: 5px 0 0 20px;
   width: 640px;
}

/*****************************************************************
*                          CONTENT DETAIL 
******************************************************************/

#page-detail
{
	margin-top: 37px;
}

/*****************************************************************
*                          PRINT SHARE BAR 
******************************************************************/
#printsharebar
{
    margin-top: 8px;
    overflow: hidden;
    margin-bottom: 35px;
    padding: 1px 1px 1px 0px;
}

#printsharebar #nametitle
{
	float: left;
}

#printsharebar #psicons
{
	float: right;
}

#printsharebar #psicons .item
{
   float: left;
   padding-right: 5px;
}

#printsharebar #psicons .item:hover, #printsharebar #psicons .item:focus
{
   opacity: 0.7;
}

#printsharebar #psicons img
{
    border: none;
}

#print-layout-area
{
    width:653px;
    float:left;
}

#print-layout-area #page-title

{
   margin-bottom: 35px;
}

#print-layout-area #printsharebar #psicons
{
    display: none;
}

/*****************************************************************
*                         MISC STYLINGS
******************************************************************/

.collection-item
{
	overflow:hidden;
}
/*
.no-caps
{
	text-transform:none;
}*/

.collection-item p
{
	margin-bottom:0px;
}

.nobottompadding
{
	padding-bottom:0px;
}



.no-border
{
    border:none;
}




#nametitle
{
	font-weight:bold;
	/*margin-bottom:9px;*/
}

#page-detail p
{
	margin-top:0px;
	font-size:1.2em;
}

#page-detail a.external
{
	
	padding-right:20px;
	line-height:1.3em;
	/*display:inline-block;*/
	text-decoration:none;
	/*position:relative;*/
	top:0.15em;
	vertical-align:middle;
	background:transparent url(../images/www_icon.png) no-repeat 99% -1px;
}
#page-detail a.pdf
{
	background:url(../images/icon_PDF.gif) no-repeat right;
	white-space:pre-wrap;
	padding-right:15px;
	text-decoration:none;
}



/*****************************************************************
*                        Link types
******************************************************************/
a.externallink
{
   padding:0 15px 0 0;
   background: transparent url(../images/www_icon.png) no-repeat center right;
   position:relative;
   z-index:20;
}

a.externallinkpdf
{
   padding:0 32px 0 0;
   background: transparent url(../images/pdf_external_icon.png) no-repeat center right;
   position:relative;
   z-index:20;
}

a.externallinkword
{
   padding:0 32px 0 0;
   background: transparent url(../images/word_external_icon.png) no-repeat center right;
   position:relative;
   z-index:20;
}

a.pdfdoc
{
   padding:0 18px 0 0;
   background: transparent url(../images/icon_PDF.gif) no-repeat center right;
   position:relative;
}

a.worddoc
{
   padding:0 18px 0 0;
   background: transparent url(../images/word-icon.png) no-repeat center right;
   position:relative;
}

a.pptdoc
{
   padding:0 18px 0 0;
   background: transparent url(../images/ppt_icon.png) no-repeat center right;
   position:relative;
}

a.exceldoc
{
   padding:0 18px 0 0;
   background: transparent url(../images/excel_icon.png) no-repeat center right;
   position:relative;
}

a.subscribe
{
   padding: 5px 0 5px 20px;
   background: transparent url(../images/newsletter_icon.png) no-repeat left center;
   position:relative;
}
span.subscribe
{
   font-weight:bold;
   padding: 0 0 5px 20px;
   background: transparent url(../images/newsletter_icon.png) no-repeat left center;
   text-indent:40px;
   position:relative;
}

.calendarchooser-title
{
	position:absolute; 
	top:95px;
	font-family:Verdana;
   font-size:1.3em;
   font-weight:bold
}

/*****************************************************************
*                        HOT TOPICS
******************************************************************/

#hot-topics
{
 	height:auto;
	width:220px;
	display:block;
}

#hot-topics .title
{
   font-size: 1.8em;
   display:block;
   border-bottom:dotted 1px black;
   /* padding:28px 0 7px 0; */
   margin-bottom:19px;
}

#hot-topics .title .image
{
	float:left;
	margin:0;
	padding-right:9px;
}

#hot-topics .title .text
{
	float:right;
	width:160px;
	margin:0;
	padding:0;
	margin-top:15px;
}

#hot-topics .topic
{
	margin-bottom:30px;
	display:block;
	width:200px;
}

#hot-topics .topic img
{
	float:left;
	vertical-align:middle;
	padding-right:9px;
}

#hot-topics .topic .detail
{
	float:right;
	width:140px;
}

#hot-topics .topic a
{
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
}

#hot-topics .topic a:hover
{
    text-decoration: underline;
}

#hot-topics .topic .detail p
{
	margin:4px 0 0 0;
	padding:0;
	font-size: 1.1em;
}

.content-text
{
	font-size: 1.2em;
	margin-top: 28px;
}

/* Style with no title image and narrower column */
#hot-topics2
{
 	height: auto;
	width: 200px;
	display: block;
}

#hot-topics2 .title
{
   font-size: 1.8em;
   display: block;
   border-bottom: dotted 1px black;
   padding: 0px 0px 2px 0px;
   margin-bottom: 10px;
}

#hot-topics2 .title .text
{
}

#hot-topics2 .topic
{
	margin-bottom: 30px;
	display: block;
	width: 200px;
}

#hot-topics2 .topic img
{
	/*float:left;
	vertical-align:middle;*/
	padding-right: 9px;
}

#hot-topics2 .topic .detail
{
	float: right;
	width: 140px;
}

#hot-topics2 .topic a
{
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
}

#hot-topics2 .topic a:hover
{
   text-decoration: underline;
}

#hot-topics2 .topic .detail p
{
	margin: 4px 0 0 0;
	padding: 0;
	font-size: 1.1em;
}

/*****************************************************************
*                        SERVICES FILTER
******************************************************************/
.service-button
{
	width:190px;
	margin:5px;
}
.service-button-current
{
	width:190px;
	margin:5px;
	border:solid 2px black;
}
#calendar
{
	z-index:10000;
	
}

/*****************************************************************
*                        SERVICES PAGE
******************************************************************/
/*
#service-content
{
	margin: 10px 29px 0 29px;

}

#service-content p
{
    width:100%;
	font-size:1.2em;
	margin: 0 0 35px 0;
	padding-top:20px;
}
#service-content .title
{

    font-size:1.8em;
}

#service-content .rule
{
   border-bottom: dotted 1px gray;
}

#service-content .services-search
{

}

.services-search .detail
{
    padding:0;
    height: 32px;
    margin:10px 0 21px 0;
}

.services-search .detail .main-search-box
{
    height:25px;
    padding-left:0;
    vertical-align: middle;
    width: 350px;
    color: #585858;
    left: 76px;
    letter-spacing: 0.05em;
    text-indent:10px;
    font-style:italic;
    border-right:none;
    vertical-align:top;
}
.services-search .detail .main-search-box-active
{
    height:25px;
    padding-left:0;
    vertical-align: middle;
    width: 350px;
    color: #000;
    left: 76px;
    letter-spacing: 0.05em;
    text-indent:10px;
    font-style:normal;
    border-right:none;
    vertical-align:top;
    font-size: 1.2em;
}

.services-search .detail .search-button
{
    background: url(../images/topmenu1/go_button_v3_final.png) no-repeat;
    border:none;
    cursor: pointer;
    height: 32px;
    margin: 0 0 0 0;
    width: 40px;
    vertical-align:middle;

}*/
.main-search-box-active
{
    height:25px;
    padding-left:0;
    vertical-align: middle;
    width: 350px;
    color: #000;
    /*left: 76px;*/
    letter-spacing: 0.05em;
    text-indent:10px;
    font-style:normal;
    border-right:none;
    vertical-align:top;
    font-size: 1.2em;
}
.services-search-completion-list
{
    border:solid 1px #585858;
    width:100%;
    margin:0;
    text-indent:6px;
    z-index:50;
    display:block;
    position:absolute;
    float:left;
    background-color:white;
    list-style-type:none; 
    padding: 0 !important;
    max-height:390px;
    overflow-y: scroll;
}

#service-content .services-category
{
   margin-top: 15px;
}

#service-content .detail h4
{
	background:url(../images/sidemenu/nav_button_on_blank.png) no-repeat;
	/* line-height:36px; */
	padding-top: 7px;
	height:36px;
	font-size:1.2em;
	text-align:center;
}

#service-content h3
{
	font-size:1.7em;
	font-weight:bold;
}

#service-content h5
{
	font-size:1.7em;
	font-weight:bold;
}

#service-content h6
{
	border-top: 1px dotted black;
    font-size: 1.7em;
    font-weight: bold;
    margin-top: 0;
    padding-top: 20px;
}

#service-content .search-style
{
	width:202px; 
	display:inline; 
	float:left; 
	margin-right:70px;
}


#service-content .search-detail a
{
	text-decoration:none;
	margin-bottom:0;
	font-size:1.2em;
}

#service-content .search-item-text
{
	margin-top:0px;
}
	
#service-content .services-list 
{	
	border-top: 1px dotted black;
	margin-top:15px;
}
/*
#service-content .search-button {
    background: url(../images/topmenu1/go_button.png) no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    float: none;
    height: 33px;
    margin: 10px 10px 21px -7px;
    padding-top: 1px;
    vertical-align: middle;
    width: 40px;
}*/

#service-content .result-summary p
{
	background-color:#585858;
	width:100%;
	color:black;
	padding:3px 0 3px 10px;
	margin-bottom:15px;
	font-weight:bold;
}

#service-content .result-summary .detail {
    background-color: #585858;
    color: black;
    font-weight: bold;
    height: 19px;
    margin-bottom: 15px;
    margin-top: 20px;
    padding: 3px 0 3px 10px;
    width: 100%;
}

#service-content .search-detail p
{
	margin-bottom:20px;
	width:700px;
}



.reducedown
{
	font-size:0.889em;
	border-top: 1px dotted black;
    font-weight: bold;
    margin-top: 0;
    padding-top: 20px;
    width:90%;
}


#service-content .padding1
{
	margin-top:10px;
}

#service-content .padding2
{
	margin-left:20px;
}

#service-content .padding2 a
{
	font-weight:bold;
}
/*
#service-content .padding2 a[class="externallink"]
{
   padding-right: 18px;
   background: transparent url(../images/www_icon.png) no-repeat center right;
}
*/
.result-count
{
	float:left;
	font-size:1.2em;
}

.result-nav
{
	float:right;
	margin-right:15px;
}

.bluecolor
{
	/* color:#0070a4; */
	color: #0F5F89;
}

.news-image img
{
	width:953px;
}

/***************************************************************
*                  FEATURED CATEGORY EVENTS SUBLAYOUT
****************************************************************/
#featured-category-events
{
    margin-top:30px;
}


#featured-category-events #detail-content
{
    float:left;
    /* CTW: changed width to 397px to let calendar fit on the page */
    width:397px;
}

#featured-category-events #detail-sidebar
{
    float:left;
    width:200px;
}

/*****************************************************************
*                     FEATURED ITEM CONTROL
******************************************************************/

.featured-item
{
    width:380px;
    padding-left:21px;
    margin-bottom: 15px;
}
.featured-item .title
{
	line-height: 1.556em;
	vertical-align:middle;
	text-align:center;
	color:black;
	text-decoration:none;
	font-size:1.8em;
	width:380px;
	border-bottom:dotted 1px #585858;
    margin: 0 0 8px 0;
	padding-bottom:4px;
}

.featured-item .title a
{
    text-decoration: none;
    color: #000;
}

/* CTW: added class to aid in resizing fonts */
.featured-item .title a:hover
{
   color: #722A06;
   font-weight: bold;
   font-family: Tahoma, Geneva, sans-serif;
}

.featured-item .featured-image
{
     background:url(../images/top-level-shadow-background-featured.png) no-repeat;
     width:370px;
     height:145px;
     border:none;
     padding:11px;
}

.featured-item .featured-image a img
{
    border:none;
}

.two-column
{
    font-size:1.5em;
    margin-top:8px;
}

.two-column .left
{
    float: left;
    /* CTW: added to aid in font resizing */
    width: 205px;
    overflow: hidden;
}

.two-column .right
{
    float: right;
    /* CTW: added to aid in font resizing */
    width: 170px;
    overflow: hidden;
}

/*****************************************************************
*                           NEWSROOM
******************************************************************/
.newsroom-news-section
{
    height:auto;
}

.newsroom-news-section .title
{
   /* margin-top: 10px; */
   font-weight: bold;
   font-size: 2em;
   color: #b15300;
   border-bottom: dotted 1px #585858;
   /* display: block;
   position: relative; */
}

.newsroom-news-section .title span
{
   background: #fff;
   padding-right: 9px;
   position: relative;
   top: 10px;
}

.newsroom-news-section .item
{
    margin:22px 11px 0 11px;
    width:276px;
    float:left;
}

.newsroom-news-section .item .image
{    
    background:url(../images/newsroom/Newsroom-Header-Background-Final-v2.png) no-repeat;
    width:280px;
    height:202px;
}

.newsroom-news-section .item .image img
{
  border:none;
  padding:12px 10px 10px 11px;
}

.newsroom-news-section .item .title
{
    border-bottom:dotted 1px #000;
    padding:0 0 7px 10px;
    margin:0 0 18px 0;
    font-size:1.4em;
    font-style:normal;
}
.newsroom-news-section .item .title a
{
    text-decoration:none;
    color:#000;
}
.newsroom-news-section .item .title a:hover
{
    color: #722A06;
    text-decoration: underline;
}
.newsroom-news-section .item .detail
{
    margin-left:10px;    
    font-size:1.2em;
}
.newsroom-news-section .item .detail .posting
{
    line-height: 1.33em;
    margin-bottom:21px;
}
.newsroom-news-section .item .detail .posting a
{
    text-decoration:none;
}

.newsroom-news-section .item .detail .posting a:hover
{
    text-decoration: underline;
}

.newsroom-news-section .item .detail .posting .posted-by
{
    font-style:italic;
    color: #585858;
}
.newsroom-news-section .item .detail .posting .date
{
    font-weight:bold;
    /* line-height:16px; */
}
.newsroom-news-section .item .link
{
   font-style: normal;
   text-decoration: none;
   float:left;
   padding-left:18px;
   background: url(../images/New-Orange-Arrow-Final.png) no-repeat;
   background-position:0 center;
}

.newsroom-news-section .item .link:hover
{
    text-decoration: underline;
}

/* Media Center Section*/
.newsroom-media-section
{
    height:auto;
    margin-bottom:10px;
}

.newsroom-media-section .title
{
   margin-top: 10px;
   margin-bottom: 30px;
   font-weight: bold;
   font-size: 2em;
   color: #b15300;
   border-bottom: dotted 1px #585858;
   display: block;
   position: relative;
}

.newsroom-media-section .title span
{
   background: #fff;
   padding-right: 9px;
   position: relative;
   top: 10px;
}

/* Media Center - Featured Videos */
.newsroom-media-section .featured-videos
{    
    position:relative;
    margin-left:11px;
    float:left; 
    width:547px;
    height:538px;
    background:url(../images/newsroom/newsroom-media-center-background-final.png) no-repeat;
    padding:16px;
}
.newsroom-media-section .featured-videos .title
{
    font-size:1.2em;
    font-style:normal;
    padding-left:10px;
  
}
.newsroom-media-section .featured-videos .main-video
{
    width:540px;
    height:293px;
}
.newsroom-media-section .featured-videos .main-video-detail
{
    border:none;
    width:540px;
    height: 6em;
    line-height: 1.5em;
    /* margin-top:11px; */
    font-family:Verdana;
    font-size:1.2em;
    overflow: hidden;
    margin-bottom: 20px;
}

.newsroom-media-section .featured-videos .main-video-detail h3
{
    font-size:1.2em;
    margin-bottom:6px;
    margin-top: 0px;
    padding:0;
}


/* Navigation for featured videos */
.newsroom-media-section .featured-videos .video-nav
{
    width:540px;
    margin-top:5px;
}

.newsroom-media-section .featured-videos .video-nav .title
{
        
    margin:0 0 7px 0;
    padding:0;
    font-family:Verdana;
    font-size:1.4em;
    color:#000;
    border:none;
     border-bottom: dotted 1px #585858;
}

.newsroom-media-section .featured-videos .video-nav .collection
{
    margin:10px 0 0 5px;
    padding:10px 0 10px 0; 
    height:75px;
    width:530px; /*540*/ 
    background:url(../images/newsroom/newsroom-thumbnail-row-background-final.png) no-repeat;
 }   

.newsroom-media-section .featured-videos .video-nav .buttondiv
{
    height:112px;
    width:106px;
    float:left;
    margin:-21px 0 0 0;
    padding:0;
    position:relative;
    border:none;
}

.newsroom-media-section .featured-videos .video-nav .buttondiv-current
{
    height:112px;
    width:106px;
    float:left;
    margin:-21px 0 0 0;
    padding:0;
    position:relative;
    background:url(../images/newsroom/newsroom-video-thumbnail-background-final2.png) no-repeat;
    border:none;
}

.newsroom-media-section .featured-videos .video-nav .buttondiv-current .button
{
    border:solid 1px white;
    height:72px;
    width:90px;
    float:left;
    margin:18px 0 0 7px;
}
.newsroom-media-section .featured-videos .video-nav .buttondiv .button
{
    height:72px;
    width:90px;
    float:left;
    border:none;
    margin:18px 0 0 8px;
}

/* Links to Webcast, TV on Demand and YouTube*/
.newsroom-media-section .video-links
{
   float: left;
   margin:10px 0 0 25px;
   width: 270px;
   /* height: 540px; */
}

.newsroom-media-section .item
{
   width: 250px;
   margin: 0 0 10px 0;
}
.newsroom-media-section .item .item-border
{
   border-top: solid 2px #d3d3d3;
   margin-top: 20px;
    
}
.newsroom-media-section .item a img
{
   display: block;
   margin-left: auto;
   margin-right: auto;
   border:none;
}

.newsroom-media-section .item p
{
   font-size: 1.2em;
   margin-bottom: 15px;
}

.newsroom-media-section .item .item-anchor
{
    text-align: center;

}

.newsroom-media-section .item .item-link
{
   font-style: normal;
   font-size: 1.2em;
   text-decoration: none;
   padding-left: 18px;
   background: url(../images/New-Orange-Arrow-Final.png) no-repeat;
   background-position: 0 center;
}

.newsroom-media-section .item .item-link:hover
{
    text-decoration: underline;
}

/******************************************************************
*				 	NO SIDEBAR MAIN CONTENT
*******************************************************************/
#no-sidebar-main-content
{
	width:895px;
	z-index:9;
	height:auto;
	margin:0;
	padding:0 29px 0 29px;	
}

/******************************************************************
*				CALENDAR SPAD FEATURED AREA HOME PAGE
*******************************************************************/
.featured-calendar-left
{
    position:static;
    top:0;
    left:0;
    /* color: #0070a4; */
	color: #0F5F89;
    font-size: 1.8em;
    border-left: solid 2px #e2e2e2; /*#585858;*/
    border-bottom: solid 2px #e2e2e2; /*#585858;*/
    /*border-top: none;*/
    height:238px;
    width:356px;
    
}

.featured-calendar-left .title
{
    padding:18px 0 8px 0;
    text-align:center;
}

.featured-calendar-left .spud
{
    height:180px;
    width:318px;
    margin-left:19px;
    padding:28px 0 8px 0; 
}
.panelvideo
{
    /*margin-top:-14px;*/
}
.spotlight-calendar-title
{
    margin-bottom: 10px;
    padding-bottom: 8px; 
    margin-top: 5px; 
    border-bottom: 1px dotted #808080; 
    font-size: 1.6em;
}



/****************************************************
*           FEEDBACK SECTION
****************************************************/
.feedback-survey-section
{
    width: 190px;
    margin:30px 0 0 10px;
}

.feedback-survey-section .header
{
   
}

.feedback-survey-section .header .image
{
    width:56px;
    float:left;
    
}
.feedback-survey-section .header .image img
{
    border:none;
    
}
.feedback-survey-section .header .title
{
    margin:6px 6px 0 0;
    text-align:center;
    font-size: 1.6em;
    font-weight:bold;
    /*line-height:18px;*/
    line-height: 1.125em;
    width:128px;
    float:right;
    text-transform:uppercase;
  
}

.feedback-survey-section .detail
{ 
    margin:0 0 0 10px;
}

.feedback-survey-section .detail p
{
    padding:0;
    margin:0 0 8px 0;
    text-align:center;
    width:178px;
    font-size:1.1em;
}

.feedback-survey-section .detail a
{
    display:block;
    text-transform:uppercase;
    font-size:1.2em;
    font-weight:bold;
    text-decoration:none;
    padding-left:25px;
	background: url(../images/orange-arrow.png) no-repeat;
	background-position:0 center;
   /* line-height:22px;*/
   line-height: 1.833em;

}

.feedback-survey-section .detail a:hover
{
    text-decoration: underline;
}

/****************************************************
*                 Simple Content Text
*****************************************************/

.simple-content-text
{
   font-family: Verdana;
   font-size: 1.2em;
   line-height: 1.65;
   width:100%;
}

.simple-content-text a 
{
    color: #0F5F89;
    text-decoration: none;
}

.simple-content-text a:hover
{
    color:#722a06;
    text-decoration: underline;
}

.simple-content-text .title a
{
    text-decoration: none;
    padding-left: 18px;
    background: url(../images/New-Orange-Arrow-Final.png) no-repeat;
    background-position: 0 center;
	 color: #0F5F89;
}

.simple-content-text .title a:hover
{
   color: #722A06;
   text-decoration: underline;
}

.simple-content-text .underline
{
    border-bottom: 1px solid #000;
    margin: 0 0 0.8em;
}

.simple-content-text h2
{
    font-size: 1.34em;
    font-weight: bold;
    margin: 0 0 0.5em;
    padding: 0;
}

.simple-content-text h2.smaller
{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.simple-content-text h3
{
    font-size: 1.17em;
    font-weight: bold;
    margin: 0 0 0.25em;
    padding: 0;
}

.simple-content-text h4, .simple-content-text h5, .simple-content-text h6
{
    font-size: 1.0em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.simple-content-text h5, .simple-content-text h6
{
    font-style: italic;
}

.simple-content-text h6
{
    font-weight: normal;
} 

.simple-content-text .email-heading
{
   background-color: #0f5f89;
   color: white;
   margin: 20px 0 5px 0;
}

.simple-content-text .small
{
   font-size: .7em;
}

.simple-content-text p
{
    margin: 0;
    padding: 0 0 1em;
}

.simple-content-text .center
{
   text-align: center;
}

.simple-content-text hr
{
   /* border: 1px dotted lightgray; */
   margin-top: 6px;
   margin-bottom: 16px;
}

/* For simple-content-text in the JQuery UI tab widget */
#tabs .simple-content-text
{
   font-size: 1.09em;
}

/* Table classes */



.simple-content-text table
{
   padding: 0 5px 0 5px;
   border-collapse: collapse;
   margin-bottom: 15px;
   background-color: White;
}

.simple-content-text caption
{
    font-size: 1.17em;
    font-weight: bold;
    text-align: center;
    background-color: #eeeeee;
    margin: 5px 0 10px;
    padding: 2px 0;
}

.simple-content-text th
{
   border-right-style: hidden;
   border-left-style: hidden;
   border-top-style: hidden;
   border-bottom: solid 1px black;
   text-align: left;
   padding-right: 10px;
}

.simple-content-text td, .simple-content-text th.rowheading
{
   border-right-style: hidden;
   border-left-style: hidden;
   border-bottom: dotted 1px #585858;
   padding-right: 10px;
}

.simple-content-text .simple-table tr th
{
   border-bottom: none;
}

.simple-content-text .simple-table tr td
{
   border-bottom: none;
}

.simple-content-text .table2 caption
{
   text-align: left;
   color: White;
   background-color: #0f5f89;
   /* padding-left: 5px; */
   padding: 0 0 0 5px;
   margin-bottom: 10px;
}

.simple-content-text .table2 tr th
{
   padding-left: 5px;
}


.simple-content-text .table2 tr td
{
   /* border-bottom: none; */
   padding-left: 5px;
}

.simple-content-text .layout-table
{
    border:none !important;
}
.simple-content-text .layout-table td
{
    border:none !important;
}
/* End table classes */

/* Placement classes */
.simple-content-text .centertable, .simple-content-text .image-center
{
   margin-left: auto;
   margin-right: auto;
}

.simple-content-text .margin-bottom10
{
    margin-bottom: 10px;
}

.simple-content-text .margin-bottom15
{
   margin-bottom: 15px;
}

.simple-content-text .margin-top10
{
   margin-top: 10px;
}
.simple-content-text .margin-top15
{
   margin-top: 15px;
}

.simple-content-text .margin-top20
{
   margin-top: 20px;
}

.simple-content-text .indent-left5
{
   padding-left: 5px;
}

.simple-content-text .indent-left20
{
   padding-left: 20px;
}

.simple-content-text .indent-left40
{
   padding-left: 40px;
}

.simple-content-text ol, .simple-content-text ul
{
    margin: 0;
    padding: 0 0 1em 40px;
}

.simple-content-text .link-list
{
   margin-top: 10px;
   font-size: 1.0em;
}

.simple-content-text blockquote:after {
    content: close-quote;
    float: right;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1;
}

.simple-content-text blockquote:before {
    content: open-quote;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1;
}

.simple-content-text blockquote {
    border-left: 3px solid #EEEEEE;
    clear: both;
    display: block;
    float: none;
    margin: 0 40px;
    padding: 10px 20px;
    quotes: "“" "”";
}
.simple-content-text p.attribute-quote {
    font-style: italic;
    padding-left: 63px;
}

.simple-content-text .blocktext
{
    margin: 0;
    padding: 0 60px 1em 40px;
}

.simple-content-text .callout
{
    border: 1px dashed gray;
    padding: 15px;
}

/* Image detail */
.simple-content-text .image-detail
{
    margin-bottom:12px;
    min-height:20px;
    height:auto;
}
.simple-content-text .image-detail .image
{
    margin:0;
    padding:0;
    float:left;
    vertical-align:top;
    width:135px;
}
.simple-content-text .image-detail .image div img
{
    padding-bottom:20px;
}

.simple-content-text .image-detail .detail
{
    margin:0;
    float:right;
    vertical-align:top;
    width:500px;
}
.simple-content-text .left-col
{
    float:left;
    width:164px;
}

.simple-content-text .left-col img
{
    padding:0 8px 0 8px;
}

.simple-content-text .right-col
{
    float:right;
    width:460px;
    margin-left:10px;
}

/* Frames and image placement */
.simple-content-text .map-frame-right
{
   float: right;
   padding: 8px;
   border: 1px solid gray;
   background-color: white;
   border-radius: 8px 8px 8px 8px;
   -moz-border-radius: 8px 8px 8px 8px;
   -moz-box-shadow: 3px 3px 5px #888888;
   box-shadow: 4px 4px 5px #888888;
   /* Stupid IE < 9 hacks */
   position: relative;
   zoom: 1;
}

.simple-content-text .image-frame
{
   padding: 6px;
   border: 1px solid #cccccc;
   background-color: white;
   border-radius: 8px 8px 8px 8px;
   -moz-border-radius: 8px 8px 8px 8px;
   -moz-box-shadow: 3px 3px 5px #cccccc;
   box-shadow: 4px 4px 5px #cccccc;
   /* Stupid IE < 9 hacks */
   position: relative;
   zoom: 1;
}

.simple-content-text .image-right
{
   float: right;
   margin-left: 15px;
   margin-bottom: 5px;
}

.simple-content-text .image-left
{
   float: left;
   margin-right: 25px;
   margin-bottom: 5px;
}

/* Box insert */

.simple-content-text .box-insert
{
   border: solid 1px black;
   border-radius: 8px 8px 8px 8px;
   -moz-border-radius: 8px 8px 8px 8px;
}

.simple-content-text .light .box-insert
{
   border: solid 1px #d3d3d3;
   padding: 5px 0 5px 3px;
}

.simple-content-text .box-insert h2
{
   border-bottom: dotted 1px black;
   margin-bottom: 0.8em;
   padding-left: 10px;
   font-size: 1.17em;
}

.simple-content-text .box-insert h3
{
   border-bottom: dotted 1px black;
   margin-bottom: 0.8em;
   padding-left: 10px;
}

.simple-content-text .box-insert ul
{
   padding: 0 5px 1em 25px;
}
   
/*****************************************************************
*     BACKGROUND IMAGES (deprecated -- use "image-frame" now)
******************************************************************/
/* ------------ Full Page Width Horizontal -----------*/
.simple-content-text .img-frame631x320
{
   background: url("../images/horiz-background-xlarge.png") no-repeat;
   background-position: 0 center;
   width: 655px;
   height: 345px;
}

/* ----------- Spotlight size - horizontal ----------- */
.simple-content-text .img-frame357x241
{
   background: url("../images/background-images/spotlight-background-horz.png") no-repeat;
   background-position: 0 center;
   width: 381px;
   height: 267px;
}

/* ------------- Spotlight size - vertical -------------*/
.simple-content-text .img-frame241x357
{
   background: url("../images/background-images/spotlight-background-vert.png") no-repeat;
   background-position: 0 center;
   width: 267px;
   height: 381px;
}

.simple-content-text .img-frame241x357 img
{
   border: none;
   padding: 9px 0 0 10px;
}

/* ------------------ Large Square --------------------- */
.simple-content-text .img-frame144x132
{
    height: 158px; 
	width: 169px;
	background: url("../images/top-level-shadow-background-category.png") no-repeat;
}

.simple-content-text .img-frame144x132 img
{
	border:none;
	padding: 9px 0 0 10px;
}

/* ------------------- Small Square ---------------------*/
.simple-content-text .img-frame50x50
{
   width:69px;
   height:70px;
	background:url("../images/currently-in-marin-background.png") no-repeat;
	
}
.simple-content-text .img-frame50x50 img
{
   border: none;
   padding: 7px 0 0 6px;
}
/*-------------------- Small Image ---------------------*/

.simple-content-text .img-frame100x132
{
   background: url("../images/vertical-background-small.png") no-repeat;
   background-position: 0 center;
   width: 120px;
   height: 152px;
}
/*-------------------------------------------------------*/

.simple-content-text .img-frame146x135
{
    background: url("../images/top-level-shadow-background-category.png") no-repeat;
   background-position: 0 center;
   width: 169px;
   height: 158px;
}

.simple-content-text .img-frame100x85
{
   background: url("../images/square-background-small.png") no-repeat;
   background-position: 0 center;
   width: 120px;
   height: 106px;
}

.simple-content-text .img-frame417x260
{
   background: url("../images/horiz-background-large.png") no-repeat;
   background-position: 0 center;
   width: 437px;
   height: 281px;
}

.simple-content-text .img-frame100x622
{
   background: url("../images/vertical-imagestrip-background.png") no-repeat;
   background-position: 0 center;
   width: 120px;
   height: 642px;
}

.simple-content-text .img-frame200x200
{
   background: url("../images/background-images/facebook-background.png") no-repeat;
   background-position: 0 center;
   width: 227px;
   height: 226px;
}

.simple-content-text .img-frame200x200 img 
{
   border: none;
   padding: 9px 0 0 10px;
}

.simple-content-text .img-frame100x132 img, 
.simple-content-text .img-frame100x85 img, 
.simple-content-text .img-frame417x260 img,
.simple-content-text .img-frame100x622 img
{
   border: none;
   padding: 7px 0 0 7px;
}

.simple-content-text .img-frame357x241 img
{
   border: none;
   padding: 11px 0 0 9px;
}

.simple-content-text .img-frame631x320 img
{
   border: none;
   padding: 9px 0 0 9px;
}

.simple-content-text .img-frame146x135 img
{
    border:none;
    padding: 8px 0 0 9px;
}

/*******************************************************
 *                   TOC and Pagination                *
 * *****************************************************/
/* This construct should be embedded in .simple-content-text */
#paginator
{
   margin-left: auto;
   margin-right: auto;
   height: 30px;
   width: 25.6em;
}

#paginator ul
{
   border: 0;
   padding: 0;
}

#paginator li
{
   border: 0;
   margin: 0;
   padding:0;
   list-style: none;
}

#paginator li, #paginator a
{
   border-left: solid 1px #DEDEDE;
   margin-right: 2px;
}

#paginator .previous-off, #paginator .next-off
{
   color: #888888;
   display: block;
   float: left;
   font-weight: bold;
   padding: 3px 4px;
}

#paginator .next a, #paginator .previous a
{
   font-weight: bold;
   border: solid 1px #FFFFFF;
}

#paginator .previous a, #paginator .previous-off a
{
   border: none;
}

#paginator .next a
{
   border-left: 1px solid #DEDEDE;
}

#paginator .active
{
   color: #000000;
   font-weight: bold;
   display: block;
   float: left;
   padding: 3px 6px;
}

#paginator a:link, #paginator a:visited
{
   /* color:#0033CC; */
   display:block;
   float:left;
   padding:3px 6px;
}

#toc-box
{
   border: solid 1px black;
   border-radius: 8px 8px 8px 8px;
   -moz-border-radius: 8px 8px 8px 8px;
   float: right;
   padding: 5px;
   margin-left: 10px;
   max-width: 45%;
}

#toc
{
   padding: .5em 2em .5em 2em;
}

#toc li ol
{
   padding: 0 0 1em 1.5em;
   margin-bottom: -10px;
   list-style-type: lower-roman;
}

#toc li ol li ol
{
   list-style-type: upper-roman;
}

/*******************************************************
 *                        InfoSpots                    *
 * *****************************************************/
 
/* Vertical orientation */

.infospotvert, .infospotvert-link
{
   height: 30em;
}

.infospotvert, .infospotvert-link, .infospotvertnoimg-link
{
   width: 185px;
   float: left;
   margin: 0 10px 15px 15px;
   z-index: 10;
}

.infospotvertnoimg-link
{
   height: 17em;
}

.infospotvert .infoimage, .infospotvert-link .infoimage
{
   width: 169px;
   height: 158px;
   margin: auto auto;
   background: url('../images/top-level-shadow-background-category.png') no-repeat bottom left;
}

.infospotvert .infoimage img, .infospotvert-link .infoimage img
{
   border: none;
   padding: 9px 0 0 10px;
}

.infospotvert h2, .infospotvert-link h2
{
   text-align: center;
   font-size: 1.6em;
   font-weight: bold;
   line-height: 1.563em;
   padding: 0;
   border-bottom: 1px dotted #000;
   margin-bottom: 5px;
   /* margin: 8px 0 -16px 0; */
}

.infospotvertnoimg-link h2
{
   text-align: center;
   font-weight: bold;
   font-size: 1.3em;
   line-height: 1.563em;
   padding: 0;
   border-bottom: 1px dotted #000;
   margin-bottom: 5px;
  /* margin: 8px 0 -16px 0; */
}

.infospotvert-link h2 a
{
   color: #000000;
}

.infospotvertnoimg-link h2 a
{
   color: #0F5F89;
}

.infospotvert-link h2 a:hover, .infospotvertnoimg-link h2 a:hover
{
   color: #722A06;
   text-decoration: none;
   font-size: 1.1em;
   font-family: Tahoma, Geneva, sans-serif;
}

.infospotvert .simple-content-text, .infospotvert-link .simple-content-text, 
.infospotvertnoimg-link .simple-content-text
{
   /* margin: 20px 5px 5px 5px; */
   margin: 0px 5px 5px 5px;
   width: auto;
}

/* Horizontal orientation */
.infospothorz, .infospothorz-link
{
   min-height: 20em;
   width: 275px;
   float: left;
   margin: 0 10px 0 15px;
   z-index: 10;
}

.infospothorz .infoimage, .infospothorz-link .infoimage
{
   /* padding-top: 4px;
   width: 120px; */
   margin-right: 10px;
   /* height: 16em; */
   float: left;
   /* background: url('../images/background_120_106.png') no-repeat top left; */
   padding: 6px;
   border: 1px solid #cccccc;
   background-color: white;
   border-radius: 8px 8px 8px 8px;
   -moz-border-radius: 8px 8px 8px 8px;
   -moz-box-shadow: 3px 3px 5px #cccccc;
   box-shadow: 4px 4px 5px #cccccc;
   /* Stupid IE < 9 hacks */
   position: relative;
   zoom: 1;
}

.infospothorz .infoimage img, .infospothorz-link .infoimage img
{
   border: none;
   /* padding: 5px 0 0 7px; */
}

.infospothorz h2, .infospothorz-link h2
{
   font-size: 1.4em;
   font-weight: bold;
   margin: 0;
   width: 140px;
   float: right;
}

.infospothorz .simple-content-text, .infospothorz-link .simple-content-text
{
   margin-top: 0;
   height: 10.5em;
   width: 140px;
   float: right;
}

/* Full width version */
.infospotfullwidth, .infospotfullwidth-link
{
   float: left;
   width: 100%;
   margin: 0 10px 0 15px;
   z-index: 10;
}

.infospotfullwidth .infoimage, .infospotfullwidth-link .infoimage
{
   /* width: 120px;
   height: 152px; */
   margin-right: 15px;
   margin-bottom: 30px;
   float: left;
   /* background: url('../images/vertical-background-small.png') no-repeat bottom left; */
    padding: 6px;
   border: 1px solid #cccccc;
   background-color: white;
   border-radius: 8px 8px 8px 8px;
   -moz-border-radius: 8px 8px 8px 8px;
   -moz-box-shadow: 3px 3px 5px #cccccc;
   box-shadow: 4px 4px 5px #cccccc;
   /* Stupid IE < 9 hacks */
   position: relative;
   zoom: 1;
}

.infospotfullwidth .infoimage img, .infospotfullwidth-link .infoimage img
{
   border: none;
   /* padding: 7px 0 0 7px; */
}

.infospotfullwidth h2, .infospotfullwidth-link h2
{
   font-size: 1.4em;
   font-weight: bold;
   padding: 0;
   margin: 0 0 5px 0;
}

.infospotfullwidth-link h2 a
{
/*    padding: 0 0 0 20px; */
/*    background: url(../images/New-Orange-Arrow-Final.png) no-repeat; */
/*    background-position: left center; */
}

.infospotfullwidth .simple-content-text, .infospotfullwidth-link .simple-content-text
{
   margin-top: 0;
   width: auto;
}

.infospotfullwidth .simple-content-text p, .infospotfullwidth-link .simple-content-text p
{
   margin-left: 5px;
   margin-right: 5px;
}

.infospotfullwidth .simple-content-text ul, .infospotfullwidth-link .simple-content-text ul,
.infospotfullwidth .simple-content-text ol, .infospotfullwidth-link .simple-content-text ol
{
   list-style-position: inside;
}

.infospotfullwidth .link-list a, .infospotfullwidth-link .link-list a
{
   margin: 0 0 0 100px;
}

/* For embedding with other content on a page */
.infospotfullwidthmedium-link
{
   height: 10em;
   width: 400px;
   margin: 0 10px 0 15px;
   z-index: 10;
}

.infospotfullwidthmedium-link .infoimage
{
   width: 67px;
   height: 7em;
   margin-right: 15px;
   margin-bottom: 30px;
   float: left;
   background:url(../images/currently-in-marin-background.png) no-repeat;
}

.infospotfullwidthmedium-link .infoimage img
{
   border: none;
   padding: 7px 0 0 6px;
}

.infospotfullwidthmedium-link h2
{
   font-size: 1.4em;
   font-weight: bold;
   padding: 0;
   margin: 0 0 5px 0;
}

.infospotfullwidthmedium-link .simple-content-text
{
   margin-top: 0;
   width: auto;
}

.infospotfullwidthmedium-link .simple-content-text p
{
   margin-left: 5px;
   margin-right: 5px;
}

.infospotfullwidthmedium-link .simple-content-text ul,
.infospotfullwidthmedium-link .simple-content-text ol
{
   list-style-position: inside;
}

.infospotfullwidthmedium-link .link-list a
{
   margin: 0 0 0 100px;
}

/* For embedding along with other content on a page */
.infospotfullwidthsmall-link
{
   height: 13em;
   width: 300px;
   margin: 0 10px 0 15px;
   z-index: 10;
}

.infospotfullwidthsmall-link .infoimage
{
   width: 65px;
   height: 8em;
   margin-right: 15px;
   margin-bottom: 30px;
   float: left;
   background:url(../images/currently-in-marin-background.png) no-repeat;
}

.infospotfullwidthsmall-link .infoimage img
{
   border: none;
   padding: 7px 0 0 6px;
}

.infospotfullwidthsmall-link h2
{
   font-size: 1.4em;
   font-weight: bold;
   padding: 0;
   margin: 0 0 5px 0;
}

.infospotfullwidthsmall-link .simple-content-text
{
   margin-top: 0;
   width: auto;
}

.infospotfullwidthsmall-link .simple-content-text p
{
   margin-left: 5px;
   margin-right: 5px;
}

.infospotfullwidthsmall-link .simple-content-text ul,
.infospotfullwidthsmall-link .simple-content-text ol
{
   list-style-position: inside;
}

.infospotfullwidthsmall-link .link-list a
{
   margin: 0 0 0 100px;
}

/* Imitates a collection page */
.infospotfullnoimg-link
{
   min-height: 7em;
   width: 590px;
   margin: 15px 10px 5px 10px;
   z-index: 10;
}
.infospotfullnoimg-link h2
{
   font-size: 1.6em;
   font-weight: normal;
   padding: 0 0 0 5px;
   margin: 0 0 5px 0;
   background: url(../images/orange-arrow.png) no-repeat;
   background-position: left center;
}

.infospotfullnoimg-link h2 a
{
   padding: 0 0 0 20px;
}

.infospotfullnoimg-link .simple-content-text
{
   margin: 0 0 0 25px;
   width: auto;
}

.infospotfullnoimg-link .simple-content-text ul, .infospotfullnoimg-link .simple-content-text ol
{
   list-style-position: inside;
}

/* Imitates a collection page but with no description text */
.infospotfullnoimgnodesc-link, .infospotfullnoimgnodesc-link2
{
   width: 590px;
   margin: 10px 10px 5px 15px;
   z-index: 10;
}

.infospotfullnoimgnodesc-link h2
{
   font-size: 1.2em;
   font-weight: normal;
   padding: 0 0 0 5px;
   margin: 0;
   background: url(../images/New-Orange-Arrow-Final.png) no-repeat;
   background-position: left center;
}

.infospotfullnoimgnodesc-link2 h2
{
   font-size: 1.2em;
   font-weight: normal;
   padding: 0 0 0 5px;
   margin: 0;
   background: url(../images/bullet.png) no-repeat;
   background-position: left center;
}

.infospotfullnoimgnodesc-link h2 a
{
   padding: 0 0 0 20px;
}

.infospotfullnoimgnodesc-link2 h2 a
{
   padding: 0 0 0 7px;
}

.infospotfullnoimgnodesc-link .simple-content-text, .infospotfullnoimgnodesc-link2 .simple-content-text
{
    margin-top: 0px;
}

/* Snippet version */
.infospotvert-snippet 
{
   width: 185px;
   float: left;
   margin: 0px 15px 15px 15px;
   overflow: hidden;
   z-index: 10;
}

.infospotvert-snippet h2 
{
   background-color: #0f5f89;
   border: 1px solid #0f5f89;
   border-radius: 8px 8px 0px 0px;
   -moz-border-radius: 8px 8px 0px 0px;
   color: #ffffff;
   font-size: 1.4em;
   margin: 0;
   padding: 3px;
   text-align: center;
}

.infospotvert-snippet-body
{
   min-height: 130px;
   border: 1px solid gray;
}

.infospotvert-snippet-body .simple-content-text
{
   margin: 10px 5px 0 5px;
   width: auto;
}

.infospotvert-snippet p 
{
   line-height: 1.5;
}

/*******************************************************
 *                    Newsletter Collection Page
 * *****************************************************/

.newsletter-collection
{
   height: 16em;
   width: 590px;
   margin: 20px 10px 10px 15px;
   line-height: 1.4em;
   overflow: hidden;
   z-index: 10;
}

.ncborder-bottom
{
   border-bottom: 1px dotted gray;
}

.newsletter-collection .thumbnail
{
   width: 139px;
   height: 15.5em;
   margin-right: 10px;
   margin-bottom: 30px;
   float: left;

}

.newsletter-collection .thumbnail img
{
   border: solid 1px #ccc;
   -moz-box-shadow: 3px 3px 5px #888888;
   box-shadow: 4px 4px 5px #888888;
   /* Stupid IE < 9 hacks */
   position: relative;
   zoom: 1;
}

.newsletter-collection .issue-date
{
   font-size: 1.4em;
   font-weight: bold;
   padding: 0;
   /* letter-spacing: .05em; */
   margin: 0 0 0 0;
}

.newsletter-collection p a
{
   padding: 0 0 0 20px;
   background: url(../images/New-Orange-Arrow-Final.png) no-repeat;
   background-position: left center;
}

.newsletter-collection .featured
{
   font-size: 1.2em;
   padding: 0;
   /*letter-spacing: .05em;*/
   margin: 8px 0 0 0;
}

.newsletter-collection .toc
{
   font-size: 1.1em;
   font-weight: bold;
   padding: 0;
   /* letter-spacing: .05em; */
   margin: 8px 0 0 0;
}

.newsletter-collection ul
{
   margin-top: 0;
   margin-right: 5px;
   font-size: 1.1em;
   list-style-type: none;
}

.newsletter-collection ul li
{
   padding: 3px 0 0 0;
}

/*******************************************************
 *              Employee Recognition Control           *
 * *****************************************************/

.employee-recognition
{
   min-height: 16em;
   width: 590px;
   margin: 20px 10px 10px 15px;
   line-height: 1.4em;
   overflow: hidden;
   z-index: 10;
}

.employee-recognition .thumbnail
{
   width: 139px;
   height: 15.5em;
   margin-right: 10px;
   margin-bottom: 30px;
   float: left;

}

.employee-recognition .thumbnail img
{
   border: solid 1px #ccc;
   padding: 6px;
   background-color: white;
   border-radius: 8px 8px 8px 8px;
   -moz-box-shadow: 3px 3px 5px #888888;
   box-shadow: 4px 4px 5px #888888;
   /* Stupid IE < 9 hacks */
   position: relative;
   zoom: 1;
}

.employee-recognition .right-column
{
   width: 440px;
   float: right;
}

.employee-recognition .right-column ul
{
   margin-bottom: 4px;
}

.employee-recognition .right-column .expand-link
{
   font-size: 1.2em;
}

.employee-recognition .right-column .expand-text
{
   margin-top: 20px;
}

.employee-recognition .issue-date
{
   font-size: 1.4em;
   font-weight: bold;
   padding: 0;
   /* letter-spacing: .05em; */
   margin: 0 0 0 0;
}

.employee-recognition ul
{
   margin-top: 0;
   margin-right: 5px;
   font-size: 1.1em;
   list-style-type: none;
   margin-left: 0px;
   padding-left: 0px;
   line-height: 1.65;
}

.employee-recognition ul li
{
   padding: 3px 0 0 0;
}

/*-------------------------------------------------------
                Interchangable Control
---------------------------------------------------------*/

.horz-interchange-control
{
   /* margin-top: 10px; */
   width: 295px;
   height: 213px; 
   background: #ffffff url('../images/background-images/featured-area-horz.png') no-repeat left center;
}

.horz-interchange-control .horz-frame
{
   width: 270px;
   height: 179px;
   padding: 5px 5px 15px 10px;
   overflow: hidden;
}

.horz-interchange-control img
{
   height: 169px;
   width: 250px;
   padding-left: 20px;
   margin-top: -17px;
   border: none;
}

/* -------------------------------------------------------------------------------- */
/*                                Interchangeable control                           */
/* ---------------------------------------------------------------------------------*/

/*.horz-interchange-control
{
    width:270px;
    height:189px;
}

.vert-interchange-control
{
    height:270px;
    width:189px;
} */

.left-float
{
    float:left;
    height: 360px;
    width: 190px;
    margin-right: 20px;
    font-size: 1.2em;
}

.left-float h2
{
   text-align: center;
}

.left-float img
{
   margin-left: 40px;
}

/*-------------------------------------------------------
                Glossary
---------------------------------------------------------*/
.glossary
{
}

.glossary .alphabet-list
{
    width:100%;
    background-color:#e6f1f7;
    border:solid 1px #0f5f89;
    text-align:center;
    vertical-align:middle;
    text-transform:capitalize;
    font-size:1.34em;
    font-weight:bold;
}

.glossary .alphabet-list a
{
    padding:0 8px 0 8px;
}

.glossary h2
{
    margin:20px 0 10px 0;
    padding-left:15px;
    background-color:#0f5f89;
    border:solid 1px #0f5f89;
    color: White;
    display:block;
    
}
.glossary .item
{
    padding-left: 15px;
}

.glossary .return-to-top
{
    padding-left: 15px;
}

.glossary p
{
   margin: 0 10px 0 10px;
}

/* ------------------------------------------------------------------------
                            Generic Fancybox Styles
   ------------------------------------------------------------------------*/

.fb-content-wrapper
{
   /* Placeholder */
}

.fb-content-text
{
   margin-top: 15px;
}

.fb-content-text h3
{
   padding: 0 0 0 10px;
}

.fb-content-text h4
{
   padding: 0 0 0 15px;
}

.fb-content-text p {
   padding: 3px 15px 3px 15px;
}

/* ------------------------------------------------------------------------
                     Fancybox Image Gallery with no thumnails
   ------------------------------------------------------------------------*/
.hidden-gallery
{
   margin-top: 25px;
   /* The remaning rules for this class will be applied by JQuery */
}

.hidden-gallery ul
{
   list-style-type: circle;
}

.hidden-gallery-link
{
   /*width: 430px; */
   text-align: right;
   margin-top:7px;
}


/* ------------------------------------------------------------------------
                                Collapsible Panel
   ------------------------------------------------------------------------*/

/*.toggle-link
{
   margin: 25px 0 20px 0;
} */

.panel-start
{
   margin: 0px 0 -5px 0;
   width: 100%;
   position: relative;
}

.panel-start .panel-head
{
   margin: 0;
   padding: 0;
   line-height: 1.2em;
   width: 500px;
}

.panel-start .panel-head h2, .panel-start .panel-head p
{
   font-size: 1.6em ;
}

.panel-start .panel-link
{
   position: absolute;
   text-align: right;
   bottom: 0px;
   right: 0px;
   width: 240px;
   float: right;
   padding: 0;
   margin: 0;
   vertical-align: top;
}

#togglePanels {
  
   /*display: inline;*/
   font-size: 1.2em;
}

.hidden-head
{
   font-size: 1.6em;
   font-weight: bold;
   margin: 10px 0 10px 0;
   padding: 0;
}

/* ------------------------------------------------------------------------
                            Image Title Collection
   ------------------------------------------------------------------------*/
.image-title-collection
{
    width:100%;
}

.image-title-collection .image-title-item
{
    float:left;
    width:200px;
    margin:0 0 28px 0;

}
.image-title-collection .image-title-item .image
{
	padding:8px 9px 9px 9px;
	border:none;
	width:118px;
	height:104px;
	background: url(../images/collection_page_image_background_final.png) no-repeat;
}
.image-title-collection .image-title-item .image img
{
    border:none;
    float:left;
}

.image-title-collection .image-title-item .title
{
    position:relative;
    bottom:0;
    padding:0;
    margin:0;
}
.image-title-collection .image-title-item .title a
{
    background:none;
    /*background-image:none;*/
    padding:0;
}

/******************************************************************
*							SEARCH RESULTS
*******************************************************************/
#no-sidebar-main-content .search-results
{
    line-height:1.65;
    /*margin-left:20px;*/
}
.search-results {
	float:left;
	width: 100%;
}
.search-results .msg
{
    font-size:1.2em;
    margin-top:20px;
}

.search-results h3 {
	margin:54px 0 0 0;
	padding:0 0 5px 0;
	font-size:2.7em;
	/*line-height:22px;*/
	line-height: 0.815em;
	color:#000;
}
.search-results .search {
	float:left;
	overflow:hidden;
	width:100%;
	height:22px;
	margin:40px 0 18px;
}
.search-results .search input {
	background:none;
	border:1px solid #000;
	height:20px;
	width:563px;
	padding:0 0 0 5px;
	margin:0 5px 0 0;
	float:left;
	font-size:1.1em;
	line-height: 1.818em;
	color:#000;
}

.search-results .search a {
	height:10px;
	width:10px;
	margin:6px 0 0;
	float:right;
}

.search-results .search a:hover
{
    text-decoration: underline;
}

.search-results .powered {
	margin:0;
	width:100%;
	float:left;
}
.search-results .powered p {
	float:right;
	font-size:1.1em;
	/*line-height:18px; */
	line-height: 1.636em;
	color:#000;
	margin:0;
	height:18px;
}
.search-results .variant {
	float:left;
	margin:40px 0 0;
}
.search-results .variant p {
	float:left;
	font-size:1.2em;
	color:#b10101;
	margin:0;
}
.search-results .variant p a {
	margin:0 0 0 5px;
	
	font:bold 1.2em Verdana, Geneva, sans-serif;
	 /*color:#0070a4; */
	color: #0F5F89;
}
.search-results .results {
	float:right;
	margin:20px 0 0;
}
.search-results .results .event {
	font-size:1.1em;
	color:#b15300;
	margin:0;
	text-align:right;
}
.search-results .results p {
	font-size:1.1em;
	color:#000;
	margin:0;
	text-align:right;
}
.search-results .results a {
	margin:0 0 0 5px;
	
	font:bold 1.0em Verdana, Geneva, sans-serif;
	 /*color:#0070a4; */
	color: #0F5F89;
}
.search-results .links {
	list-style:none;
	margin:20px 0 0;
	float:left;
	width:100%;
	padding:0;
	text-align:left;
}
.search-results .links .priority {
	width:100%;
	background-color:#eeeeee;
	text-align:left;
	margin:0 0 15px;
	padding:8px 0 8px 10px;
	background-image:none;
	display:block;
	overflow:hidden;
}

.search-results .links .priority em {
color: #676701;
}
.search-results .links .holder:last-child {
	/*background:none;*/
	border-bottom:none;
	margin:0;
}
.search-results .links .holder {
	width:100%;
	/*background: url(../images/bg-links-li.png) no-repeat 0 50px;
	background-position:bottom;*/
	border-bottom: dashed 1px #707070 ;
	text-align:left;
	margin:0 0 15px;
	padding:0 0 15px 0;
}
.search-results .links a {
	margin:0;
	
	font:bold 1.2em Verdana, Geneva, sans-serif;
	 /*color:#0070a4; */
	color: #0F5F89;
}

.search-results .links a:hover {

	color: #722A06;
}
.search-results .links p {
	font-size:1.1em;
	color:#000;
	margin:0;
}
.search-results .links em {
	font-size:1.1em;
	color:#676701;
	margin:0;
	word-wrap:break-word;
}
.search-results .pages {
	margin:15px 0 10px;
	display:inline-block;
}
*+ html .search-results .pages {display:inline;}
.search-results .pages .prev {
	float:left;
	font:bold 1.2em Verdana, Geneva, sans-serif;
	/*color:#000;*/
	color: #0F5F89;
	text-decoration:none;
	text-align:right;
}

.search-results .pages .prev:hover
{
    text-decoration: underline;
}

.search-results .pages .prev-off {
	float:left;
	
	font:bold 1.2em Verdana, Geneva, sans-serif;
	color:#585858;
	text-decoration:none;
	text-align:right;
}

.search-results .pages .next {
	float:left;
	
	font:bold 1.2em Verdana, Geneva, sans-serif;
	/*color:#000;*/
   color: #0F5F89;
	text-decoration:none;
	text-align:left;
	margin:0 0 0 20px;
}

.search-results .pages .next:hover 
{
    text-decoration: underline;
}

.search-results .pages .next-off {
	float:left;
	
	font:bold 1.2em Verdana, Geneva, sans-serif;
	color:#585858;
	text-decoration:none;
	text-align:left;
	margin:0 0 0 20px;
}

.search-results .pages ul {
	float:left;
	margin:0 5px;
	padding:0;
	list-style:none;
}
.search-results .pages li {
	float:left;
	width:15px;
	margin:0 0 0 20px;
}
.search-results .pages li p {margin:0;}
.search-results .pages li a {
	
	font:bold 1.1em Verdana, Geneva, sans-serif;
	 /*color:#0070a4; */
	color: #0F5F89;
}

.search-results .pages a:hover
{
    color:#722A06;
}
.search-results .pages li .disabled
{
    margin:0;
    padding:0;
	/*color:#585858;*/
	color:#000 !important;
	text-decoration:none;
	text-align:right;
}
.search-results .google {
	float:right;
	margin:0;
	width:100%;
}

.pager-nav
{
    /*position:absolute;*/
    position:relative;
    float:right;
    bottom:0;
    right:29px;
}
.refine
{
    margin-top:40px;
    padding-left:10px;
    width:203px;
}
.refine .title
{
    margin:0 0 15px 0;
    border-bottom:solid 2px #707070;
    font-size:1.8em;
    font-weight:bold;
    padding-bottom:8px;
}
.refine a
{
    text-transform:capitalize;
    text-decoration:none;
    display:block;
    /*font-size:1.2em;*/
    background: url(../images/arrow.png) no-repeat;
	background-position:0 center;
	padding:0 0 0 15px;
}
.refine a:hover
{
    font-weight: bold;
}

#print-layout-area .search-results .links
{
   float: none;
}

#print-layout-area .search-results .results
{
   float: none;
}

#print-layout-area .search-results .pager-nav
{
   position: relative;
}

/******************************************************************
*							GOVERNMENT PAGE
*******************************************************************/
.carousel-container
{
    
    height:295px; 
	width:542px;
	padding: 10px 12px 10px 8px;
	margin-top:30px;
	background:url(../images/bos-animation-background.png) no-repeat;
	border:none;   
}
.carousel-container a img
{
    border:none;
}
/****************************************************
*           SURVEY SECTION
/****************************************************/

.survey-intro
{
   border-bottom: dotted 1px #585858;
   margin:0 0 18px 0;
   padding-bottom: 15px;
   /* font-size:0.8em; */
}

.survey-intro img
{
   float: left;
   margin-top: -5px;
   padding-right: 10px;
}
.survey-intro p
{
   margin-top: -5px;
}

.survey-contact
{
   border-bottom: dotted 1px #585858;
   padding-bottom: 19px;
   margin-bottom: 37px;
}

.survey-contact img
{
   float: left;
   margin-top: -3px;
   padding-right: 12px;
}

.survey-contact a
{
   text-decoration: none;
}

.survey-contact a:hover
{
   text-decoration: underline;
}

/****************************************************************
*                           Definitions
****************************************************************/

/*.word-definition  to be removed on implemation.  Will be replaced
by .term
{
    border-bottom: 1px dotted #000000; 
    color: #000000; 
    cursor: help; 
    text-decoration: none;
    position: relative;
}

.word-definition span, .word-definition span a
{
    margin-left: -999em;
    position: absolute;
}

.word-definition:hover span, .word-definition:hover span a
{
    position: absolute;
    left: 1em;
    top: 2em;
    z-index: 99;
    margin-left: 0;
    width: 250px;
}

.word-definition:hover img 
{
    border: 0;
    margin: -10px 0 0 -55px;
    float: left;
    position: absolute;
}

.word-definition:hover em 
{
    font-family: Candara, Tahoma, Geneva, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    padding: 0.2em 0 0.6em 0;
} */

.term
{
    border-bottom: 1px dotted #000000; 
    color: #000000; 
    cursor: pointer; 
    text-decoration: none;
    position: relative;
}
.term span, .term span a
{
    margin-left: -999em;
    position: absolute;
}

.term:hover span, .term:hover span a
{
    position: absolute;
    left: 1em;
    top: 2em;
    z-index: 99;
    margin-left: 0;
    width: 250px;
}

/*.term:hover img 
{
    border: 0;
    margin: -10px 0 0 -55px;
    float: left;
    position: absolute;
}

.term:hover em 
{
    font-family: Candara, Tahoma, Geneva, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    padding: 0.2em 0 0.6em 0;
} */

.definition 
{
    background: white; 
    border: 1px solid #471a04;
    padding: 5px 5px 5px 8px;
    box-shadow: 0 0 5px #aaa;
}

/*.classic
{
    padding: 0.8em 1em; 
}

.custom 
{ 
    padding: 0.5em 0.8em 0.8em 2em; 
}

* html a:hover { background: transparent; }

.classic 
{
    background: #FFFFAA; 
    border: 1px solid #FFAD33;
}

.critical 
{ 
    background: #FFCCAA; 
    border: 1px solid #FF3334;
}

.help 
{ 
    background: #9FDAEE; 
    border: 1px solid #2BB0D7;	
}

.tooltip-info { background: #9FDAEE; border: 1px solid #2BB0D7;	}

.warning { background: #FFFFAA; border: 1px solid #FFAD33; } */

/****************************************************************
*                              Fees
****************************************************************/

.department-fees
{
    /*font-family: Verdana, sans-serif;
    font-size: 1.2em;
    line-height: 1.65;
    margin-top: 25px;*/
    margin-left: 20px;
    width: 615px;
}

.fee-header
{
   font-family: Verdana, sans-serif;
   background-color: #0f5f89;
   color: #ffffff;
   margin-bottom: 15px;
}

.fee-header h2
{
    padding: 5px 0 5px 20px;
    font-size: 1.5em;
    font-weight: bold;
}

.fee-header .fee-effective-date
{
    font-size: .8em;
}

.department-fees .fee-header .title
{
   /*font-family: Verdana, sans-serif;
   font-weight: bold;
   font-size: 1.1em;*/
}

.department-fees .fee-table
{
   width: 100%;
   margin-top: 15px;
   margin-bottom: 35px;
   /*margin-left: 20px;
   padding: 0 5px 0 5px;
   border-collapse: collapse; */
}
/*
.department-fees .fee-table caption
{
    background-color: #EEEEEE;
    font-weight: bold;
    margin: 5px 0 10px;
    padding: 2px 0;
    text-align: center;
}

.department-fees .fee-table tr
{
   margin-left: 20px;
} */

.department-fees .fee-table tr.odd
{
   background-color: #e6f1f7;
}

.department-fees .fee-table td
{
   border-left-style: hidden;
   border-right-style: hidden;
   border-top: dotted 1px lightgray;
   border-bottom: dotted 1px lightgray;
   padding: 10px 10px 10px 10px;
}

.department-fees .fee-table th
{
   border-right-style: hidden;
   border-left-style: hidden;
   border-top-style: hidden;
   border-bottom: solid 2px #8c8c8c;
   padding-left: 10px;
   padding-right: 10px;
}

.department-fees .fee-table .fee-amount
{
    text-align: right;
    width: 22%;
}

.department-fees .fee-table .fee-name
{
    text-align: left;
    width: 78%;
}

/****************************************************************
*                          Page Section
****************************************************************/

.rec-upcoming-event
{
    width:200px;
}

.rec-upcoming-event .title
{
    font-size:1.9em;
    margin:0 0 7px 10px;
    padding-left: 15px;
    /* text-align:center;
    float:left;
    height:28px; */
}

.rec-upcoming-event .title p
{
    margin:0;
    padding:0;
}

.rec-upcoming-event .image
{
    float:left;
    margin-top:3px;
}

.image-title
{
    border-bottom:dotted 1px black;
    margin-bottom:8px;
}


/**********************************************************************
*                           TWO COLUMN LIST
***********************************************************************/
.category-heading
{
   margin-top: 17px;
   
}
.category-heading .title a
{
   text-decoration: none;
   border-bottom: dotted 1px #585858;
   display: block;
   font-size: 1.8em;
   color: #b15300;
   position: relative;
   margin-bottom: 10px;
}

.category-heading .title a span
{
   background: #fff;
   padding-right: 9px;
   position: relative;
   top: 10px;
}

.two-column-list
{
    line-height: 1.8em;
    /*margin-top: 15px;*/
}

.two-column-list .detail-heading
{
   font-size: 1.4em;
   margin: 0px 0 20px 0;
   padding: 0;
}

.two-column-list .detail-rule
{
   border-bottom: dotted 1px black;
}

.two-column-list .detail
{
    width: 45%;
    float: left;
    /* overflow:hidden; */
    min-height: 20px;
    padding: 0 0 20px 25px; 
}

.two-column-list .communities
{
   height: 9em;
}

.two-column-list .detail .no-link
{
     font-weight: bold;
     font-size: 1.5em;
}

.two-column-list .detail a
{
     font-weight: bold;
     text-decoration: none;
     font-size: 1.5em;
}

.two-column-list .detail a:hover
{
    text-decoration: underline;
}

.two-column-list .detail p
{
    font-size:1.2em;
    margin: 0;
    padding:0;
}

/* ------------------------------------------------------------------------*/
/*                             CONTACT STYLES                              */
/* ------------------------------------------------------------------------*/
.email-us a
{
   margin: 0 0 6px 0;
   padding-left: 25px;
   font-size: 1.2em;
   background: url(../images/toolsnav/email.png) no-repeat;
   background-position: 0 center;
   /* color:#0070a4; */
	color: #0F5F89;
   text-decoration: none;
}

.email-us a:hover
{
   text-decoration: underline;
}

.contact-map
{
   float: right;
}

.contact-map .map
{
   height: 210px;
   width: 290px;
   background: url(../images/background-images/map-background.png) no-repeat right top;
}

.contact-directions-link
{
   margin-left: 175px;
}

.contact-directions-link a
{
   padding-left: 18px;
   background: url(../images/New-Orange-Arrow-Final.png) no-repeat;
   background-position: 0 center;
   /* font-size: 1.2em; */
   /* color:#0070a4; */
   color: #0F5F89;
   text-decoration: none;
   text-align:left;
}

.contact-directions-link a:hover
{
   text-decoration: underline;
}

.contact-text
{
   line-height: 1.2;
   margin-top: 10px;
   width: 340px;
}

.separator {
   height: 30px;
   position: relative;
   margin-top: 40px;
}

/* This will be replaced by generic filter radio button/checkbox styles */
.contact-buttons {
   margin-top: 20px;
   padding: 2px 5px 15px 5px;
   border: 2px solid #707070;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px 8px 8px 8px;
   box-shadow: 2px 4px 4px 0px #d3d3d3;
   -webkit-box-shadow: 2px 4px 4px 0px #d3d3d3;
   -moz-box-shadow: 2px 4px 4px 0px #d3d3d3;
}

.contact-buttons p
{
   font-size: 1.2em;
   font-weight: bold;
}

.contact-buttons .button-div
{
   width: 612px;
   margin-left: auto;
   margin-right: auto;
}

.contact-buttons .radio-div
{
   width: 148px;
   display: inline-block;
   padding-bottom: 5px;
   /* The following junk is for IE 7 which is brain-dead */
   zoom: 1;
   *display: inline;
   _height: 30px;
}

.contact-buttons label
{
    display:inline-block;
    font-size: 1.2em;
    width:127px;
}
/* End deprecated section */

.email-link a {
   background: url("../images/email.png") no-repeat scroll 0 center transparent;
   /* color: #0070A4; */
 	color: #0F5F89;
   /* font-size: 1.2em; */
   margin: 0 0 6px;
   padding-left: 25px;
   text-decoration: none;
}
/* ------------------------------------------------------------------------*/
/*                            CONTACT US FORM                              */
/* ------------------------------------------------------------------------*/

.error-message
{
    color: #0070A4;
    font-size: 1.2em;
    margin: 0 0 6px;
    padding-left: 25px;
    text-decoration: none;
}

/* .bodydiv */
#email-form
{
    font-size:1.2em;
}

.intro p
  {
     font-size: 1.1em;
     background: url("../images/blue-envelope-large-final.png") no-repeat;
     background-position: left top;
     border-bottom: dotted 1px #585858;
     padding: 0 0 20px 40px;
  }
  
/* #divbox
{
  background-color: #585858;
  width: 240px;
  border: none;
} */

.inputbox
{
   width:500px;
}

.textbox
{
  /* background-color: #ffffff; */
  width: 240px;
  border: none;
}

.msgbox
{
  width: 590px;
  height: 120px;
  resize: none;
}

.formdivfirst
{
  margin-top: 10px;
  margin-bottom: 10px;
}

.formdiv
{
  /*margin-top: 10px;*/
}

.formdivlast
{
  /* margin-top:10px; */
}

.colorred
{
  color: red;
}

.errortext
{
  display: none;
  padding-left: 5px;
  color: red;
}

.reqtext
{
  font-size:.7em;
}

.notesdiv
{
   margin-top: 5px;
}

.buttondiv
{
  float: right;
  /* margin-top: -25px; */
}

.lastbutton
{
  margin-right: 10px;
}
  
/* issues, comments */

.wb-entry-add-comment.wb-panel {
 overflow:hidden;
 width:100%;
}
.wb-entry-add-comment.wb-panel .wb-error {
    background: none repeat scroll 0 0 #FFE9E5;
    border: 1px solid #F6C9C6;
    color: Red;
    padding: 10px;
}
.wb-entry-add-comment.wb-panel .wb-successtext{
  padding: 10px;
  border: 1px solid #000;
  background: none repeat scroll 0 0 #81e050;
  color:#FFF;
}
.wb-entry-add-comment.wb-panel .row {
 padding:5px 0 ;
}
.wb-entry-add-comment.wb-panel textarea {resize:none;}
.wb-entry-add-comment.wb-panel label {
 display:inline-block;
 vertical-align:top;
 min-width:70px;
 margin: 5px 0 0;
}
.wb-entry-add-comment.wb-panel .wb-text-validate {
 display: inline-block;
 margin: 4px 0 0;
 vertical-align: top;
}

.wb-entry-add-comment.wb-panel .wb-captcha {
 overflow:hidden;
 margin:10px 0 0;
}
.wb-entry-add-comment.wb-panel .blog-captcha-image {
 border: 1px solid;
    float: left;
    margin: 1px 10px 10px;
}
.wb-entry-comments.wb-panel ul {
 margin:0;
 padding:0;
 list-style:none;
}
.wb-entry-comments.wb-panel li {
 padding: 10px;
 /* background:#eeeeee; */
}
.wb-entry-comments.wb-panel .wb-comment-alternate {
 background:#eAeAeA;
}

/* Following css added 5/23/12 to accomidate success message change from QA
   This may make other code no longer used*/

.email-response-header-spacer
{
    height:100px;
    width: 100%;
}

.email-response-text
{
    width:100%;
    text-align:center;
}

.email-response-image-bookend
{
    width:33%;
    display:inline-block;
}

.email-response-image
{
    border:none;
    display:inline-block;
}

.email-response-button-bookend
{
    width:45%;
    display:inline-block;
}

.email-response-button
{
  display:inline-block;
  margin:20px 0 0 0;
}


/******************************************************************
*							SNIPPET MENU
*******************************************************************/

/* HOME page*/
.home-snippet {
	float: left;
	width: 180px;
	height: auto;
	min-height: 80px;
	padding: 0;
	margin: 20px 20px 0 0;
	border-bottom: black dashed 1px;
	z-index:10;
}
.home-snippet h2
{
	font-size:24px;
	margin: 0 0 8px 0;
	padding: 0;
	font-weight:normal;
	letter-spacing: .05em;
}
.home-snippet p {
	margin: 0 0 10px 0;
}
/* OTHER pages*/
.snippet 
{
   background-color: #efefef;
   border: 1px dotted gray;
	float: left;
	width: 162px;
	min-height: 150px;
	padding: 0;
	margin: 15px 0 0 40px;
	z-index: 10;
}

.snippet p 
{
   font-size: 1.1em;
	margin: 0 0 10px 0;
	line-height: 1.5;
	padding: 0 5px 0 5px;
}

.snippet h2 
{
   background-color: #0f5f89;
   color: #ffffff;
	font-size: 1.6em;
	margin: 0 0 8px 0;
	padding: 3px;
	font-weight: bold;
	text-align: center;
	letter-spacing: .05em;
}

.snippet-white 
{
   border: 1px dotted gray;
	float: left;
	width: 162px;
	min-height: 150px;
	padding: 0;
	margin: 15px 0 0 40px;
	z-index: 10;
}

.snippet-white p 
{
   font-size: 1.1em;
	margin: 0 0 10px 0;
	line-height: 1.5;
	padding: 0 5px 0 5px;
}

.snippet-white h2 
{   
	font-size: 1.6em;
	margin: 0 0 8px 0;
	padding: 3px;
	font-weight: bold;
	text-align: center;
	letter-spacing: .05em;
}

/******************************************************************
*							PAGE ITEM
*******************************************************************/
.page-item
{
    float:left;
    width:318px;
    margin:0 0 20px 0;
}
.page-item .image
{
    float:left;
    padding:8px 9px 9px 9px;
	border:none;
	width:118px;
	height:104px;
	background: url(../images/collection_page_image_background_final.png) no-repeat;
}
.page-item .image a img
{
    border:none;
}
    
.page-item .detail
{
    width:182px;
    float:right;
}

/* ------------------------------------------------------------------------*/
/*                       FILTER BUTTONS/CHECKBOX STYLES                    */
/* ------------------------------------------------------------------------*/
/*.filter-input
{
    position:relative;
} */

.panel-filter
{
   padding-top: 30px;
   clear: both;
}

.filter-header
{
    margin: 20px 0 0 0;
    padding-left: 20px;
    background-color: #0f5f89;
    border: solid 1px #0f5f89;
    color: White;
    display: block;
    line-height: 1.65;
}

.filter-refresh-button
{
    text-align: center;
    margin-top: 14px;
    margin-bottom: 7px;
}

.filter-input {
   padding: 0 5px 5px 15px;
   border: 1px solid lightgray;
   background-color: #e6f1f7;
   margin-bottom: 25px;
}

.filter-input .filter-block
{
   width: 612px;
   margin-left: auto;
   margin-right: auto;
   padding-top: 5px;
}

.filter-input .filter-block .input-wrapper
{
   width: 200px;
   display: inline-block;
   padding-bottom: 5px;
   /* The following junk is for IE 7 which is brain-dead */
   zoom: 1;
   *display: inline;
   _height: 30px;
}

.filter-input p
{
   font-size: 1.2em;
}

.filter-input label
{
   font-size: 1.2em;
}

.filter-input .disabled
{
   color: lightgray;
}

/* ------------------------------------------------------------------------*/
/*                                  FORMS                                  */
/* ------------------------------------------------------------------------*/

.global-forms-table
{
    font-size:1.2em;
    width:100%;
    border-collapse:collapse;
}

.forms-category-header
{
   background-color: #0f5f89;
}

.forms-category-header h3
{
   font-size: 1.404em;
   color: #ffffff;
   padding: 4px 0 4px 20px;
}

.forms-table
{
   width: 93%;
   font-family: Verdana, sans-serif;
   font-size: 1.2em;
   line-height: 1.65;
   margin-top: 15px;
   margin-bottom: 35px;
   margin-left: 20px;
   padding: 0 5px 0 5px;
   border-collapse: collapse;
}

.forms-table th
{
   border-right-style: hidden;
   border-left-style: hidden;
   border-top-style: hidden;
   border-bottom: solid 2px #8c8c8c;
   padding-left: 10px;
   padding-right: 10px;
   text-align: left;
}

.forms-table tr.regular
{
   margin-left: 20px;
   background-color: #ffffff;
}

.forms-table tr.alternate, .global-forms-table tr.alt
{
   margin-left: 20px;
   background-color: #e6f1f7;
}

.forms-table td
{
   border-left-style: hidden;
   border-right-style: hidden;
   border-top: dotted 1px lightgray;
   border-bottom: dotted 1px lightgray;
   padding: 10px 10px 10px 10px;
}

.forms-table .tdimg
{
   text-align: center;
}

.forms-table .alignright
{
   text-align: right;
}

.forms-table .th1
{
   text-align: left;
   width: 58%;
}

.forms-table .th1-ascending a
{
   background: url("../images/sort-arrow-up.png") right center no-repeat;
   text-align: left;
   padding-right:15px;
   width: 58%;
}
.forms-table .th1-descending a
{
   background: url("../images/sort-arrow-down.png") right 0 center no-repeat;
   text-align: left;
   padding-right:15px;
   width: 58%;
}
.sortasc a
{
    background-image:url("../images/sort-arrow-up.png");
    background-repeat:no-repeat;
    background-attachment:inherit;
    background-position:right center; 
   
   text-align: left;
   padding-right:5px;
}

.sortdesc a
{
    background-image:url("../images/sort-arrow-down.png");
    background-repeat:no-repeat;
    background-attachment:inherit;
    background-position:right center; 
   text-align: left;
   padding-right:5px;
}
th.sortdesc a, th.sortasc a
{
    padding-right:18px;
}

.forms-table .th2
{
   text-align: center;
   width: 5%;
}

.forms-table .th3
{
   text-align: left;
   width: 21%;
}

.forms-table .th4
{
   text-align: right;
   width: 16%;
}

.global-forms-table tr
{
    border-bottom:dotted 1px #D3D3D3;
}

.global-forms-table td
{
    border:none;
    padding-top:10px;
    padding-bottom:10px;
}

.global-forms-table th
{
    border-bottom:solid 2px #8C8C8C;
    padding-top:5px;
}

.global-forms-table .name-col,
.global-forms-table .id-col,
.global-forms-table .fee-col,
.global-forms-table .type-col
{
    line-height:1.5em;    
}

.global-forms-table .name-col
{
    width:58%;
}

.global-forms-table .id-col
{
    width:20%;
}

.global-forms-table .fee-col
{
    width:12%;
    text-align:right;
}

.global-forms-table .type-col
{
    width:10%;
    text-align:center;
}

.global-forms-table caption
{
    background-color:#0F5f89;
    text-align:left;
    color:#FFF;
    font-size:1.2em;
    padding: 4px 0 4px 20px;
    font-weight:bold;
    margin-bottom:20px;
}

#NavigationArea .filter-block .filter-items label
{
    display:inline-block;
    width:177px;
    text-align:left;
    padding-bottom:5px;
}

#NavigationArea .filter-input
{
   margin-bottom: 32px;
}

/* ------------------------------------------------------------------------------------------------------- */
/*                                       CULTURAL SERVICES LANDING PAGE                                    */
/* ------------------------------------------------------------------------------------------------------- */

.cal-pic
{
   width: 170px;
   min-height: 315px;
   float: left;
   margin-left: 14px;
   margin-bottom: 35px;
}

.cal-pic img
{
   /* margin-left: 5px; */
   margin-left: 8px;
   margin-top: 30px;
   margin-bottom: 35px;
   border: none;
}

/* ------------------------------------------------------------------------------------------------------- */
/*                                       IMAGE CAROUSEL                                                    */
/* ------------------------------------------------------------------------------------------------------- */

.carousel
{
   background: url("../images/carousel-background.png") no-repeat;
   background-position: center center;
   width: 577px;
   height: 395px;
   padding: 0 5px 0 0;
   margin: 0 auto 25px auto;
}

.feedback-section
{
    margin-bottom:20px;
}
.feedback
{
    border-bottom:dotted 1px #000;
    margin-bottom:10px;
}

/* ------------------------------------------------------------------------------------------------------- */
/*                                       JQUERY UI CHANGES
/* ------------------------------------------------------------------------------------------------------- */

.ui-widget
{
   font-family: Verdana,Arial,sans-serif;
   font-size: 1.1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button
{
   font-family: Verdana,Arial,sans-serif;
}

.ui-widget-content
{
   border: 1px solid #aaaaaa;
}

.ui-widget-content a
{
   color: #0F5F89;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active
{
   background: white;
}

/* ------------------------------------------------------------------------------------------------------- */
/*                                       JQUERY UI TABS WIDGET                                             */
/* ------------------------------------------------------------------------------------------------------- */

#tabs
{
   margin-top: 25px;
}

.ui-tabs .ui-tabs-nav li a 
{
   font-weight: bold;
}

.ui-tabs .ui-tabs-panel
{
   margin-top: 10px;
}

/* ------------------------------------------------------------------------------------------------------- */
/*                                   JQUERY UI COLLAPSIBLE PANEL WIDGET                                             */
/* ------------------------------------------------------------------------------------------------------- */

.collapsibleContainerContent h4
{
   font-size: 1.2em;
}

/* ------------------------------------------------------------------------*/ 
/*                             ADA Classes                                 */
/* ------------------------------------------------------------------------*/

.hidden
{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

/* ------------------------------------------------------------------------*/ 
/*                             Department list                             */
/* ------------------------------------------------------------------------*/

.dept-two-column
{
    /*line-height:18px;*/
    line-height: 1.5em;
    /*margin-top: 15px;*/
    margin-top: 0px;
    margin-bottom: 20px;
    overflow:hidden;
}

.dept-two-column .detail
{
    width:45%;
    float:left;    
    padding:20px 0 0 25px; 
}

.department
{
}

.department .alphabet-list
{
    width:100%;
    background-color:#e6f1f7;
    border:solid 1px #0f5f89;
    text-align:center;
    vertical-align:middle;
    text-transform:capitalize;
    font-size:1.34em;
    font-weight:bold;
}

.department .alphabet-list a
{
    padding:0 8px 0 8px;
}

.department h2
{
    margin:20px 0 2px 0;
    padding-left:25px;
    background-color:#0f5f89;
    border:solid 1px #0f5f89;
    color: White;
    display:block;
    
}
.department .item
{
    padding-left:15px;
}

.department .return-to-top
{
    padding-left: 25px;
}

.dept-two-column .detail .no-link
{
     font-weight: bold;
     font-size: 1.2em;
}

.dept-two-column .detail a
{
     font-weight: bold;
     text-decoration: none;
     font-size: 1.2em;
}

.dept-two-column .detail a:hover
{
    text-decoration: underline;
}

.dept-two-column .detail p
{
    font-size:1.2em;
    margin: 0;
    padding:0;
}

/* ------------------------------------------------------------------------*/ 
/*                             Video Gallery                               */
/* ------------------------------------------------------------------------*/

#VideoGallery
{
}

.highlighted-video-area .image-area
{
    /* margin: 0 0px 15px 55px; */
}

.video-gallery h2
{
    background-color:#0F5F89;
    color:White;
    padding:0 0 0 5px;
    margin: 0 0 20px 0;
}

.video-gallery h4
{
    padding: 0px 0 0 5px;
}

.video-gallery .highlighted-description-area
{
    margin: -13px 0 30px 0; 
}

.video-gallery .highlighted-description-area p
{
    padding: 0 0 0 5px;
}

.video-gallery .archived-video-area
{
    overflow:auto;
    padding:0 0 0 7px;
    margin:-5px 0 0 0;   
}

.video-gallery .archived-video-area p,
.video-gallery .archived-video-area strong
{
    padding: 0 0 0 5px;
    display: block;
}

.video-gallery .archived-video-item-area
{
    width: 190px;
    float: left;
    margin: 5px 25px 6px 0px;
    min-height: 175px;
    line-height: 1.4em;
    height: 20em;
}

.video-gallery .paging-control-area
{
    position:relative;
    width:100%;
    height:25px;
    margin: -12px 0 2px 0;
}
.video-gallery .paging-control
{
    position:absolute;
    overflow:auto;
    right:5px;
    margin: 0 0 0 0;
}

.video-gallery .image-frame
{
    /* margin:0 0 13px 0; */
    margin: 0 auto 25px auto;
    display:block;
}

.video-gallery a:active
{
    /* outline:none; */
}

.video-gallery .paging-back,
.video-gallery .paging-numbers,
.video-gallery .paging-next
{
    float:left;
    margin:0 0 0 0;
    /*min-width:57px;*/    
}

/* ----------------------------------------------------------------------------*/ 
/* To make the "print friendly" version of the BOS interactive map look better */
/* ----------------------------------------------------------------------------*/
#mapnav
{
   list-style-type: none;
}

/* ----------------------------------------------------------------------------*/ 
/* To make the "print friendly" version of the PW flood control district map   */
/* ----------------------------------------------------------------------------*/
#print-layout-area .image-map
{
   height: 679px;
   width: 605px;
   background: url(http://www.marincounty.org/images/floodmap_base2.png) no-repeat bottom;
   margin-bottom: 20px;
}

#print-layout-area .image-map a
{
   padding-left: 20px;
}

/* ----------------------------------------------------------------------------*/ 
/* To make the "print friendly" version of the HR Performance Process graphic  */
/* ----------------------------------------------------------------------------*/
.hrpp-image-map
{
   height: 294px;
   width: 640px;
   background: url(../departments/hr/images/SupervisoryReview_4_2.jpg) no-repeat;
}

#print-layout-area .hrpp-image-map a
{
   padding-left: 20px;
}

/* ----------------------------------------------------------------------------*/ 
/* To make the "print friendly" version of the FR image maps                   */
/* ----------------------------------------------------------------------------*/
.fire-station-image-map
{
   height: 725px;
   width: 640px;
   background: url(../departments/fr/images/FireDistrictMap21.jpg) no-repeat;
}

#print-layout-area .fire-station-image-map a
{
   padding-left: 20px;
}

.fire-history-image-map
{
   height: 345px;
   width: 650px;
   background: url(../departments/fr/images/fire_timeline10.png) no-repeat;
}

#print-layout-area .fire-history-image-map a
{
   position: relative;
   top: -20px;
}

/* ----------------------------------------------------------------------------*/ 
/* To make the "print friendly" version of JQueryUI tabs present properly when */
/*    there's no JS                                                            */
/* ----------------------------------------------------------------------------*/
#print-layout-area #tabs
{
   font-size: 1.2em;
}

/* ----------------------------------------------------------------------------*/ 
/*                               Search Tab                                    */
/* ----------------------------------------------------------------------------*/
.search-tab
{
    width:100%;
    
}

/* ----------------------------------------------------------------------------*/ 
/*                       Unsupported Browser Warning                           */
/* ----------------------------------------------------------------------------*/
#warningClose
{
    padding: 0 0 0 20px;
    background: url(../images/board/bosinteractive/popupclose.png) no-repeat;
    background-position: left center;
}

/* ----------------------------------------------------------------------------*/ 
/*                           Organization Chart                                */
/* ----------------------------------------------------------------------------*/
#org-chart
{
   font-size: 1.2em;
}

#org-chart table .round-box
{
   background-color: #ffffff;
   border: solid 1px black;
   border-radius: 8px 8px 8px 8px;
   -moz-border-radius: 8px 8px 8px 8px;
   -moz-box-shadow: 2px 2px 3px #888888;
   box-shadow: 2px 2px 3px #888888;
   /* Stupid IE < 9 hacks */
   position: relative;
   zoom: 1;
   padding: 5px;
   margin-bottom: 5px;
}

#org-chart table .color-box
{
   width: 100%;
   background-color: #0f5f89;
   color: white;
   border: solid 1px black;
   border-radius: 8px 8px 8px 8px;
   -moz-border-radius: 8px 8px 8px 8px;
   -moz-box-shadow: 2px 2px 3px #888888;
   box-shadow: 2px 2px 3px #888888;
   /* Stupid IE < 9 hacks */
   position: relative;
   zoom: 1;
   padding: 5px;
}

#org-chart table .color-box a
{
   color: white;
}

#org-chart table .box-content
{
   height: 40px;
   text-align: center;
   vertical-align: middle;
}

/* ----------------------------------------------------------------------------*/ 
/*                             Home Page Banner                                */
/* ----------------------------------------------------------------------------*/
.homepage-banner
{
   color: White;
   height: 2.8em;
   width: 954px;
   font-size: 1.6em;
   overflow: hidden;
}

.homepage-banner p
{
   padding: 10px 0 0 46px;
   margin: 0 6px 0 6px;
   font-weight: bold;
}

.homepage-banner a
{
   font-weight: bold;
   color: White;
   text-decoration: underline;
}

.homepage-banner a:hover
{

   color: White;
}

.banner-purple
{
   background: #6003af url(../images/banner/purple.png) no-repeat 1% 50%;
   background-origin: content-box;

}

.banner-red
{
   background: #b00000 url(../images/banner/red.png) no-repeat 1% 50%;
}

.banner-green
{
   background: #01671b url(../images/banner/green.png) no-repeat 1% 50%;
}

.banner-blue
{
   background: #0F5F89 url(../images/banner/blue.png) no-repeat 1% 50%;
}

.banner-amber
{
   /* background-color: #b25b03; */
   color: Black;
   background: #FFBF00 url(../images/banner/amber.png) no-repeat 1% 50%;
}

.banner-yellow
{
   color: Black;
   background: #fff963 url(../images/banner/yellow.png) no-repeat 1% 50%;
}

.banner-yellow a, .banner-amber a
{
   color: Black;
}

.banner-yellow a:hover, .banner-amber a:hover
{
   color: Black;
}
/******************************************************************
*                     ADVANCED SEARCH
*******************************************************************/
.advanced-search
{
    padding-left:40px;
    width:80%;
}
.advanced-search .left
{
    float:left;
    width:30%;
}

.advanced-search .right
{
    float:right;
}
.advanced-search .right input
{
   margin-bottom:10px;
   width:450px;
}
.advanced-search .ddlstyles
{
	width:455px;
	margin-bottom:15px;
	font-size: 1.09em;	
	
}
.button
{
    height:31px;
   
}

/******************************************************************
*				            ARCC Sales Data
*******************************************************************/
.intro
{
}

.sales-summery
{
    margin-bottom:20px;
}

.sales-results-title
{
    
}

.sales-results-title p
{
    margin-bottom:0;
}

.sales-results-catagory p
{
    margin-top:0;
    padding-top:0;
    width:100%;
    padding-bottom:12px;
    border-bottom:dashed 1px black;
}

.sales-tabledata
{
    padding:0;
    margin:0 0 0 0;
    border-collapse:collapse;
}

.sales-tabledata tr
{
    border-bottom: dotted 1px black;
}

.sales-tabledata td
{
    padding:6px 0 6px 0;
}

.sales-tabledata .header
{
    
}

.sales-tabledata .total
{
    border:0;
    font-weight: bold;
}

.sales-tabledata .col-city
{

}

.sales-tabledata .col-sold
{
    
}

.sales-tabledata .text-left
{
    text-align:left;
}

.sales-tabledata .text-right
{
    text-align:right;
}

.sales-tabledata .col-meanprice
{
    text-align:right;
}

.sales-tabledata .col-median
{
    text-align:right;
    padding-right:10px;
}


.improvement-summery .title
{
    padding-bottom:7px;
    border-bottom:dotted 1px black;
    margin:20px 0 10px 0;
}

.improvement-summery .info
{
    margin-bottom:20px;
}

.sales-tabledata .col-properties
{
    
}

.sales-tabledata .col-imp-sold
{
    
}

.sales-tabledata .col-total
{
    text-align:right;
}

.sales-tabledata .dat-city, .sales-tabledata .dat-properties,
.sales-tabledata .col-city, .sales-tabledata .col-properties
{
    padding-left:17px !important;
}

.sales-tabledata .dat-meanprice,
.sales-tabledata .dat-median, .sales-tabledata .dat-total
{
    text-align:right;
}

.sales-selection
{
    padding: 10px;
    line-height: 1.65;
    margin: 10px 0px 20px;
    background-color: #E6F1F7;
    border: 1px solid lightgray;
}

.simple-content-text .sales-results tr.alt
{
    background-color: #E6F1F7;
    margin-left: 20px;
}

.simple-content-text .sales-results table 
{
    width: 100%;
}

/******* imitate the table2 styles: ***********/
.simple-content-text .sales-results caption
{
text-align: left;
color: White;
background-color: #0f5f89;
padding: 0 0 0 5px;
margin-bottom: 10px;
}

.simple-content-text .sales-results tr th
{
    padding-left: 5px;
}

.simple-content-text .sales-results tr td
{
    padding-left: 5px;
    padding-right: 10px;
}

#SalesSearchControl .error-message
{
    color: red;
    font-size: 1.0em;
} 

.sales-selection select 
{
     font-size: 1.1em;
} 

.sales-selection input 
{
     font-size: 1.1em;
}

#SearchButton
{
    float:right;
    margin:1.4em 10px 0px 0px;
}

.sales-results h2 
{ 
    font-size: 1.5em;
}

.sales-results h3 
{
    font-size: 1.3em;
}

/******************************************************************
*			Grand Jury Reports
*******************************************************************/

.report-response-pair
{
     margin:0 0 5px 0;
}

.report-response-pair p
{
     padding:0;
}

.report-response-title
{
     width:77%;
     float:left;
}

.report-response-date
{
     width: 23%; 
     float: right;
}

.center-th
{
    text-align:center !important;
    border: solid 2px red;
    z-index:100;
}

/******************************************************************
*                      DECISIONS
*******************************************************************/
.decisions-collection
{
    margin:30px 0 30px 0;
}

.decisions-collection .header
{
    font-size: 1.17em;
    font-weight: bold;
    text-align: left;
    background-color: #eeeeee;
    margin: 5px 0 10px;
    padding: 2px 0 0 10px;
}

.decisions-collection .decision
{
    border-bottom:dotted 1px #888888;
}

/******************************************************************
*			                Agenda Items                          *
*******************************************************************/

#agenda-item
{
    width:100%;
    font-family:helvetica,arial,san-serif;
    font-size:1.1em;
}

#agenda-item-header
{
    width:100%;
    height:104px;
    position:relative;
}

#agenda-item h1
{
    position:absolute;
    left:200px;
    border-top:solid 3px black;
    width:65%;
    padding-top:24px;
    padding-bottom:24px;
    border-bottom:solid 1px black;
    text-transform:uppercase;
    font-family:helvetica,arial,san-serif;
}

#agenda-item-header-logo
{
    position:absolute;
    text-align:center;
    width:26%;
    left:6px;
    top:0;
    border-top:solid 3px black;
    
}

#agenda-item-header-logo p .line1
{
  font-size:1.8em;
  font-weight:bold;
  text-transform:uppercase;
}

#agenda-item-header-logo .line2
{
  font-size:1.5em;
  font-weight:bold;
  text-transform:uppercase;
}

#agenda-item-header-logo p .line3
{
  font-size:1em;
  text-transform:uppercase;
}

#agenda-item-header-logo p .line4
{
  font-size:1.5em;
}

#agenda-item-header-contact
{
    position:absolute;
    top:83px;
    left:200px;
}

#agenda-item-content
{
    font-size:1em;
    width:70%;
    padding-left:158px;
    font-size:1.2em;
}

.agenda-meeting-list li 
{ 
    font-weight:bold;
}

.agenda-meeting-list li span 
{
    font-weight:normal;
}

.agenda-meeting-title, .agenda-meeting-type, .agenda-meeting-location,
.agenda-meeting-time
{
    margin-left:41px;
}

.agenda-meeting-title
{
    font-weight:bold;
    font-size:1.3em;
}

.agenda-meeting-type
{
    font-weight:bold;
    font-size:1.2em;
    line-height:1.5em;
    display:inline-block;
}

.agenda-meeting-time
{
    font-weight:bold;
    font-size:1.2em;
    line-height:1.5em;
}

.agenda-meeting-location
{
    line-height:1.5em;
    display:block;
    width:92%;
}

.agenda-meeting-list-item
{
    margin-bottom:10px;
}

span.agenda-meeting-list-item-title
{
    font-weight:bold;
}

/******************************************************************
*			               Press Releases                         *
*******************************************************************/

#press-release-list
{
    width:100%;
}

.press-release-listitem
{
}

.pr-list-date-header
{
    width:16%;
}

.pr-list-date
{
    text-align:left;
}

.pr-list-title-header
{
}

.pr-list-title
{    
    
}

.pr-list-agency-header
{
    width:30%;
}

.pr-list-agency
{    
    
}

.pr-header-container
{
    position:relative;
    height:130px;
    margin-top:-36px;
}

#print-layout-area .pr-header-container 
{
    margin-top: 0;
}

#print-layout-area #no-sidebar-main-content
{
	width:653px;
	padding:0;
}

#pr-header-logo
{
    position:absolute;
    left:0;
    top:0;
}
#pr-header-title-border
{
    border-bottom:dotted 1px black;
    width:78%;
    bottom:20px;
    right:0;
    position:absolute;
}
#pr-header-title-text p.header-title
{
    position:absolute;
    bottom:-6px;
    right: 0px;
    width:67%;
    font-size:3em;
    margin:0;
    font-weight:normal;
}
.hhs-title-subtitle #pr-header-title-text p.header-title
{
    position:absolute;
    bottom:-5px;
    right: 0px;
    width:82%;
    font-size:2.5em;
    margin:0;
    font-weight:normal;
}

#pr-header-title-text p.subtitle
{
    position:absolute;
    bottom:26px;
    right: 0px;
    width:64%;
    font-size:1.3em;
    margin:0 0 0 1px;
    font-weight:normal;
}
.hhs-title-subtitle #pr-header-title-text p.subtitle
{
    position:absolute;
    bottom:26px;
    right: 0px;
    width:82%;
    font-size:1.7em;
    margin:0 0 0 1px;
    font-weight:normal;
}

#pr-header-link
{
    position:absolute;
    bottom:2px;
    right:0;
    width:46%;
    font-size:1.1em;
}

.hhs-title-subtitle #pr-header-link
{
    position:absolute;
    bottom:2px;
    right:0;
    width:46%;
    font-size:1.1em;
}

#pr-header-motto
{
    position:absolute;
    bottom:2px;
    right:0;
    width:50%;
    font-size:1.3em;
}

.hhs-title-subtitle #pr-header-motto
{
    position:absolute;
    bottom:2px;
    right:0;
    width:64%;
    font-size:1em;
}

#pr-content-container
{
    position:relative;
    margin-bottom:20px;
    overflow:auto;
}

#pr-date-container
{
    float:right;
    width:77%;
    font-size:1.2em;
    line-height:1.5em;
    margin-bottom:15px;
    margin-top:7px;  
}

#pr-date-container p
{
    margin:0;
}

#pr-title-container
{
    float:right;
    width:77%;    
}

#pr-title-container h2
{
    font-size:1.5em;
    margin:0 0 0 0;
    text-align:center;
}

p.pr-subtitle
{
    font-style:italic;
    font-size:1.3em;
    text-align:center;
    font-weight:bold;
    margin-top:0;
}

#pr-body-container
{
    width:77%;
    float:right;
    margin-top:7px;
}

#pr-contact-container
{
    width:22%;
    float:left;
    margin-top:-61px;
    font-size:1.1em;
}

#pr-contact-container h3
{
    margin-bottom:0;
    margin-top:10px;
}

#pr-nav h2, #pr-nav p
{
    text-align:center;
}

.simple-content-text a.closed
{
   background: url(../images/plus.gif) no-repeat 0px 8px;
   color: #000;
   padding: 0 0 0 15px;
   text-decoration: none;
   font-size: 1.2em;
   line-height: 1.65em;
   display: inline-block;
}
.simple-content-text a.open
{
   background: url(../images/minus.gif) no-repeat 0px 8px;
   color: #000;
   padding: 0 0 0 15px;
   text-decoration: none;
   font-size: 1.2em;
   line-height: 1.65em;
   display: inline-block;
}

table.press-release-list
{
    width:100%;
}

/******************************************************************
*	               Elections Department Specific                   *
*******************************************************************/

.rv-media-gallery a
{
   font-weight: normal;
   font-size: 1.5em;
}

.rv-media-gallery a:hover
{
   font-weight: bold;
   text-decoration: none;
   font-family: Geneva, Tahoma, sans-serif;
   font-size: 1.5em;
}

.election-results
{
   font-size: 1.4em;
}

.rv-star-list
{
   list-style-image: url('../images/star_bullet.png');
}

.rv-star-list li
{
   padding-bottom: 10px;
}

.rv-box-list, .rv-subtab-list
{
   list-style-image: url('../images/blackstar.png');
}

.rv-box-list li, .rv-subtab-list li
{
   padding-bottom: 6px;
}

.rv-box-list ul, rv-subtab-list ul
{
   margin-top: 6px;
}

ul.rv-tab-list
{
   list-style-position: inside;
   padding-bottom: 0px;
   list-style-type: none;
   padding: 0px 0px 0px 0px;
}

ul.rv-subtab-list
{
   border-bottom: gray 1px dotted;
   margin-bottom: 20px;
}

/******************************************************************
*	               JQuery Slidedown (toggle) classes               *
*******************************************************************/
.expand-text
{
   /* This will be changed to "none" by JQuery */
   display: block;
}

ul.expand-text
{
   margin-top: 6px;
}

/******************************************************************
*	                 HR Department Specific                   *
*******************************************************************/

/*-------------- HR SALARY BOOK ----------------*/
.salary .forms-table th
{
    padding:2px;
}

.salary .forms-table td
{
    padding:2px;
}

.salary .alternate
{
    margin:0px;
}

.salary .forms-table tfoot td, .salary .pager table td
{
    border: solid 1px white;
    font-weight: bold;
    padding: 5px 20px 0 0;
}
.salary tr.pager
{
    border: solid 1px white;
}
/*
.salary .pager table td
{
    border: solid 1px white;
    font-weight: bold;
    padding: 5px 20px 0 0;
}*/
/*------------ end salary book ------------------*/

.hr-checkmark-list
{
   list-style-image: url('../images/blackcheck.png');
}

.hr-checkmark-list li
{
}

.hr-gbullet-list
{
   list-style-image: url('../images/gold_bullet.png');
}

.hr-gbullet-list li
{
   padding-bottom: 10px;
}

.hr-arrow-list
{
   list-style-type: none;
}

.hr-arrow-list li
{
   padding-bottom: 10px;
   background-image: url('../images/gold_arrowt.png');
   background-repeat: no-repeat;
   background-position: 0px -2px;
   padding-left: 24px; 
}

h3.hr-gold-heading
{
   font-size: 2.7em;
   color: #b15300;
   text-transform: uppercase;
   font-family: Lato, Tahoma, Geneva, sans-serif;
   font-weight: normal;
}

h4.hr-cap-heading2
{
   font-size: 1.45em;
   text-transform: uppercase;
   font-family: Lato, Tahoma, Geneva, sans-serif;
   font-weight: normal;
}

h4.hr-cap-heading
{
   text-transform: uppercase;
   padding-left: 25px;
}

a.hr-cap-heading
{
   text-transform: uppercase;
   font-weight: bold;
   font-size: 1.2em;
   cursor: pointer;
}

/*********************************************************************
*                                CSS Button                          *
**********************************************************************/
a.link-button {
   display: inline-block;
   width: 80px;
   height: 22px;
   text-align: center;
   padding-top: 3px;
   background: #f0f0f1;
   color: black;
   border-radius: 4px;
   border: solid 1px #808080;
   cursor: pointer;
   transition-duration: 0.2s;
   background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
   background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1));

}

a.link-button:hover, a.link-button:focus {
   background: #d8d8dc;
   color: black;
   border: solid 1px #3c7fb1;
   text-decoration: none;
   background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,243,252,1)),to(rgba(167,217,245,1)));
   background:-moz-linear-gradient(top,rgba(255,243,252,1),rgba(167,217,245,1));

}

a.link-button:active {
   box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
   background: #E0E0E3;
   border: solid 1px #203E5F;
   text-decoration: none;
}

/*********************************************************************
*                                 List Box                           *
**********************************************************************/
#job-class .list-box-container
{
    width: 43%; 
    float: left;
}

#job-class input, #job-class select {
    font-size: 1.1em; 
}

.list-box
{
    width:100%;
}

/**********************************************************************
*                OTHER
**********************************************************************/
.num
{
    margin: 0px;
    padding: 0px;
    color: gray;
    font-size: 3.8em;
    vertical-align:middle;
}

.bigwords {
    color: gray;
    font-size: 2.0em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 1.3em;
}

/*********************************************************************
*               ERROR SUMMARY
*********************************************************************/
#validation-summary .error-message
{
    color:Red;
    font-size: 1em;
}

/* AMP */
.selectedVideo
{
   border: 3px solid #00b1ff;
   position: relative;
   top: -3px;
}

.amp-container
{
   border: 1px solid gray;
   background-color: rgb(204,204,204);
   width: 660px;
   margin: auto;
   padding-top: 5px;
   padding-bottom: 12px;
}

.fancybox-skin
{
   color: #000000;
}

#fancybox-buttons ul
{
   border: 4px solid white;
}

/******************************************************************
*			            Meeting List Detail                       *
*******************************************************************/

#meeting-list-detail .info-header, #meeting-list-detail .info-detail,
#meeting-list-detail .info-header-small-right-margin,
#meeting-list-detail .info-detail-small-left-margin
{
    display:inline-block;
    vertical-align:top;
}

#meeting-list-detail .info-header
{
    font-weight:bold;
    width:125px;
}

#meeting-list-detail .info-header-small-right-margin
{
    font-weight:bold;
    width:125px;
}

#meeting-name, #sponsor-name
{
    text-align:center;    
}

#meeting-list-detail .info-detail-small-left-margin
{
    width:80%;
}

#meeting-list-detail table
{
    width:100%;
}

#meeting-list-detail table td
{
    /*border:none;*/
    vertical-align:top;
}

#meeting-list-detail #meeting-documents
{
    margin-top:20px;
}

#meeting-list-detail table td.spacer
{
    width:10px;
}

#index-header, #sponsor-contact
{
    text-align:center;
}

#meeting-index #index-header
{
    margin-bottom:25px;
}

#meeting-index .block-spacer
{
    display:inline-block;
    margin:0 45px;
}

#meeting-index .no-data
{
    width:100%;
    text-align:center;
    font-weight:bold;
}

#meeting-index table
{
    width:100%
}

#meeting-index table th
{
    border-bottom:1px solid black;
    border-style:hidden hidden solid;
    
}

#meeting-documents th.meeting-document-list
{
    width:40%;
}

#meeting-index table th#date-col
{
    width:14%;
}

#meeting-index table th#link-col
{
    width:43%;
}

#meeting-index #togglePanels.margin-control
{
    margin-bottom:10px;
    display:inline-block;
}

/******************************************************************
*			            Contacts                                  *
*******************************************************************/
.contacts-results .forms-table
{
    margin-left:0px;
    width:100%;
    font-size:1em;

}

.staff-link
{
    margin-top:20px;
}

.staff-link a
{
    padding-left:18px;
	text-decoration:none;
	background: url(../images/New-Orange-Arrow-Final.png) no-repeat;
	background-position:0 center;
}

/*.contacts-search-btn
{
    background: url(../images/searchicon.png) no-repeat;
	background-position:0 center;
	white-space:pre-wrap;
	height:40px;
	width:100px;
	text-align:center;
	vertical-align:middle;
	padding-left:40px;
	font-weight:bold;
	border:0;
}*/
.contacts-search-lnk
{
    background: url(../images/searchicon.png) no-repeat;
	background-position:0 center;
	height:50px;
	width:110px;
	vertical-align:middle;
}
.contacts-search-lnk span
{
    text-align:center;
    padding:14px 0 0 30px;
    font-weight:bold;
    float:right;
    line-height:1.1em;
    color:#000;
}


.contacts-summary .msg
{
    padding-top:15px;
    float:left;
    height:40px;
    width: 87%;
}

.contacts-summary .msg div
{
    width: 100%;
    background-color: #0f5f89;
    color:White;
    padding: 2px 5px 2px 5px;
}
.contacts-summary .msg p
{
    margin:0;
    padding:0;
}