/*------------------------------------------------------------------------------------------------------------------------
  ==================================================== PLACER COUNTY WEBSITE =============================================
  ============================================== CASCADING STYLE SHEET DEFINITIONS =======================================
  ------------------------------------------------- Filename : PLACER.CSS ------------------------------------------------*/
/*========================================================================================================================  
  ============================================ SECTION A - LAYOUT DEFINITIONS ============================================  
  ========================================================================================================================*/
html { }
 
/*------------------------------------------------------------------------------------------------------------------------
   DEFINITION A01 - Used for the Main Body Table
  ------------------------------------------------------------------------------------------------------------------------*/
body td {
	font-size:75%;
	font-family: Arial,helvetica, Verdana,sans-serif; }
 
/*------------------------------------------------------------------------------------------------------------------------
   DEFINITION A02 - Used for the Main Body Tag settings on all pages 
  ------------------------------------------------------------------------------------------------------------------------*/
body {
	font-size:75%;
	line-height:130%;
	margin-left: 0;
	margin-top: 9px;
	margin-right: 9px;
	padding: 0;
	font-family: Arial, helvetica, Verdana, sans-serif;
	color: black;
	background-color: #fbf9f7; }
 
/*------------------------------------------------------------------------------------------------------------------------
   DEFINITION A03 - Used for general image settings on all pages 
  ------------------------------------------------------------------------------------------------------------------------*/
img { border:0px; }
 
/*---------------------------*/
P {
	font-size:1em;
	line-height: 130%; 
	}
 
a:hover { color: Purple; }
 
/*------------------------------------------------------------------------------------------------------------------------
   DEFINITION A04 - Used for general font type settings on all pages 
  ------------------------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 12px;
	letter-spacing: 1px; }
 
/*---------------------------*/
h1 {
	margin-top:10px;
	margin-left:10px;
	font-size: 1.7em;
	text-align:left;
	color:#003366;
	font-variant:normal; }
 
/*---------------------------*/
h2 { font-size:1.2em; }
 
/*---------------------------*/
h3 { font-size:1.1em; }
 
/*------------------------------------------------------------------------------------------------------------------------
   DEFINITION A05 - Used for general A type settings on all pages. Any A tag in a TD will have these settings  
  ------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------
   DEFINITION A06 - Used for general small text for disclaimers - Could be obsolete
  ------------------------------------------------------------------------------------------------------------------------*/
.smalltext { font-size:.7em; }
 
/*------------------------------------------------------------------------------------------------------------------------
   DEFINITION A07 - Used for general content text - Could be obsolete
  ------------------------------------------------------------------------------------------------------------------------*/
.contenttext { font-size:1em;
	 }
 
/*------------------------------------------------------------------------------------------------------------------------
   DEFINITION A08 - Used for main pages content div 
  ------------------------------------------------------------------------------------------------------------------------*/

.pagediv1  {
	}
	
.pagediv2  {
	}

.pagetable {
	border:0;
	padding:0 0 0 0;
	cellspacing:0;
	width:100%;
	bgcolor:#fbf9f7;
	halign:center;
	}	

.headerimage {
	background-image:url('/images/bg/BG_curves3.jpg');
	background-repeat: no-repeat;
	}

.content {
	width:100%;
	height:100%;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	 }
	
 .date   {
	font-size:.7em;
	color:White ;
	padding-right:25px;
	text-align:right;
	background-color:#003366;
	vertical-align:top; 
	padding-top:4px;
	padding-bottom:4px;
	font-weight: bold; 
	width:30%;
	}
 

/********************************* Footer DIV settings */
.footer {
	width:100%;
	text-align:center;
	font-weight :bold; 
	font-size: .8em; 
	width: 100%; 
	background-color :#003366;
	vertical-align: top; 
	margin-top: 2px; 
	margin-bottom: 2px; 
	padding-top: 2px;
    	padding-bottom: 4px;	
	}

.footerseparator {
	padding-left:7px;
	padding-right:7px;
	color: #aaa; 
	text-align: center;
	}
 
.footerlink {
	font-size:1.3em;
	padding-left:10px;
	padding-right:10px; 	
	}
 
	/* 1/24/07 vvr added to get rid of the underline in the header	 */
.footerlink	a {
	color: #FFFFFF; /*color: #2b5985;*/
	text-decoration: none; 
	}

.footerlink	a:visited {
	color: #cc9966;
	text-decoration: none; 
	}

.footerlink	a:hover {
	color: #cc9966;
	text-decoration: underline; 
	}
 
/* Header menu is the div settings for the top menu */
/* jt 20080812 - removed margins because lines don't appear in mozilla, instead created the lines in header explicitly */
.headermenu {
	width:100%;
	text-align:center;
	font-weight :bold; 
	font-size: .8em; 
	background-color :#003366;
	halign:center;
	vertical-align: top; 
	margin-top: 2px; 
	margin-bottom: 0px; 
	padding-top: 2px;
    	padding-bottom: 4px	
	}

 
.headerseparator {
	padding-left:0px;
	padding-right:0px;
	color: #aaa; 
	text-align: center;
	}
	
.headerlink {
	font-size:1.3em;
	padding-left:10px;
	padding-right:10px; }
 
/* 1/24/07 vvr added to get rid of the underline in the header	 */
.headerlink	a {
		color: #FFFFFF; /*color: #2b5985;*/
		text-decoration: none; }
 
.headerlink	a:hover {
	color: #cc9966;
	text-decoration: underline; }

.headerlink	a:visited {
	color: #cc9966;
	text-decoration: none; }
 

/*********** definitions drop menu for header ******/

a.topmenuclass, div.topmenuclass
{
  display: block;
  width:   10%; /*100px; */
  text-align:center;
  font-weight :bold;
  font-size: .8em;
  background-color :#003366;
  /* margin-left:16px; */
  padding: 2px 5px 0px 5px;
}

/*
div.dropmenutopclass
{
  margin-top:2px; /* border set in table, this sets the pos of drop line menu */
}
*/

