/* master page elements */
 
#searchtrans_{position:relative; top: 0px; height: 100%; z-index: 15; background-image:url('/Sheriff/Images/BARSolid.jpg');}

#bannertrans_{position:relative; top:0px; height: 0px; z-index: 4;}
 
#sitesearch{margin: 0px 0px 0px 0px; padding-right:1em; }  
 /* use this to adjust search controls position .. 2/14/2013, johnsh */
 
#logotrans_{position:relative; top: -177px; z-index:12; display: inline-block;}
  
#titletrans_{position:relative; top: -150px; z-index: 5; color:#FFF; padding-left: 410px; }
 
#banner_{position: relative; top: 0px; z-index: 3; height: 100%; max-height: 320px; overflow: hidden;}

#globalmenu_{height: 100%; padding-bottom: 5px; padding-top: 3px; position: relative; top: -235px; width: 100%; line-height: 100%; z-index: 13;background-image:url('/Sheriff/Images/BARSolid.jpg'); background-color: #666 ;}
 
 /*
 .navTop{height: 50px;width:160px;}
 .navtitle{color:white;font-size:15px;font-weight:bold;margin: 7px; text-align:left;}
 */
 
 .dpt_title{position:relative; top: -130px} 
 .dpt_title2{position:relative; top: -130px}
 .dpt_title3{position:relative; top: -130px}  
 
 #content_{position: relative; top:-260px; z-index: 1; background-color:#ffffff; height:auto !important;}
 
 #footer_{background-image:url('/Sheriff/Images/BARSolid.jpg'); padding:4px; position: relative; top: -260px; text-align: center; font-size:12px; color: white;}
 /*
 From pub dev
 #footer_{height: 100px;background-image:url('/Common/Images/BAR.png'); position: relative; top:-221px; text-align:right; font-weight:normal; font-size:12px; color: white;background-repeat: no-repeat;}
 */
 #footer_ a {color: white;}
 
 
 /*---Links--*/
 a:link {color: #48604D; text-decoration:none;}    /* unvisited link */
a:visited {color:#48604D; text-decoration:none;}  /* visited link */
a:hover {color: #000; text-decoration:none;}  /* mouse over link */
a:active {color: #48604D; text-decoration:none;}  /* selected link */ 

 div#multiColumn {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;

    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;

    /*---adds column lines---*/
	/*---webkit-column-rule: 2px outset  #CCC; /* Chrome, Safari, Opera */
    /*--- -moz-column-rule: 2px outset #CCC; /* Firefox */
     /*---column-rule: 2px outset #CCC;--*/
 } 
 #nav_{position: relative; width:160px; background-repeat: repeat-y; z-index: 2; display:none;}

/*TODO: needed???? */
.navTop{height: 50px;width:160px;}
.navtitle{color:white;font-size:15px;font-weight:bold;margin: 7px; text-align:left;}

/* use with buildNavStyle2 in SkagitCo.master.cs */
/*.navButton{height: 35px; background-image:url('/Common/Images/navbarbtn.jpg'); padding-left:6px; padding-top:7px; text-align:left;} 
.navButton a {text-decoration:none; font-weight:normal; color:Black; height:35px;width:130px;display:block;}
.navButton:hover {background-image:url('/Common/Images/navbarbtn2.jpg');} */

/* use with buildNavStyle3 in SkagitCo.master.cs */
/* OLD nav list style 

 #nav_ ul
 {margin: 0; padding-left: 0; color:#FFF; list-style-type: none; }
 
 #nav_ li
 {!--background-image:url('/Common/Images/navbarbtn.jpg'); background-color:#369; color:#FFF; padding-left:6px; padding-top:7px; padding-bottom:2px;}

 #nav_ a
 {text-decoration:none; font-weight:bold; color:#FFF; height:20px; display:block; display: table-cell; text-align:left;} 
 /* TODO: From pub dev
 {text-decoration:none; font-weight:normal; height:20px; width:150px; display:block; display: table-cell; text-align:left;} 
 
 #nav_ a:link, #navlist a:visited
 {color: #333; text-decoration: none;}
 
 #nav_ a:hover
 {color: #000;}


 #nav_ li:hover 
 { background-image:url('/Common/Images/navbarbtn2.jpg'); }*/*/

/* slideshow for banner */
.slideshow { margin: auto }
.slideshow img { padding: 0px; border: 0px solid #ccc; background-color: #eee; }

/* global dropdown menu */

#sddm
{	
    margin: 0;
 	padding-top: 4px !important; 
	/* height above header text, affects banner height as well*/    
	padding: 0;
	z-index: 30;
}

#sddm li
{
	list-style: none;
	margin-left: 0px;
	padding-left: 40px;
	float: left;
    /*font-weight:bold; ?*/
	display: block;
	text-align: center;
	/*min-width: 200px; selected main tab width for header text*/

}

#sddm li a.nav
/* global menu tab text attributes*/
{	
	color: #fff;
	font: bold 16px Calibri, Arial;
	padding: 8px 8px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	text-decoration: none;
	}
	/*top text*/


#sddm li a.nav:hover
{
	background-color:#fff;
	color:#666;
	z-index: 30;}


#sddm div
{	position: absolute;
	visibility: hidden;
	margin-top: 5px; /*hover box links position height to bar*/
	margin-left:  -3px; /*hover box links position left to right*/
	border-left: 3px solid #666;
	border-right: 3px solid #666;
	border-bottom: 3px solid #666;
	background: #ffffff;
	}

#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 6px 10px;
		min-width: 170px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #ffffff;
		color: #666;
		font: bold 14px Calibri, Arial;
		}

/*BELOW These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */		

#sddm li:hover a
{ 
    background:#fff;
	color:#666;
    text-decoration:none;
}

#sddm div a:hover
	{	background: #666;
		color: #FFF;} /*background-image:url(/Common/Images/buttontrans2.png);} */
		

/*END dropdownmenu*/


h1 {font-size:20pt; font-family: Helvetica; margin: 0;}
h2 {font-size:18pt; font-family: Helvetica; margin: 0;}
h3 {font-size:16pt; font-family: Helvetica; margin: 0;}
h4 {font-size:14pt; font-family: Helvetica; margin: 0;}
h5 {font-size:13pt; font-family: Helvetica; margin: 0;}
h6 {font-size:11pt; font-family: Helvetica; margin: 0; font-weight: bold;}
h7 {font-size:10pt; font-family: Helvetica; margin: 0; font-weight: bold; color:#369 }


.blue { color:#069; }
.green { color:#063; }
.red  { color: #900; }
.white { color: #FFF; }
.gray { color: #999; }
.orange { color: #F90 } 
.center { text-align:center; }

.blueHeadline { color:#069; padding: 4px; background-color:#EFEAC9;}
.grayHeadline { color:#000; padding: 4px; background-color: #F5F5F5;}
.shadow	{text-shadow: 2px 2px #ff0000;} 


/* Text settings for headers, department titles used h1 for main and h6 for sub headings 
.cooperplate { font-family:"Copperplate Gothic Bold";}
.dpt_title { font-family:"Helvetica"; color: #fff; position: absolute; top:-415px; margin-left:160px; text-shadow: 2px 2px 3px #000;}
.dpt_title2 { font-family:"Helvetica"; color: #fff; position: absolute; top:-385px; margin-left:160px; text-shadow: 2px 2px 3px #000;}
.dpt_quote { font-family:"Helvetica"; color: #fff; position: absolute; top:-385px; margin-left:170px; text-shadow: 2px 2px 3px #000;}
.dpt_title3{ font-family:"Helvetica"; color: #fff; position: absolute; top:-365px; margin-left:160px; text-shadow: 2px 2px 3px #000;}
*/
/*-----------*/