@charset "utf-8";
/*Wasco County, OCN_Interactive, September 2008*/

body  {
	background:url(../../images/background_gradient.jpg) 50% 0% repeat-y #5a665c;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:150%;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

/* -------------------------------------------------------------------------- */
/* headers, text & links */
/* -------------------------------------------------------------------------- */

h1 {
	font-size:1.5em;
	padding:0px;
	margin: 15px  0 0 0px;
	}
h2 {
	font-size:1.25em;
	padding:0px;
	margin: 10px  0 3px 0px;
	color:#5F2E05;
	}
h3 {
	font-size:1.0em;
	padding:0px;
	margin: 5px  0 0 0px;
	color:#333333;
	}
p {
	padding:0px;
	margin: 10px  0 10px 0px;
	}					

a:link, a:visited {				/*link color*/
	color:#993333;
	text-decoration:none;
	}
a:hover, a:active {				/*link hover color*/
	color:#000;
	text-decoration:underline;
	}	

/* -------------------------------------------------------------------------- */
/*main tab navigation*/
/* -------------------------------------------------------------------------- */

#nav_tabs {
	margin:10px 17px 4px 17px;
	padding: 0px;
	width: auto;
	height: 40px;
	background:url(../../images/nav/nav_tab_bkg.jpg) repeat-x; /*2nd set of tab images to prevent flickering in ie6*/
	}
#nav_tabs ul, #nav_tabs li {
	display:inline;
	list-style-type: none;
	margin:0;
	padding:0;
	}	

#nav_tabs a:link, #nav_tabs a:visited {		/*setup tab blocks*/
	display:block;
	float:left;
	height: 40px;
	padding:0px;
	margin:0px;
	text-indent:-9000px;
	}

#nav_tabs #departments a:hover,  		/*shifts background tab on hover*/
#nav_tabs #jobs a:hover, 
#nav_tabs #directory a:hover, 
#nav_tabs #visitors a:hover, 
#nav_tabs #ordinances a:hover, 
#nav_tabs #wcedc a:hover, 
/*#nav_tabs #open a:hover,*/ 
#nav_tabs #home a:hover{
    background-position: bottom left;
	}	

/*add new tab image names here*/
#nav_tabs li#departments a {	 /*display individual tab images*/
	background: url(../../images/nav/nav_departments.jpg) no-repeat top left;
	width: 142px;
	}
#nav_tabs li#jobs a {
	background: url(../../images/nav/nav_jobs.jpg) no-repeat top left;
	width: 132px;
	}
#nav_tabs li#directory a {
	background: url(../../images/nav/nav_directory.jpg) no-repeat top left;
	width: 132px;
	}
#nav_tabs li#visitors a {
	background: url(../../images/nav/nav_visitors.jpg) no-repeat top left;
	width: 132px;
	}
#nav_tabs li#ordinances a {
	background: url(../../images/nav/nav_ordinances.jpg) no-repeat top left;
	width: 132px;
	}
#nav_tabs li#wcedc a {
	background: url(../../images/nav/nav_wcedc.jpg) no-repeat top left;
	width: 172px;
	}
/*#nav_tabs li#open a {
	background: url(../../images/nav/nav_open.jpg) no-repeat top left;
	width: 93px;
	}*/
/*to push home to right edge of site, adjust it's left neighbor's width above*/
#nav_tabs li#home a {
	background: url(../../images/nav/nav_home.jpg) no-repeat top right;
	width: 73px;
	}				

/* highlight selected tab - set by the class of the body tag on each page*/

.departments #nav_tabs li#departments a,
.jobs #nav_tabs li#jobs a,
.directory #nav_tabs li#directory a,
.visitors #nav_tabs li#visitors a,
.ordinances #nav_tabs li#ordinances a,
.wcedc #nav_tabs li#wcedc a,
/*.open #nav_tabs li#open a,*/
.home #nav_tabs li#home a {
	background-position: bottom left;
	}

/* -------------------------------------------------------------------------- */
/*top of accordian title - submenu rollovers*/
/* -------------------------------------------------------------------------- */

.submenuTitle:link, .submenuTitle:visited {													/*setup the generic rollover blocks*/
            display:block;
            width:175px;
            height:25px;
            margin-top:1px;
            padding:0px;
            text-indent:-9000px;
            background-position: top left;
            }
	
.submenuTitle:hover {	background-position: bottom left; }							/*shift the background position*/

/* -------------------------------------------------------------------------- */
/*           Base layout - container*/
/* -------------------------------------------------------------------------- */
#container { 
	position: relative;
	width: 950px;  /* width of site */
	background: #FFFDFB;
	margin: 0px auto; /* centers page */
	border: 0px solid #fff;
	text-align: left; /*  overrides the text-align: center on the body element. */
} 

