@import "/includes/CoyubaNavigationMenu.css";
/* page styles */	
	html * 
	{
	    padding: 0px 0px 0px 0px;
	    margin: 0px 0px 0px 0px;
	}
	body 
	{
	    padding-left: 5px;
	    padding-right: 5px;
		background-color: #ffffe8;
	   	font-family: Verdana, Arial, Helvetica;
	    font-size: 10pt;
		}
    #pagecontainer 
    {
       	min-width: 850px;
       	max-width: 1200px;
    }
    #topnav {
          }
    #topnavigationmenu
          {
            z-index: 97;
            margin:3px 0px 6px -2px;
            height: 1.5em;
          }
    #notifications 
    {
    }
	#headercontainer {
    	left: 3px;
	    top: 3px;
	    margin-right: 3px;
	    margin-bottom: 3px;
	    margin-top: 3px;
	    height: 100px;
	    clear:both;
    }
	#headercontent 
	{
	    background-color: #999966;
        background-position: left; 
        background-image: url(/images/header/background_header.jpg); 
        background-repeat: no-repeat;
   	    border: #999966 1px solid;
   	    height: 100px;
 }
	#headercontent_cdsa 
	{
	    background-color: #999966;
        background-position: left; 
        background-image: url(/images/header/background_header.jpg); 
        background-repeat: no-repeat;
   	    border: #999966 1px solid;
   	    height: 100px;
 }
	#headercontent_hhsd
	{
	    background-color: #999966;
        background-position: left; 
        background-image: url(/images/header/background_header.jpg); 
        background-repeat: no-repeat;
   	    border: #999966 1px solid;
   	    height: 100px;
 }

    #headerleft {
        color: #ffffe8;
    	text-align: right;
        width: 500px;
        float: left;
        padding-right: 4px;
    }
    #headerright 
    {
        text-align: right;
        float:right;
        height: 98px;
        padding: 0px 0px 0px 0px;
        background-position: center; 
        background-image: url(/images/template_images/yuba_profile.jpg); 
        background-repeat: no-repeat;
        position:relative;
        }
    #doneprinting 
    {
        display:none;
    }
    #weatherfeedbox 
    {   
        color: #2769DA;       
        text-align: center;
        top: 0px;
        width:150px;
        padding: 0px;
        margin: 0px;
    }
	#main1 {
		margin-top: 10px;
		}
	#leftcontainer {
		float:left;
		width:165px;
    	position: relative;
    	left: 3px;
	    top: 3px;
	    margin-right: 3px;
	    margin-bottom: 3px;
        z-index: 66;
        		}
	#navleft 
	{
	    width: 161px;
	    border: #999966 1px solid;
	    background-color: #ffffff;
		}
	#rightcontainer {
		float:right;
		width:165px;
    	position: relative;
    	left: 3px;
	    top: 3px;
	    margin-right: 3px;
	    margin-bottom: 3px;
        z-index: 66;
		}
	#navright 
	{
	    width: 161px;
	    border: #999966 1px solid;
	    background-color: #ffffff;
	    margin-right: 3px;
	    }
	#middlecontainer3col {
	   	position: relative;
    	left: 3px;
	    top: 3px;
    	margin-left: 170px;
		margin-right: 175px;
		margin-bottom: 3px;
		height:1px;
		}
		/*change height to 100% for non-IE6 browsers */
	html>body #middlecontainer3col {
		height: 100%;
		}
	#middlecontainer2col {
		position:relative;  
	  	left: 3px;
	    top: 3px;
    	margin-left: 170px;
		margin-right: 3px;
		margin-bottom: 3px;
		height:1px;
		}
		/*change height to 100% for non-IE browsers */
		html>body #middlecontainer2col {
		height: 100%;
		}
	#middlecontainer1col {
		position:relative;  
	  	left: 3px;
	    top: 3px;
    	margin-left: 3px;
		margin-right: 3px;
		margin-bottom: 3px;
		height:1px;
		}
		/*change height to 100% for non-IE browsers */
		html>body #middlecontainer1col {
		height: 100%;
		}
	#centercontent {
	position: relative;
	    background-color: white;
	    border: #999966 1px solid;
	    padding: 2px 3px 2px 3px;
	    overflow: hidden;
	    font: Verdana;
	    font-size: 10pt;
	    }
	#centercontent_cdsa {
	position: relative;
	    background-color: white;
	    border: #999966 1px solid;
	    padding: 2px 3px 2px 3px;
	    overflow: hidden;
	    font: Verdana;
	    font-size: 10pt;
	    }
	#centercontent_hhsd {
	position: relative;
	    background-color: white;
	    border: #999966 1px solid;
	    padding: 2px 3px 2px 3px;
	    overflow: hidden;
	    font: Verdana;
	    font-size: 10pt;
	    }
	#footer {
	    text-align: center;
        padding-left: 161px;
        	    }
	p{
	    margin: 0.5em 0 
	    }
/* text styles */
#headercontent #headerleft h1
    {   font-family: Verdana;
        color: #ffffe8;     
        font-weight: bold;
        font-size: 30px;
        }
