/*--------------------SAMPLE ------------------*/

  /*   <div id="wrap">
    <div id="header"></div>
    <div id="nav"></div>
    <div id="main"></div>
    <div id="sidebar"></div>
    <div id="footer"></div>
    </div>  */
.navimage { width: 200px; height:23px; }
.navimage	div {  } 
.navimage	td { width: 200px; height:23px;  } 
.navimage	a:link  	{ background-image:  url(/images/button.png); display: block; color: #003399;   padding-left: 10px; background-repeat: no-repeat; text-decoration: none;   line-height: 20px; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif } 

.navimage	a:visited	{ background-image:  url(/images/button.png); display: block; color: #003399;   padding-left: 10px; background-repeat: no-repeat; text-decoration: none;   line-height: 20px; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif }

.navimage	a:hover  	{ background-image:  url(/images/button.png); display: block; color: #003399;   padding-left: 10px; background-repeat: no-repeat; text-decoration: none;   line-height: 20px; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif }

#navimage { width: 150px; height:23px; }
#navimage	div {  } 
#navimage	td { width: 150px; height:23px;  } 
#navimage	a:link  	{ background-image:  url(/images/button.png); display: block; color: #003399;   padding-left: 10px; background-repeat: no-repeat; text-decoration: none;  height: 30px; line-height: 20px; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif } 

#navimage	a:visited	{ background-image:  url(/images/button.png); display: block; color: #003399;   padding-left: 10px; background-repeat: no-repeat; text-decoration: none;    height: 30px; line-height: 20px; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif }

#navimage	a:hover  	{ background-image:  url(/images/button.png); display: block; color: #003399;   padding-left: 10px; background-repeat: no-repeat; text-decoration: none;   height: 30px;  line-height: 20px; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif }



.indentbutton { 	
	padding-left: 25px; 
	}
	

#indent { 	
	padding: 12px; 
	}



.pdfimage{  
 	width:auto; 
	height:auto;
	vertical-align: middle;
	width: 50; 
	hspace: 5;
	}
.downloadtext{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #333333;
	vertical-align: middle;
	text-decoration: none;   
	font-weight:bold;
	}
#textright{ 
	padding: 20px; 
	float:right;
	}
	
#contactphoto { 
	padding: 0px; 
	text-align: center;
	text-valign: bottom; 
	position: relative;
	align:right;
	width:160;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #000000;
	padding:8px;
	width:275;
	border:solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
	background-color:white;
	}
	


#topfixed {     
	width:100%;
	height:107px;
	margin:0 auto;
	padding: 0px; 
	position: absolute;
	left: 0px;
	position:fixed;
	top: 0px;
	z-index:50;
	}  

#leftmenu { /*--Left Menu--*/
	width:223;
	height:390;
	padding-left: 63px;
	padding-top: 55px;
	padding-right: 10px;
	background-image: url(/images/left.png);
	background-repeat: none;
	}
	


#photoleftcolumn { /*--Left Column--*/
	float:left;
	width:150px;
	color: #333333;
	padding: 5px;
	
	}

 	
#textrightcolumn { /*--Right Column--*/
	float:right;
	width:480px;
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #000000;
	padding: 5px;
	padding-top: 30px;
	}
 

#leftcolumneven { /*--Left Column--*/
	float:left;
	width:320px;
	padding: 10px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	}

	
#rightcolumneven { /*--Right Column--*/
	float:right;
	width:320px;
	padding: 10px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	}
 


#leftcolumn { /*--Left Column--*/
	float:left;
	width:500px;
	padding: 20px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	}

.bg2 { /*--BG semitranparent--*/
	background-image: url(/images/bg2.png);
	background-repeat: repeat;
	}
 
	
#rightcolumn { /*--Right Column--*/
	float:right;
	width:240px;
	background-image: url(/images/bg2.png);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #333333;
	}
 
	
#sidebar { /*--Right Column--*/
	float:right;
	width:250px;
	background:#c9c;
	}
	
#main { /*--Left Column--*/
	float:left;
	width:500px;
	background:#9c9;
	}

#footer { /*--Floats to Bottom--*/
    clear:both;
    background:#cc9;
    }
