body {margin:0; padding:0; font-size:10pt; font: Helvetica, Verdana, Geneva, sans-serif; font-family: Helvetica, Verdana, Geneva, sans-serif; background-color:#E4E4E4; background-image:url(/Common/Images/bg.png); background-repeat:repeat; background-repeat:repeat-x;
background-attachment:fixed;
}
/* Old browsers---- background: #4b82a1; background-image:url(/Common/Images/bg.jpg); background-repeat:no-repeat; background-repeat:repeat-x;
background-attachment:fixed;-----*/

background full page image #bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}


 /* master page elements */

 #bannertrans_{position:relative; top: 150px; height: 40px; z-index: 4;}
 #banner_{position: relative; top:-40px; z-index: 3;} 
 #searchtrans_{position:relative; top: 20px; height: 40px; z-index: 9;}
 #logotrans_{position:relative; top: -225px; z-index:6;}
 
 #titletrans_{position:relative; top: 120px; text-shadow: 4px 4px #ff0000; z-index: 5; }
 #globalmenu_{height: 40px; position: relative; top: -230px; left:108px; z-index: 8;}

 #sitesearch{margin: 0px 0px 0px 0px; padding-right:1em; background-image:url('/Common/Images/BAR.png');color: white; }  
 /* use this to adjust search controls position .. 2/14/2013, johnsh */
 
 #nav_{background-color:#4a7aa4; position: relative; top:-220px; background-repeat: repeat-y; z-index: 2;} 
 #content_{background-color:#ffffff; position: relative; top:-220px; z-index: 1;}
 #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;}

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

/*---Links--*/
a:link {color:#006699; text-decoration:none;}    /* unvisited link */
a:visited {color:#336699; text-decoration:none;}  /* visited link */
a:hover {color:#336699; text-decoration: underline;}  /* mouse over link */
a:active {color:#336699; text-decoration:none;}  /* selected link */ 

/*---Links--*/


/* 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 */
/* nav list style */
 #nav_ ul
 {margin: 0; padding-left: 0; list-style-type: none;}
 
 #nav_ li
 {background-image:url('/Common/Images/navbarbtn.jpg'); padding-left:6px; padding-top:7px; padding-bottom:2px;}

 #nav_ a
 {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*/
.dropdown{
    list-style:none;
    float:left; /* Clear floats */
    /* Bring the nav above everything else--uncomment if needed.
    position:relative;
    z-index:5;
    */
}

.dropdown ul{
  display  : none;
  position : absolute;
  list-style: none;
  top      : 100%;
  left     : -1px;/*--lower menu drop box side to side adjust---*/
  padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
  
}
.dropdown a{
    padding: 10px;
	font: 17px Helvetica;
    font-weight:bold;
    text-decoration:none;
}

.dropdown li{
   float:left;
    margin-right:20px;/*--top tab spacing---*/
	margin-left: 13px;
    position:relative;
}
.dropdown a
{
    display:block;
    padding: 9px; /*---space around main tab---*/
    color:#FFF; /*----text color for upper tab---*/
	font: 17px Helvetica;
    font-weight:bold;
	display: block;
	list-style:none;
    text-decoration:none;
}

/*---expanded drop menu attributes--*/
.dropdown ul a
{position: relative;
		display: block;
		margin: 2px;
		padding: 5px;
		min-width: 170px;
		color:#069; /*----text color for low menu box---*/
		text-decoration: none;
		background: #fff;
		font: bold 13px Helvetica;
        white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}

.dropdown a{
	
}

.dropdown span{
   display:block;
   
}
/*---drop menu box attributes---*/
.dropdown li:hover > ul{
  display : block;
  background-color:#fff;
   position:absolute;
    list-style:none;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	border-left: 1px solid #4a7aa4;
	border-right: 1px solid #4a7aa4;
	border-bottom: 3px solid #4a7aa4;
	float:none;
	
}

.dropdown li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background:#fff;
	color:#4a7aa4;
    text-decoration:none;
}

.dropdown a:hover{
	color:#fff;
    background: #006699;
    text-decoration:none;}
	
.dropdown li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background:#4a7aa4; /*hover background box in lower menu--0-*/
	color:#FFF;
	
}	

.dropdownVertical{
  display : inline-block;
}

.dropdownVertical > li{
  display : block;
  list-style:none;
}

.dropdownVertical ul{
  top  : 0;
  left : 100%;
}

[dir=rtl] .dropdownVertical ul{
  left  : auto;
  right : 100%;
}

.dropdownJavaScript li:hover > ul{
  display : none;
  
}

.dropdownJavaScript li.dropdownOpen > ul{
  display : block;
  
}

/*multi columns*/

div#multiColumn {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count:3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
	padding-bottom: 10px;
}

/*end dropdownmenu*/

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


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:14pt; font-family: Helvetica; margin: 0; font-weight: bold;}
h7 {font-size:11pt; font-family: Helvetica; margin: 0; font-weight: bold;}


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

.blueHeadline { color:#069; padding: 4px; background-color:#EFEAC9;}
.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:-430px; margin-left:160px; text-shadow: 2px 2px 3px #000;}
.dpt_title2 { font-family:"Helvetica"; color: #fff; position: absolute; top:-400px; margin-left:160px; text-shadow: 2px 2px 3px #000;}
.dpt_quote { font-family:"Helvetica"; color: #fff; position: absolute; top:-400px; margin-left:170px; text-shadow: 2px 2px 3px #000;}
.dpt_title3{ font-family:"Helvetica"; color: #fff; position: absolute; top:-380px; margin-left:160px; text-shadow: 2px 2px 3px #000;}

/*-----------*/

/* logo settings for headers, department titles*/

.logo { margin-left: 15px; margin-top: 25px; }

/*-----------*/


.fullframe{ 
	margin-left: 15px;
	margin-right: 20px;
	margin-top: 20px;
	position: relative;
}

.fullframe2{ 
	margin-left: 40px;
	margin-right: 70px;
	margin-top: 30px;
        margin-bottom: 50px;
	position: relative;
}

.leftframe{
	float:left;
	width: 495px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.centerframe{
	width: 495px;
	padding-top: 50px;
	padding-left: 80px;
	padding-bottom: 40px;
}

.leftframe2{
	float:left;
	width: 495px;
	padding-top: 40px;
	padding-right: 0px;
	padding-left: 25px;
}

.rightframe{
	float: right;
	width: 200px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 30px;
}

.rightframegray{
	float: right;
	width: 250px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 10px;
	background-color: #F5F5F5;
}



.fullpage {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	position: relative;
}

.fullpagefadeblue {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	position: relative;
	background-image:url('/Common/Images/fadeblueBACK.png');
}

.fullpageblue {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	position: relative;
	background-color:#069;
}

.page2 {
	margin-top: 50px;
	padding-left: 30px;
	padding-right: 20px;
	position: relative;
}


#rcorners1 {
    border-radius: 25px;
    background: #006699;
    padding: 10px; 
    width: 400px;
       
}

#rcorners2 {
    border-radius: 25px;
    border: 4px solid #006699;
    padding: 10px; 
    width: 200px;
    
	background-color:#FFF    
}


#rcorners3 {
    border-radius: 25px;
    border: 4px solid #900;
    padding: 10px; 
    width: 200px;
    
	background-color:#FFF    
}