/*#round_corners_top {
	display:block;
	height:17px;
	background:url(../../images/round_corners_top.jpg) no-repeat top left;
}*/

#header { 
	position:relative;
	background: #fff; 
	padding: 0 ; 
}

#header h1 {
	display:block;
	margin: 0 0 10px 20px; 
	background:url(../../images/wascoLogo.jpg) no-repeat top left; /*logo is a background image*/
	padding: 10px 0 10px 40px; /* pushes logo away from the edges of the div */
	font-size: 1.5em;
	text-indent:-9000px;
	height:60px;
	width:353px;
	border:none;
}

#header .logo {			/*turns logo background image into click-able link*/
	display:block;
	width: 375px;
	height: 83px;
	cursor:pointer;	
	}

#utility_menu {
	position:absolute;
	top:15px;
	right:17px;
	height:20px;
	margin:0;
}

#date {
	position:absolute;
	top:112px;
	right:30px;
	margin: 0;
	font-size: .9em;
}


/* -------------------------------------------------------------------------- */
/*                                Homepage layout
/* -------------------------------------------------------------------------- */
/*.home #leftColumn { 
	margin: 0 203px 0 17px; 
	padding: 0;
	border: 1px solid black;
}*/

.home #mainImageContainer {
	margin: 0px  0px  0px  17px; /* sets spacing round main image */
	width: 728px;
	float: left;
}

.home #mainContent { 
	float:left;
	width:500px;
	margin: 0 0px 0 17px; /* creates the two outer columns on the sides of the page. */
	padding: 0; 
	/*border: 1px solid black;*/
}

.home #rightColumn { 	/*to adjust the darkred "links block" block , go to line 318 or so*/
	float: right; 
	width: 173px;
	margin:0px 17px 0 0; 	/*needs ie6 conditional margin-left:7px;*/
}

/* ----------- homepage, current news block-------------- */
#newsContainer {
	display:block;
	float:right;
	width: 206px;
	height:100%;
	margin: 0px 15px 15px 0;
	padding:10px 0 0 15px;
	}

#newsTop {
	height: 35px;
	background:url(/county/images/sidebar_top.jpg) no-repeat;
	text-indent:-9000px;
	}

#newsBtm {
	background:url(../../images/sidebar_btm.jpg) no-repeat;
	text-indent:-9000px;
	}	

#newsSide {
	background:url(../../images/sidebar_side.jpg) repeat-y;
	height:auto;
	padding: 10px;
	}

.home #toutLeft  {
	float: left;
	width:225px;
	margin: 85px 0 25px 17px;
	padding: 8px;
	background-color:#C6D6C9;
	color:#5F2E05;
	/*border:1px solid red;*/
}
.home #toutRight  {
	float: right;
	width:225px;
	margin: 85px 0 25px 0;
	padding: 8px;
	background-color:#C6D6C9;
	color:#5F2E05;
	/*border:1px solid blue;*/
}


/* -------------------------------------------------------------------------- */
/*              subpage layout - shared elements for threeColumn and twoColumn
/* -------------------------------------------------------------------------- */
.threeColumn #leftColumn, .twoColumn #leftColumn {  /* left column for accordian submenu */
	float: left; 
	width: 175px;
	height: 680px; 
	margin:0 0 0 17px;		/*needs ie6 conditional margin-left:9px;*/
	padding: 0 2px 0 2px; 
	border:1px solid #999;
}

/* -----------right Column for all inner pages-------------- */
#rightColumn2 {
	float: right; 
	width: 173px;
	margin:0px 17px 0 0; 	/*needs ie6 conditional margin-left:7px;*/
	/*border: 1px solid red;*/
}

/* -----------Links block, right side-------------- */
#linksBlock {
	display:block;
	height:100%;
	background-color:#5F2E05; 
	margin: 0px 0 2px 0;
	padding:15px 0 0 15px;
	}
	
#linksBlock ul {
	padding:0;
	margin:10px 0 15px -4px;
	list-style: none;
	}
	
#linksBlock li {
	padding:0px 0 0px 0px;
	margin:0;
	color:#fff;
	}		

#linksBlock a:link, #linksBlock a:visited {
	display:block;
	height:20px;
	color:#FFFFFF;
	text-decoration:none;
	padding:0px 0 0px 25px;
	background:url(../../images/links_arrow_white.gif) no-repeat 5px 5px;
	}
#linksBlock a:hover {
	color:#EDBC37;
	padding:0px 0 0px 25px;
	background:url(../../images/links_arrow_gray.gif) no-repeat 5px 5px;
	}

#linksBlock h2 {	/*sets link group heading font/color & dotted line*/
	font-size:11px;
	margin:0 0 0px  0 ;
	height: 25px;
	color:#CCB848;
	background:url(../../images/link_dots.gif) no-repeat  -10px 23px;
	}	