#footer p {
	margin:0;
	}
	
* html #footer {
    height:1px;
    }

/*------------------SAMPLE END --------------------*/


body {
	background-color: #0099cc;
	background-image: url(/images/bgglow.png);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-face-color: #003399;
	scrollbar-arrow-color: #336699;
	scrollbar-track-color: #336699;
	scrollbar-shadow-color: #000033;
	scrollbar-highlight-color: #336699;
	scrollbar-3dlight-color: #6699cc;
	scrollbar-darkshadow-Color: #000000;
	}

A:link, 
A:active { color: #003399; text-decoration: underline;}
A:visited  { color: #003399; text-decoration: underline;}
A:hover { color: #cc9900; text-decoration: underline;}


  /*--------------------LAYOUT --------------------*/


  /*--------------------BGIMAGES --------------------*/
.bglefticon {
	background-image: url(/images/left.png); 
	background-repeat: repeat-no;
    }
.bgleft {
	background-image: url(/images/bgleft.png); 
	background-repeat: repeat-y;
    }
		
.bgright {
	background-image: url(/images/bgright.png); 
	background-repeat: repeat-y;
    }
	
.bginner {
	background-image: url(/images/mainbginner.png); 
	background-repeat: repeat;
    }
  /*--------------------BGIMAGES END --------------------*/	
#wrap {
	width:1192px;
    margin:0 auto;
	padding: 0px; 
	padding-top: 50px; 
    }
hr {
	height: 5px;
	width: 100%;
	background-image: 		url(/images/hr.png); 
	background-repeat: repeat-x;
	padding: 2px; 
	border: 0px; 
    }
	
#midwrap {
	width:1300px;
    margin:0 auto;
	padding: 0px; 
    }
	
#midleft { /*--Left Column--*/
	float:left;
	width:223px;
	height: 390px;
	padding: 0px;
	background-image: url(/images/bgleft.png); 
	position: relative;
		background-repeat: repeat-y;
	}	
	
#midright { /*--Right Column--*/
	float:right;
	width:199px;
	background-image: url(/images/bgright.png);
	background-repeat: repeat-y;
	position: relative;
	height: 390px;
	}
	
	
#top {  /*FIX to BE VERY TOP*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;    
	width:100%;
	height:86px;
	line-height: 14px;
	color: #666;
	background-image: url(/images/grant_county.png);
	background-repeat: repeat;
	z-index:50;
	/*position:fixed;*/
	}  
#bordertop {   /*FIX to BE VERY TOP*/
	width:100%;
	height:21px;
	background-image: url(/images/borderbg.png);
	background-repeat: repeat;
	margin:0 auto;
	padding: 0px; 
	 /*position:fixed;
	padding-top: 86px*/; 
	}
	 
#borderbot {     
	width:100%;
	height:21px;
	background-image: url(/images/borderbotbg.png);
	background-repeat: repeat;
	margin:0 auto;
	padding: 0px; 
	text-align: center;
	position: absolute;
	bottom: 47px;
	left: 0px;
	position:fixed;
	}  

#bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;    
	width:100%;
	height:47px;
	line-height: 14px;
	color: #666;
	background-image: url(/images/bottom.png);
	background-repeat: repeat;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	position:fixed;
	} 
	
#footer  {
	color: #f0c;
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: #c00;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 18px;
	clear:both;
	}

	
#topbg {  
	width:1245px;
	height:305px;
	background-image: url(/images/south_dakota.png);
	background-repeat: no-repeat;
	margin:0 auto;
	padding: 0px; 
	}  
#topbginner {  
	width:1245px;
	height:305px;
	background-image: url(/images/south_dakota_inner.png);
	background-repeat: no-repeat;
	margin:0 auto;
	padding: 0px; 
	}  

#announcementtext {  /*Edit this to adjust Contact Information on top right of page*/
	width: 150px; 
	border: 0px solid black;  
	padding: 15px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	position: relative;
	color: #003399;
	}
	
#address {  /*Edit this to adjust Contact Information on top right of page*/
	width: 150px; 
	border: 0px solid black;  
	padding: 5px; 
	text-align: right;
	text-valign: bottom; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	position: relative;
	color: #003399;
	float: right;
	padding-top: 260px; 
	padding-right: 220px;
	}