#headercontent #headerleft h2
    {   color: #ffffe8;
        font-size: 18pt;
        margin-top: 2px;
        margin-bottom: -4px;
    font-family: Brush Script MT, Times New Roman;
               }
  #headercontent #headerleft h3
{
    color: #ffffe8;
    font-size: 16pt;
    margin-top: -4px;
    letter-spacing: 2px;
    font-family: Brush Script MT, Times New Roman;
}
#headercontent #headerleft h4
    {   font: Verdana;
        color: #ffffe8;
        font-weight: bold;
        }
 #headercontent_hhsd   #headerleft h1
    { 
        font: Verdana;
        color: #ffffe8;     
        font-weight: bold;
        font-size: 24px;
        }
#headercontent_hhsd    #headerleft h2
    {
    color: #ffffe8;
    font-size: 16px;
    margin-top: 2px;
    font-family: Verdana;
    font-weight:bold;
        }
#headercontent_hhsd   #headerleft h3
{
    color: #ffffe8;
    font-size: 16px;
    margin-top: -4px;
    letter-spacing: 2px;
    font-family: Verdana;
}
#headercontent_hhsd    #headerleft h4
    {   font: Verdana;
        color: #ffffe8;
        font-weight: bold;
        }
#headercontent_cdsa    #headerleft h1
    {   font: Verdana;
        color: #ffffe8;     
        font-weight: bold;
        font-size: 22px;
        margin-top: -4px;
        }
 #headercontent_cdsa   #headerleft h2
    {
        color: #ffffe8;
     font-size: 16px;
    margin-top: 2px;
    font-family: Verdana;
    font-weight:bold;
        }
#headercontent_cdsa    #headerleft h3
{
    color: #ffffe8;
    font-size: 18px;
    margin-top: -4px;
    letter-spacing: 2px;
    font-family: Verdana;
}
#headercontent_cdsa    #headerleft h4
    {   font: Verdana;
        color: #ffffe8;
        font-weight: bold;
        }
	.footerlink {
	text-align: center;
	font-size: 12px;
	}
	.footerlink a:link, .footerlink a:visited 
	{
	text-decoration: underline;
    color: #000000;
	}
	.footerlink A:hover {
	text-decoration: none;
	font-style: italic;
    color: #000000;
	}
	.countyhomelink 
	{
	    margin-top: -3px;
	    text-align: center;
	}
	.countyhomelink a:link, .countyhomelink a:visited{
    color: #2769DA;
	text-decoration: underline;
	}
	.countyhomelink a:hover {
    color: #2769DA;
	text-decoration: none;
	font-style: italic;
    }
	.copy { 
	color:#999966;
	text-align:center; 
	font-size:10px;
	}
	.copy a:link, .copy a:visited {
	color: #2769DA;
    text-decoration: underline;
	}
    .copy a:hover{
	color: #2769DA;
	text-decoration: none;
	font-style: italic;
	}
    .emergencynotification, .emergencynotification a:link, .emergencynotification a:visited{
	color: #FF0000; 
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}
    .emergencynotification a:hover
{
    font-style: italic;
	text-decoration: underline;
}
    .skipnav 
    {
        display: none;
    }
    .graphicalhidden
    {
        display: none;
    }
    /*enable this on print/text CSS */
    /*
    .textonlyhidden 
    {
        display: none;
    }
    */
    .pagefunctions
{
    color: #ffffe8;
    font-weight: bold;
    margin-left: 540px;
    text-align: left;
    font-size: 10px;
}
    .pagefunctions a:link, .pagefunctions a:visited 
    {
    color: #ffffe8;
    text-decoration: underline;
    }
    .pagefunctions a:hover 
    {
    color: #ffffe8;
    text-decoration: none;
    font-style: italic;
    }
    .countyseallink 
    {   position: relative;
        left: 33px;
        top: 2px;
        float: left;
        width: 98px;
        height: 98px;
    }
    .todaysdate 
    {
  	color: #999966;
  	font-size: 10px;
  	float:right;
  	margin-right: 6px;
    margin-bottom: 0px;}
    
    .cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	background:transparent;
		}
/*nav menu styles*/
#navleft p
{
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding: 2px;
    margin-bottom: -1px;
    margin-top: -1px;
    }
#navleft a:link, #navleft a:visited
{
    color: #2769DA;
    font-weight: bold;
    display: block;
    text-decoration: none;
    border-top: dotted 1px #DBDADB;
    border-bottom: dotted 1px #DBDADB;
    padding: 2px;
}
#navleft a:hover
{
    color: #FFFFE8;
    font-weight: bold;
    text-decoration: none;
    background-color: #999966;
    border-top: solid 1px #ffffe8;
    border-bottom: solid 1px #ffffe8;
    display:block;
}
#navleft hr 
{   
    width: 90%;
    color: #2769DA;
    text-align: center;
}
#navright p
{
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    padding: 2px;
    margin-bottom: -1px;
    margin-top: -1px;
    }
