@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border: none;outline:0;font-weight:inherit;font-style: inherit;font-size:100%;font-family: inherit;vertical-align: top;} 
:focus {outline: 0;}body {line-height: 1;color: black;background: white;}ol, ul {list-style: none;}table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after, q:before, q:after {content: "";}blockquote, q {quotes: "" "";}
.clear {clear:both;}



@font-face {
    font-family: 'OxygenRegular';
    src: url('http://www.lyonsiouxruralwater.com/site/fonts/Oxygen-webfont.eot');
    src: url('http://www.lyonsiouxruralwater.com/site/fonts/Oxygen-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.lyonsiouxruralwater.com/site/fonts/Oxygen-webfont.woff') format('woff'),
         url('http://www.lyonsiouxruralwater.com/site/fonts/Oxygen-webfont.ttf') format('truetype'),
         url('http://www.lyonsiouxruralwater.com/site/fonts/Oxygen-webfont.svg#OxygenRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OxygenBold';
    src: url('http://www.lyonsiouxruralwater.com/site/fonts/Oxygen-Bold-webfont.eot');
    src: url('http://www.lyonsiouxruralwater.com/site/fonts/Oxygen-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.lyonsiouxruralwater.com/site/fonts/Oxygen-Bold-webfont.woff') format('woff'),
         url('http://www.lyonsiouxruralwater.com/site/fonts/Oxygen-Bold-webfont.ttf') format('truetype'),
         url('http://www.lyonsiouxruralwater.com/site/fonts/Oxygen-Bold-webfont.svg#OxygenBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'BebasRegular';
    src: url('http://www.lyonsiouxruralwater.com/site/fonts/BEBAS___-webfont.eot');
    src: url('http://www.lyonsiouxruralwater.com/site/fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.lyonsiouxruralwater.com/site/fonts/BEBAS___-webfont.woff') format('woff'),
         url('http://www.lyonsiouxruralwater.com/site/fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('http://www.lyonsiouxruralwater.com/site/fonts/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}







body {

	font-family: Georgia, "Times New Roman", Times, serif
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.25px;
	background-image:url(http://www.lyonsiouxruralwater.com/site/assets/css/images/body-bg.png);
	background-position: top;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	color: #000000;
	margin: 0px 10px 10px 30px;
	
}

#logo {
	width: 382px; 
	height: 93px;
	background-image:url(http://www.lyonsiouxruralwater.com/site/assets/css/images/logo.jpg); 
	background-repeat: no-repeat;
	margin: 20px, 0px, 0px 0px;
	float: left;
	}



#nav {
	background:url(http://www.lyonsiouxruralwater.com/site/assets/css/images/nav.jpg) no-repeat;
	width: 579px;
	height: 47px;
	margin: 0;
	padding: 0;
	float: right;
	margin: 42px -5px 0px 22px;
	
}


#nav li, #nav a {
    height: 47px;
    display: block;
}

#nav li {
    float: left;
    list-style: none;
    display: inline;
    text-indent: -9999em;
	
}

#nav-01 { width: 143px; }
#nav-02 { width: 143px; }
#nav-03 { width: 143px; }
#nav-04 { width: 143px; }

#nav-01 a:hover { background:url(http://www.lyonsiouxruralwater.com/site/assets/css/images/nav.jpg) 0px -47px no-repeat; }
#nav-02 a:hover { background:url(http://www.lyonsiouxruralwater.com/site/assets/css/images/nav.jpg) -143px -47px no-repeat; }
#nav-03 a:hover { background:url(http://www.lyonsiouxruralwater.com/site/assets/css/images/nav.jpg) -286px -47px no-repeat; }
#nav-04 a:hover { background:url(http://www.lyonsiouxruralwater.com/site/assets/css/images/nav.jpg) -429px -47px no-repeat; }

#navtop {
	width: 300px;
	height: 30px;
	padding: 0 0 0 0;
	position: absolute;'
	margin: 10px 0px 20px 570px;
	
}

#navtop ul {
	width: 300px;
	height: 30px;
	padding: 0;
	float: right;
	display: inline;
	
}

#navtop li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; 
	text-decoration:none;
	margin: 8px 0px 0px 660px;
	color: #FFFFFF;
	
	}
	