.announcements {  /*Edit this to adjust Contact Information on top right of page*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	position: relative;
	color: #003399;
	}


	
#titleimage {
	width: 556;
	height: 109;
	z-index: 250;
	position: relative;
	float:right;
	}	
	


div.menu {   /*CENTERS MENU - ADJUST WIDTH*/
	margin-left: auto;   
	margin-right: auto;  
	display: block; 
	width: 1000px;  
		position: relative;
		padding-top: 60px;
			padding-left: 170px;   /*!! CHANGE TO CENTER*/
			opacity:0.9; 
		
	}

#mainbgwrap {
	width:823px;
	height: 390px; 
	background-image: url(/images/mainbg.png);
 	background-repeat: no-repeat;

	}
#mainbginnerwrap {
	width:823px;
	height: 100%; 
	/*background-image: url(/images/mainbginner.png);*/
 	background-repeat: repeat;

	}
#maincontenthome{ 
	width: 800px;
 	height: 390px; 
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	margin-left: auto;
	margin-right: auto;
	padding: 10px; 

}	
#maincontent{  /*FIX to scale 100% height*/
	width: 800px;
 	height: 100%; 
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	margin-left: auto;
	margin-right: auto;
	padding: 10px; 
 
}	
#mainonecolumn{  /*FIX to scale 100% height*/
	width: 680px;
	height: 100%;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	/* [disabled]color: #333333; */
	margin-left: auto;
	margin-right: auto;
 
}	
#bottomlinks{  /*FIX to scale 100% height*/
	width: 800px;
 	height: 30px; 
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	padding: 10px; 
	text-decoration:none;
	align: center;
	padding-left: 70px;
	}
 
.photoborderwide {

	padding:8px;
	width:300;
	border:solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
	background-color:white;
	}
  

.photoborder {

	padding:8px;
	width:275;
	border:solid;
	border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
	border-width: 1px 2px 2px 1px;
	background-color:white;
	}
  
div.center {   /*<div class="center">This entire block is centered, but the text inside it is left aligned.</div>*/
	margin-left: auto;   
	margin-right: auto;  
	display: block;    
	}
	
#iconswrap {
	width:456px;
	display: block; 
	height:121px; 
	padding: 0;
	border: 0;
	float:left;
	padding-left: 280px; 
	padding-top: 114px; 
	}	
#iconswraptitle {
	width:456px;
	height:121px; 
	padding: 0;
	border: 0;
	float:left;
	padding-left: 40px; 
	padding-top: 114px; 
	}	
.icons{ 

	/*float:left;*/
	height:121px; 
	padding: 0;
    margin:0 auto; 
	} 
 
.rightbg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #666;
	background-repeat: no-repeat;
	background-color: #362725;
	}

#copyrightwrap {   /*<div class="center">This entire block is centered, but the text inside it is left aligned.</div>*/
	width: 1245px; 
	height: 29px;
	background-image: url(/images/copyright.png);
	background-repeat: no-repeat;
	margin:0 auto;
	padding: 5px;
	}
	 	
	 
.copyright1 {   /*<div class="center">This entire block is centered, but the text inside it is left aligned.</div>*/
	float:left;
	text-align: left ;  
	width: 350px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #003399;
	padding: 0px;
	height: 20px;
	padding-left: 240px; 
	  }
.copyright2 {   /*<div class="center">This entire block is centered, but the text inside it is left aligned.</div>*/
	float:right;
	text-align: right;  
	width: 350px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #003399;
	padding: 0px;
	height: 20px;
	padding-right: 220px; 
	}
	
 
 
  /* --------------------TEXT --------------------*/

 .photocaption{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #ffffff;
	}
	 .photocaption2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #000000;
	}
.smalltext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000;
	}

.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	}
	
.smallitalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #000000;
	font-style: italic
	}
	
#titlespace {  /*Edit this to adjust TITLE on top   of page*/
	width: 340px; 
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	position: relative;
	color: #ba893c;
	float: left;
	padding-top: 40px; 
	padding-left: 255px;
	}