#navright a:link, #navright a:visited
{
    color: #2769DA;
    font-weight: bold;
    display: block;
    text-decoration: none;
    border-top: dotted 1px #DBDADB;
    border-bottom: dotted 1px #DBDADB;
    padding: 2px;
}
#navright a:hover
{
    color: #FFFFE8;
    font-weight: bold;
    text-decoration: none;
    background-color: #999966;
    border-top: solid 1px #ffffe8;
    border-bottom: solid 1px #ffffe8;
    display:block;
}
#navright hr 
{   
    width: 90%;
    color: #2769DA;
    text-align: center;
}
/*departmental text styles */
#centercontent #departmentalheader {
	text-align: center;
	color: #2769DA;
}
#centercontent #departmentalheader h1{
	font-weight: bold;
	font-size: 18px;
}
#centercontent #departmentalheader h2{
	font-weight: bold; 
	font-size: 14px;
}
#centercontent #departmentalheader h3{
	font-size: 12px;
    font-weight: bold;
}
#departmentalheader_hhsd {
	text-align: center;
	color: #2769DA;
}
#centercontent_hhsd #departmentalheader h1{
	font-weight: bold;
	font-size: 18px;
	text-decoration: underline;
	text-align: center;
	color: #2769DA;
}
#centercontent_hhsd #departmentalheader h2{
	font-weight: bold; 
	font-size: 14px;
	text-align: center;
	color: #2769DA;
}
#centercontent_hhsd #departmentalheader h3{
	font-size: 12px;
    font-weight: bold;
	text-align: center;
	color: #2769DA;
}
#centercontent_cdsa #departmentalheader h1{
	font-weight: bold;
	text-decoration: underline;
	font-size: 16px;
	color: #000000;
}
#centercontent_cdsa #departmentalheader h2{
	font-weight: bold; 
	font-size: 14px;
	color: #000000;
}
#centercontent_cdsa #departmentalheader h3{
	font-size: 12px;
    font-weight: bold;
	color: #000000;
}
#departmentalfooter {
	text-align: center; 
	font-size: 10px;
	color: #2769DA;
}
#departmentalfooter li{
	display: inline;
}
/*page content styles */
.pagecontent p {
		margin-right: 2px;
		margin-left: 3px;
}	
.pagecontent img {
		position:relative;
}	
.pagecontent a:link {
	color: #2769DA;
    text-decoration: underline;
    margin-right: 2px;
    margin-left: 2px;
	}
.pagecontent a:visited {
	color: #339933;
    text-decoration: underline;
    margin-right: 2px;
    margin-left: 2px;
	}
.pagecontent a:hover{
	color: #2769DA;
	text-decoration: none;
	font-style: italic;
	}
.pagecontent h1 {
	font-weight: bold;
	text-align: left; 
	text-decoration: underline;
	font-size: 16px;
}
.pagecontent h2 {
	font-weight: bold;
	text-align: left; 
	text-decoration: underline;
	font-size: 14px;
}
.pagecontent table {
	position: relative;
}
.pagecontent hr 
{
    width: 75%;
    color: #999966;
    text-align: center;
}
.pagecontent ul 
{
    margin-left: 20px;
   list-style-type: disc;
}
.pagecontent ol 
{
    margin-left: 20px;
}
/*styles for weather feed */
.weatherText 
{   color: #2769DA;
}
.weatherText a:link, .weatherText a:visited {
	color: #2769DA;
	text-decoration: underline;
	font-size: 12px;
}
.weatherText a:hover {
	text-decoration: none;
	font-style: italic;
	}
.weatherAlertText, .weatherAlertText a:link, .weatherAlertText a:visited {
	color: red;
	font-size: 10px;
	text-decoration: underline;
}
.weatherAlertText a:hover {
	text-decoration: none;
	font-style: italic;
}
.weatherBigTemp {
	font-weight: bold;
}
.WeatherAlertAdvisory a:link, .WeatherAlertAdvisory a:visitied {
	color: red;
	font-size: 10px;
	text-decoration: underline;
}
.WeatherAlertAdvisory a:hover {
	text-decoration: none;
	font-style: italic;
}
.infoBox {
	background-color: #FFFFff;
}
.contactFormLabels 
{
    text-align: left;
    font-weight: bold;
	color: #2769DA;
}
.MEETINGS_TITLE , .DOCUMENT_TITLE, .DOCUMENTS_TITLE
{
text-align: left;
font-weight: bold;
color: #2769DA;
}
.AGENDA_TITLE 
{
text-align: left;
font-weight: bold;
color: black;
}


/*classes for shadow effect */
.shadow2, .shadow3, .container {
	position: relative;
	left: -1px;
	top: -1px;
}
.shadow1 {
	background: #F1F0F1;
	}

.shadow2 {
	background: #DBDADB;
	}

.shadow3 {
	background: #B8B6B8;
	}
.container {
	background: #ffffff;
	border: 1px solid #848284;
	padding: 0px;
	}
	
	@media handheld {
	#pagecontainer 
    {
       	width: 240px;
    }
    #headerright 
    {
        text-align: right;
        float:right;
        height: 98px;
        padding: 0px 0px 0px 0px;
        position:relative;
        }

}