#navtop li, #navtop a {
     display: inline;}
	
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #001c55;
	margin: 0px 20px 10px 30px;
		
}

ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #001c55;
	margin: 0px 20px 10px 50px;
		
}



#homeText{
		width: 210px;
		height: auto;
		margin: 15px 20px 0px 10px;
		float: left;
}

h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 24px;
	font-size: 20px;
	color: #001c55;
	margin-bottom: 20px;
	text-transform: capitalize;
	margin: 0px 10px 10px 30px;
}

h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 24px;
	font-size: 18px;
	color: #001c55;
	margin: 0px 10px 10px 30px;

} 

h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 24px;
	font-size: 18px;
	color: #001c55;
	margin: 0px 10px 10px 30px;
}




#page{

	
	width: 100%;
	height: auto;

	margin: 0 auto;
	
	
}






/*  --------------------------------page wrap------------------------------------------*/

#wrap {

	width:960px;
	
	position: relative;
	
	
	margin: 0 auto;



}


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

/*----Wayfinder Vertical Menu----*/

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




#navright{
	width: 226px;
	height: 339px;
	margin: 5px 50px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: right;
	background:url(http://www.lyonsiouxruralwater.com/site/assets/css/images/wayfinder_menu.jpg) no-repeat; 
}

#navright_about{
	width: 226px;
	height: 339px;
	margin: 5px 50px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: right;
	background:url(http://www.lyonsiouxruralwater.com/site/assets/css/images/wayfinder_menu_about.png) no-repeat; 
}

#navright_whatsnew{
	width: 226px;
	height: 339px;
	margin: 5px 50px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: right;
	background:url(http://www.lyonsiouxruralwater.com/site/assets/css/images/wayfinder_menu_whatsnew.png) no-repeat; 
}

#navright_customer{
	width: 226px;
	height: 339px;
	margin: 5px 50px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: right;
	background:url(http://www.lyonsiouxruralwater.com/site/assets/css/images/wayfinder_menu_customer.png) no-repeat; 
}

#navright_contact{
	width: 226px;
	height: 339px;
	margin: 5px 50px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: right;
	background:url(http://www.lyonsiouxruralwater.com/site/assets/css/images/wayfinder_menu_contact.png) no-repeat; 
}

.menucol {

	font-family: 'OxygenRegular', Arial, Helvetica, serif;
	
	width: 200px; 

	position: relative; 

	margin: 5px 0px 5px 0px;

	font-size: 16px;  

	padding: 0px 0px 0px 0px;
	
	text-decoration: none;
	
	color: #001c55;

	}

	 

	 

.menucol ul li a, .menucol ul li a:visited {

	display: block; 

	padding-left: 0px; 

	text-decoration:none; 

	color: #000;

	background-color: #FFF;

	
	border-bottom: 2px solid #F60;

	padding-left: 25px;
	
	width: 175px;


	height: 30px; 

	text-align: left; 

	line-height: 30px; 

	font-size: 18px;
	
	font-weight: normal;

	list-style-type: none;

	}

	 

.menucol ul li a:hover {

	color: #CCCCCC;

	font-weight: normal; 
	
	width: 175px;

	font-size: 18px; 

	padding-left: 25px;

	text-decoration:none;

	list-style-type: none;

	}

	 

.menucol ul {

	padding: 0; 

	margin: 0; 
	
	width: 175px;
	
	list-style-type: none;

	font-weight: normal; 

	font-size: 18px;

	text-decoration: none; 

	/*z-index: 99999; */

	z-index: 500;

	}

	 

.menucol ul li {

	float: left; 
	
	color: #000;

    margin: 0px 0px 10px 0px;

	position: relative; 

	list-style-type: none;
	
	width: 175px;
	
	text-decoration: none; 

	}