#titlespacelrg {  /*Edit this to adjust TITLE on top   of page*/
	width: 447px; 
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 28px;
	line-height: 33px;
	font-weight: bold;
	position: relative;
	color: #ba893c;
	float: left;
	padding-top: 60px; 
	padding-left: 255px;
	}
#titlespaceaddress{  /*Edit this to adjust TITLE on top   of page*/
	width: 340px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #000000;
	/*font-style: italic;*/
	position: relative;
	float: left;
	padding-top: 9px; 
	padding-left: 295px;
	}
	
.heading {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 26px;
	line-height: 30px;
	color: #ba893c;
	font-weight: bold;
	}
	
.smheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #003399;
	font-weight: bold;
	}
	
.mainb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000;
	font-weight: bold;
	}
	
.italic {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	line-height: 7px;
	font-weight: bold;
	color: #206BD0;
	}



  

/*^'^ Navigation Structure ^'^*/
.nav-container-outer{

padding: 0px;
height: 33px;
/*background: url(/images/top_menu_f2.png);   Main BACKGROUND image for Menu^*/
}
.float-left{
float: center;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:1px;}

.menuleft{
float:left;
width:6px;
background: url(/images/menu2/menuleft.png);
height: 29px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
}

.menuright{
float:right;
width:6px;
background: url(/images/menu2/menuright.png);
height: 29px;
margin: 0px 0px 0px 0px;
 padding:0px 0px 0px 0px; 
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;

}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items ^'^*/	
#nav-container a{	
padding:5px 10px 7px 10px; /*^'^ Padding around main menu TEXT!! 5pxTOP 10pxLEFT 7pxBOTTOM 10px ^'^*/	
margin: 0px 0px 0px 0px;
color: #000000;
font-family: Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:12px;
text-decoration:none;
font-weight: bold;
background: url(/images/menu2/top_menu_f2.png);  /*^'^ CHANGE THIS!! SHould not be F2 ^'^*/	
background-repeat: repeat;

}

#nav-container a:hover{
color: #663300;  /*^'^ MAIN LINKS HOVER COLOR ON TEXT ^'^*/	
background: url(/images/menu2/top_menu_f2.png);
background-repeat: repeat;
background-position: center;
}

/*^'^ Secondary Items Container DROP DOWN  ^'^*/	
#nav-container div, #nav-container ul{	
padding:10px 4px 10px 4px;  /*^'^ Main Drop Down  10pxTOP  4pxLEFT 10pxBOTTOM 4px RIGHT;^'^*/	
margin:0px 0px 0px 0px;
background: url(/images/menu2/item-secondary-container-bg.png);
background-repeat: repeat;
background-color: ; /*^'^ CHANGE THIS  for dropdown background color Make it match image!!!!!^'^*/
border-bottom: 1px solid #CA6500;
}

/*^'^ Secondary Items ^'^*/	
#nav-container div a, #nav-container ul a{	
padding:3px 10px 3px 6px;  /*^'^ PADDING BETWEEN EACH dropdown item  10pxTOP  4pxLEFT 10pxBOTTOM 4px RIGHT;^'^*/	
background-color: #FFFFFF;
background: url(/images/menu2/item-secondary-bg.png);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:12px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 180px;
}

/*^'^ Secondary Items Hover State ^'^*/	
#nav-container div a:hover, #nav-container ul a:hover{	
background-color: #FFFFFF;
background: url(/images/menu2/item-secondary-bg.png);
background-repeat: no-repeat;
color:#663300; /*^'^ TEXT COLOR in Drop Down HOVER ^'^*/	
}

/*^'^ Secondary Item Titles ???????????????????^'^*/	
#nav-container .item-secondary-title{	
cursor:default;
padding:4px 0px 3px 7px;
color: #660000;
font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica;
font-size:11px;
/* background: url(/images/item-secondary-title-bg.jpg); */
background-repeat: no-repeat;
font-weight:bold;
}

/*^'^ Horizontal Dividers ^'^*/	
#nav-container .divider-horiz{	
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;
}

/*^'^ Vertical Dividers ^'^*/	
#nav-container .divider-vert{	
border-left-width:1px;
height:40px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}