/*********** definitions drop menu for header ******/
dropmenuclass
{
  display: block;
  /* width:   100px; */
  text-align:left;
  color:#2b5985;
  font-weight :bold;
  font-size: .8em;
  /* background-color :#efefef; */
  background-color :white:
  margin-top:0px;
  margin-left:0px;
  /* padding: 2px 5px 0px 8px; */
  padding-left:0px;
  position:absolute;
}

td.dropmenuclass
{
    padding-top:3px;
    padding-left:5px;
    border-bottom: 1px solid #003366;
    border-left: 1px solid #003366;
    border-right: 1px solid #003366;
    /* background-color :#efefef; */
    background-color :white;
}


a.dropmenuclass 
{
  display: block;
  width:   125px;
  text-align:left;
  color:#2b5985;
  font-weight :bold;
  font-size: .9em;
  text-decoration:none;
}

a.dropmenuclass:hover {
	color: purple;
	text-decoration: underline; }

a.dropmenuclass:visited {
	color: purple;
	text-decoration: none; }


 /* +++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*---------SEARCH FIELD----------*/
.search  {
	color: #2b5985;
	font-weight :bold ;
	text-decoration: none; }
 
	.search:hover {
		color: #cc9966;
		text-decoration: none;}
 
	.search:visited {
		color: #cc9966;
		text-decoration: none; }
 
/*--------BREADCRUMBS---------*/
.breadcrumb {
	width:100%;
	font-size:.9em;
	font-weight: bold;
	padding-top:4px;
	padding-bottom:4px;
	margin-bottom:0px; 
	background-color:#003366;
	vertical-align:top;
	}
 
.breadcrumb a {
	color: white; /*color: #2b5985;*/
	padding:4px
	text-decoration: none; }

.breadcrumb	a:visited {
	color: #cc9966;
	text-decoration: none; }

.breadcrumb	a:hover {
	color: #cc9966;
	text-decoration: underline; }
 

 
/*-----NEWS AND EVENTS--------*/
/* The general news div */
.News { width:100%;}
 
/* A single news item div */
.NewsItem {
	margin:0px;
	margin-top:10px; 
	font-family: Verdana,Arial,helvetica,sans-serif;
	/* font-size:.9em; */
	color:#2b5985; 
	text-decoration:none;
	font-weight:bold ;	
	}
 
	/*01/29/07 vvr added to change the link in the newsitems to be the lighter color*/