.menucol ul li a {
	
	text-decoration: none; 

	}
	 

.menucol ul li ul {

	display: none; 

	list-style-type: none;

	}

/*  --------------------------------breadcrumbs------------------------------------------*/

#breadcrumb{
	font-family:  Georgia, "Times New Roman", Times, serif;
	float: left;
	margin: 0px 0px 0px 20px;
	width: 620px;
	font-size: 12px;   
}


#breadcrumb ul li{
	display: inline;
	padding: 10px;
}




/*  --------------------------------header------------------------------------------*/

#logo{
	width: 960px;
	height: 100px;
	display: block;
	margin: 35px 0px 0px 0px;
	padding: 0px;
/*float: left;*/
	
	
}





/*  --------------------------------Main content ------------------------------------------*/

#content-wrap{
	width: 100%;
	background: white;
	min-height: 450px;
	height: auto;
	padding: 0;
	float: left;
	margin-top: 320px;
	

	
}


#mainContent{
	width: 960px;
	height: auto;
	min-height: 1024px;
	background: white;
	float: left;	


}

#leftcol {
	font-family: "Times New Roman", Times, serif;
	text-align: left;
	float: left;
	width: 620px;
	background-color:#FFFFFF;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 10px; }
	
#mapcol {
	font-family: "Times New Roman", Times, serif;
	text-align: left;
	float: left;
	width: 900px;
	background-color: #FFFFFF;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 10px; }
	
#leftcolTerms {
	font-family: "Times New Roman", Times, serif;
	text-align: left;
	position: relative;	
	width: 900px;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px; }
	
#homenews {
	width: 640px;
	margin-left: 10px;
	float: left;
	}
	
#homeleft {
	font-family: "Times New Roman", Times, serif;
	text-align: justify;
	width: 380px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px; 
	background-color: #FFFFFF;
	
	}	
	
#homeright {
	font-family: "Times New Roman", Times, serif;
	text-align: left;
	width: 270px;
	height: 300px;
	float: right;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px; 
	background-color: #FFFFFF;
	
	}	
		

#pageContent{
	font-family: Arial, Helvetica, sans-serif;
	width: 960px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
	
}



#pageContent p.bold{
		font-family: 'OxygenBold', Arial, Helvetica, sans-serif;
}




#pageContentres{
	width: 960px;
	height: auto;
	float: left;
	margin: 10px 0px 0px 70px;

	padding: 0;
	
}


#HomepageContent{
	width: 800px;
	height: auto;
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0;
	
}

#Contact{
	width: 200px;
	height: 100px;
	color: #220f08;
	font-weight: normal; 
	margin: 0px 0px 15px 450px;
	text-align: left;
	padding-bottom: 5px;	
	border-bottom: #6D4D3D dotted 2px;
	
}

#Contact h1{
	
	font-weight: bolder;
}



#Career p{
	font-family: Georgia, Arial, Helvetica, serif;
	color: #220f08;
	font-weight: bold; 
	margin: 25px 70px;
	text-align: left;
	word-spacing: 2px;
	padding-left: 25px;	
	border-left: #6D4D3D dotted 2px;
}

#map{
	width: 700px;
	height: 400px;
	margin: 0px 0px 15px 40px;

}


#ContactWrap{
	width: 780px;
	height: auto;
	float: left;
	
}


/*  --------------------------------Footer ------------------------------------------*/

#footer-wrap{
	width: 100%;
	height: 40px;
	background-color: #565b62;
	background-position: center;
	background-repeat: repeat-x bottom;
	padding: 0;
	float: left;
	margin: 20px 0px 0px 0px;
	position: relative;
    z-index: -100;	
	
	
}


#footerLogos img{
		
		float: left;
		margin-right: 20px;
		margin-top: 20px;
}

#footerLinks a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform:uppercase;
	text-decoration: none;	


}



#footer{
	width: 1500px;
	height: 80px;
	float: left;
	background: url(http://www.lyonsiouxruralwater.com/site/assets/images/footer-yellow.jpg) repeat-x bottom;
	margin-top: 450px;
	
}