.linkDots {
	margin: 0px 5px 0px 0px;
		background:url(../../images/link_dots.gif) no-repeat 0px 0px;
		}		
		
/* -------------------------------------------------------------------------- */
/*              Store layout, twoColumn
/* -------------------------------------------------------------------------- */		
	
#storeContainer	{
	margin:10px 0px 200px 0px;
	padding:5px 5px 15px 5px;
	border: 1px solid #333333;
	background-color:#F2F7F3;
	}
#loginContainer	{
	margin:10px 0px 10px 0px;
	padding:5px 5px 15px 5px;
	border: 1px solid #333333;
	background-color:#F2F7F3;
	}		
		
/* ------------------------------------------------------------ */

/*#rightColumn2 #special {
	height: 70px;
	margin: 0;
	padding:15px 10px;
	background-color:#993333;
}

#rightColumn2 #newsletter {
	height: 120px;
	margin: 2px 0 0 0;
	padding:15px 0 0 15px;
	background-color:#515890;
}

#emailForm {
	margin:5px 10px 0 0;
	padding:0;
	border:1px solid #fff;
}*/

/* ------------------------------------------------------------------------------------------------------------- */	
/*                            3 column subpages - with right side links block
/* ------------------------------------------------------------------------------------------------------------- */	

.threeColumn #mainImageContainer {
	margin: 0px  0px  0px  0px; /* sets spacing round main image */
}

.threeColumn #mainContent { 
	margin: 15px 255px 0 220px; /* creates the two outer columns on the sides of the page. */
	padding: 0;
	/*border:1px solid blue;*/ 
}

#mainContent h3  { 
	margin: 0px  0px  0px 0px; /* sets spacing round main image */
}

#mainContent h4  { 
	margin:2px 0 0 0;
}


/* ------------------------------------------------------------------------------------------------------------- */	
/*                           twoColumn full width, subPage & no subNav layouts
/* ------------------------------------------------------------------------------------------------------------- */	

.subpage #rightColumn {
	float: right; 
	width: 170px;
	margin:0px 17px 0 15px; 	/*needs ie6 conditional margin-left:7px;*/
	font-size: .85em;
	color:#5F2E05; 
	/*border: 1px solid red;*/
	padding: 10px 10px 10px 10px;
	background-color:#F7F8E6;
}
.subpage #smallImageContainer {
	width: 200px;
	margin: 0px  0px  0px  0px; 
}

.subpage #mainContent {
	width: 500px; 
	margin: 0px 20px 0 220px;
	padding: 0; 
	/*border: 1px solid blue;*/
}

/* ------------------------------------------------------------------------------------------------------------- */	
/*                           two column, no left subnav  (with and without header image)
/* ------------------------------------------------------------------------------------------------------------- */

.noSubnav #mainImageContainer {
	margin: 0px  0px  0px  17px; /* sets spacing round main image */
}

.noSubnav  #leftColumn2 {
	float: left; 
	width: 400px;
	margin: 0px 0px 0 20px; 
	padding: 0; 
	/*border: 1px solid red;*/
}

.noSubnav  #rightColumn3 { 
	float:right;
	width: 400px;
	margin: 0px 100px 0 0px; 
	padding: 0; 
	/*border: 1px solid blue;*/
}


/* -------------------------------------------------------------------------- */
/*              jobs page layout - twoColumn
/* -------------------------------------------------------------------------- */

.jobs #mainImageContainer {
	margin: 0px  0px  0px  18px; /* sets spacing round main image */
	width: 728px;
	float: left;
}

.jobs #mainContent { 
	margin: 150px 305px 40px 50px; /* creates the two outer columns on the sides of the page. */
	padding: 0;
	/*border:1px solid blue;*/ 
}

/* ------------------------------------------------------------------------------------------------------------- */	
/*                           oneColumn full width
/* ------------------------------------------------------------------------------------------------------------- */	

.oneColumn #mainContent {
	width: 915px; 
	margin: 0px 20px 0 17px;
	padding: 0; 
	/*border: 1px solid blue;*/
}



/* --------------------layout: Blog page------------------------------- */
/*#mainContentBlog  {

	margin: 0px  0px 0px 265px;
	width:670px;
	border:0px solid #000;
}*/


/* -------------------footer-------------------------------- */
#footerColorBar{
	display: block;
	height: 39px;
	margin:0px 6px 10px -3px;
	background:url(../../images/footerColorBar.jpg) repeat-x;
	}

#footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
} 
#footer p {
	text-align:center;
	margin: 0 auto; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* --------------------------------------------------- */
.floatRight { /*floats element right. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.floatLeft { /* float element left */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#redirectWindow {margin:50px 0 0 100px;}  /*centers the text on the redirect window*/