.NewsItem a { color: #2b5985;}


.NewsItem a:visited {
	color:purple;
	}

.NewsItema:hover {
	color:purple;
	}
  
/* The title area of a news item */
.NewsTitle {
	font-weight:600;
	font-size:1em;
	margin-bottom:6px; /* border-bottom:1px solid black;  08112008 removed by kmk at Kathy B request*/ }
 
/* The main news article area div */
.NewsArticle {
	margin:15px;
	height:225px;
	border-top:1px solid #AAA;
	border-bottom:1px solid #AAA;
	padding:4px; }
 
/* Title div in a news article */
.NewsArticleTitle {
	margin-bottom:5px;
	font-size:1.3em;
	font-weight:600; }
 
.NewsArticleDate {
	margin-top:0px;
	margin-bottom:5px;
	font-weight:600; }
 
.NewsArticleDescription { margin-top:10px; }
 
/*========================================================================================================================  
  ========================================= SECTION B - SPOT BOX DEFINITIONS =============================================  
  ========================================================================================================================  
    The spot boxes contain a number of div tags and images.  In general, it is recommended that you copy the whole 
   chunk of css below if you want to change the look.  Then change the colors or gif images and test it with new css name 
   (e.g. leftnav renames to NewLeftNav) */
/*------------------------------------------------------------------------------------------------------------------------
   DEFINITION B1 - Used for Left Side Page Navigation Spotboxes on all pages, except for the Board of Supervisors                         
  ------------------------------------------------------------------------------------------------------------------------*/

.LeftNavBackground {
	/* padding-bottom:1000px;
	margin-bottom:-1000px;    */
	/* background-color:#efefef; */
 	overflow:hidden;  
	width:164px;	 
	}  

.LeftNav_OuterContainer {
	width:160px;
	margin-left:4px;
	margin-right:0px;
	padding-right:0px; 
	/* margin-bottom:5px; */
	position:relative;
	background-color:#4d5f79;
	text-align:left; 	
	}
 

.LeftNav_Header a { }
 
.LeftNav_MiddleContainer {
	/* width:157px; */ 
	margin-top:0px;
	margin-left:0px;
	margin-right:1px;
	padding-right:2px; 
	background-color:#efefef;	
	background-repeat:repeat-y; 
	background-repeat:repeat-x; 
}
 
.LeftNav_MenuContainer {
	font-size:.9em;
	height:2000px; 
	margin-bottom:0px;
	margin-left:5px;
	margin-right:0px;
	width:100%;
	margin-top: 0px;
	padding-right:0px;  
	z-index:0; 	
	}
 
/* vvr added to change link colors to the left nav bar*/
.LeftNav_MenuContainer a {
	color:#42426F;
	text-decoration:none;
	font-weight:bold;
	height:100%;
	padding-bottom:3px;
	}

.LeftNav_MenuContainer a:hover {
	color:purple;
	text-decoration:underline;
	padding-bottom:3px; }

.LeftNav_MenuContainer a:visited {
	color:purple;
	text-decoration:none;
	padding-bottom:3px; }
 

.LeftNav_Link {
	font-size:1em;
	margin-top:4px;
	margin-bottom:0px; }
	
 
.LeftNav_SpotsMoreLink a { }
 

 
/* Indented Left navigation for children*/
.IndentedLeftNavLink {
	font-size:1em;
	margin-top:4px;
	margin-bottom:0px;
	margin-left: 8px;
	}

.LeftNav_Bullet {
 	margin-top:4px;
 	}
 
 
/*------------------------------------------------------------------------------------------------------------------------
   DEFINITION B3 - Used ONLY for Spot Boxes (Portlets) on the home page                                                
  ------------------------------------------------------------------------------------------------------------------------*/
.StandardSpotBox_OuterContainer {	
	width:100%;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:15px;
	margin-top: 5px; 
	position:relative;
	background-color:#003366;
	text-align:center;
	vertical-align:middle;  }
 
 

.StandardSpotBox_MiddleContainer {
	height:100%;	
	margin-left:1px; /*thin blue left stripe */
	margin-right:1px;/*thin right left stripe*/
	margin-top:0px;  /* top blue stripe */
	margin-bottom:0px;
	; }

.StandardSpotBox_Header {
	color:#FFFFFF;
	font-family: Verdana,Arial,helvetica,sans-serif;
	/* font-size:.9em; */
	font-weight:bold ;
	text-decoration:none;
	vertical-align:middle; 
	padding-top:5px;  
	}
 
/* added text-decoration = none for the headings to remove underlining - jt - 20080812 */
.StandardSpotBox_Header a {
	color:#FFFFFF;
	font-family: Verdana,Arial,helvetica,sans-serif;
	font-size:.9em;
	font-weight:bold ;
	text-decoration:none;
	vertical-align:middle; 
	}


.StandardSpotBox_Header a:visited {
	color:#cc9966;
	}

.StandardSpotBox_Header a:hover {
	color:#cc9966;
	}
 
.StandardSpotBox_InnerContainer {  
	margin-top:6px;  	/* for the top blue stripe */
	margin-bottom: 0px; 	/* for the bottom blue stripe */
	background: url(/images/leftnav_bg.gif);
	}


.StandardSpotBox_InnerRoundTop {
	height:10px;  		/* for the white top stripe */
	}
 
 
.StandardSpotBox_MenuContainer {
	font-size:.9em;
	font-family: Verdana,Arial,helvetica,sans-serif;
	/* color:#2b5985; */
	text-decoration:none;
	font-weight:bold ;
 	}
 
/* vvr added text decoration: none, hover and visited links to portlets links for homepage*/
.StandardSpotBox_MenuContainer a {
	font-family: Verdana,Arial,helvetica,sans-serif;
	color:#2b5985;
	text-decoration:none;
	font-weight:bold ; }
 
.StandardSpotBox_MenuContainer a:hover {
	color:purple;
	text-decoration:underline; }

.StandardSpotBox_MenuContainer a:visited {
	color:purple;
	text-decoration:none; }
 
 
.StandardSpotBox_InnerRoundBottom { 
	height:5px;  		/* white stripe bottom */
	text-align:left }
 
 .StandardSpotBox_OuterRoundBottom {
 	height:1px;  		/* blue thin stripe bottom */
 	}
 

/* Indented links in spotbox */
.StandardSpotBox_IndentedLeftNavLink {
	margin-top:4px;
	margin-bottom:0px;
	margin-left: 8px;
	}

.StandardSpotBox_LeftNav_Bullet {
 	margin-top:4px;
 	margin-left:8px;
 	margin-right:4px;
 	}
 

/*------------------------------------------------------------------------------------------------------------------------
   DEFINITION B4 - Used for right side Spot Boxes (Quick Links) on standard pages, except for Board of Supervisors pages                                                
  ------------------------------------------------------------------------------------------------------------------------*/
.RightSpotBox_OuterContainer {
	width:175px;
	margin-left:15px;
	margin-right:5px;
	margin-bottom:2px;
	margin-top:5px;
	position:relative;
	background-color:#003366;
	text-align:center; 
	z-index:0; 	
	}
 /* change this to 15 px to make it wider without making use of the Outer Round Top */
 
.RightSpotBox_BorderTop { }
 
.RightSpotBox_OuterRoundTop { }
 
.RightSpotBox_OuterTopLeft { }
 

.RightSpotBox_MiddleContainer {
	height:100%;
	width:173px;
	margin:0 auto; 
	margin-top:0px; 
	}
 
.RightSpotBox_Header {
	color:white;
	font-size:.9em;
	font-weight:600;
	padding-top:5px;  
	}
 
.RightSpotBox_InnerContainer {
	margin-top:6px;  /* top blue stripe */
	margin-left:0px;
	margin-right:0px;
	background-color: white;
	/* background: url(/images/leftnav_bg.gif); */
	width:100%;
	height:100% }
 
.RightSpotBox_InnerRoundTop {
	}
 
.RightSpotBox_InnerTopLeft {
	}
 
.RightSpotBox_MenuContainer {
	background-color: white;
	/* background: url(/images/leftnav_bg.gif); */
	font-size:.9em;
	width:89%;
	padding-top:8px;
	padding-bottom:4px; 
	padding-left:8px;
	padding-right:8px;}
 
/* vvr added to change link colors to the quicklinks box*/
.RightSpotBox_MenuContainer a {
		color:#2b5985;
		text-decoration:none;
		font-weight :bold;
		}
 
.RightSpotBox_MenuContainer a:hover {
	color:purple;
	text-decoration:underline;
	font-weight :bold;
	padding-bottom:8px; }

.RightSpotBox_MenuContainer a:visited {
	color:purple;
	text-decoration:none;
	font-weight :bold;
	padding-bottom:8px; }
 
.RightSpotBox_SpotsMoreLink a { font-size:1em; }
 
.RightSpotBox_InnerRoundBottom {
	height:0px;
	text-align:left; }
 
.RightSpotBox_InnerBottomLeft {
	width:1px;
	height:0px;
	font-size:.1em; }
 
.RightSpotBox_BorderBottom { }
 
.RightSpotBox_OuterRoundBottom {
	height:5px;  /* bottom blue stripe */
	text-align:left; }
 
.RightSpotBox_OuterBottomLeft { }

.RightSpotBox_Image {
	width:155px;
	height:155px;
	}
 
. { }