#footerLinks{
	width: 100%;
	position: relative;
	height: 50px;
	margin: 0px 0px -30px 50px;
	text-align: center;
	
}



p.footerLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	text-decoration: none; 
	color: #001c55; }


#cybrac{
	
		font-size: 14px; text-decoration: none; text-align: center; margin: -4px 0px 0px 0px; color: white;
}

#cybrac a:link {color: #001c55;   }      /* unvisited link */
#cybrac a:visited {color: #000000;  }  /* visited link */
#cybrac a:hover {color: #CCCCCC;   }  /* mouse over link */
#cybrac a:active {color:#DDC4AA; }  /* selected link */



#footerLinks a:link {color: #001c55;   }      /* unvisited link */
#footerLinks a:visited {color:#fffff;  } /* visited link */
#footerLinks a:hover {color: #1755d7;   } /* mouse over link */
#footerLinks a:active {color:#DDC4AA; } /* selected link */

#footerLinks p {		
	margin: 8px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none; 
	text-align: center;}
	
a {
	color: #001f60;
	text-decoration: none; 
	font-weight: bold; }
	
a:visited { 
	color: #001f5d;}
	
a:hover {
	color: #1755d7;
	 
	} 
		
a[href$='.pdf'] {
	background: url(http://www.lyonsiouxruralwater.com/site/assets/css/images/acrobat.png) no-repeat right top;
	padding: 0px 20px 0px 0px;
	}	
	
a[href$='.doc'] {
	background: url(http://www.lyonsiouxruralwater.com/site/assets/css/images/word.png) no-repeat right top;
	padding: 0px 20px 0px 0px;
	}		

#page-wrap {
	width: 660px;
	background: none;
	padding: 0px 50px 20px 50px;
	margin: 0px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#career-page-wrap {
	width: 660px;
	background: none;
	padding: 0px 50px 20px 50px;
	margin: 0px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#res-page-wrap {
	width: 660px;
	background: none;
/*	padding: 0px 50px 20px 50px;*/
	padding: 0px;
	margin: 0px auto;
	min-height: 500px;
	height: auto !important;
	height: 700px;
}



#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #001f60;
}

#contact-area input.submit-button {
	width: 100px;
	color: #001f60;
	font-size: 18px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 14px;
	text-transform: lowercase;
	
}


#HomeSlideshow{
		width: 940px;
		height: 450px;
		margin-left: 10px;
		margin-top: 50px;
		float: left;
}



.container {
    position: absolute; 
    top: 50%; 
    left: 50%;
    margin: -300px 0 0 -470px; }
    
.content { background: url(http://www.lyonsiouxruralwater.com/site/assets/images/coffee.jpg); }
.content h1 {
	font-size: 40px; 
	text-transform: uppercase; 
	font-weight: bold; 
	text-align: center;
	margin-top: 180px;
	color: #222;
	line-height: 50px;  }
.content h3 {
	text-align: center; 
	font-size: 22px; 
	color: #222; }



p.email {
	background-image: url(../AppData/Roaming/Ipswitch/WS_FTP/Storage/images/bottom-right.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-bottom: 2em;
}



/**********Contact Us Form***********/
#page-wrap {
	width: 960px;
	background: none;
	padding: 0px 50px 20px 50px;
	margin: 0px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#career-page-wrap {
	width: 660px;
	background: none;
	padding: 0px 50px 20px 50px;
	margin: 0px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#res-page-wrap {
	width: 660px;
	background: none;
/*	padding: 0px 50px 20px 50px;*/
	padding: 0px;
	margin: 0px auto;
	min-height: 500px;
	height: auto !important;
	height: 700px;
}

#thanks {
	width: 660px;
	padding: 0px 50px 20px 50px;
	margin: 0px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#thanks a{
	color: #CC3300;
	text-decoration: none;
}

#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	color: #CC3300;
	font-size: 18px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 14px;
	text-transform: lowercase;
	
}