/* styles RV Idaho June 05
------------------------------------------------------------------------*/

html{

}

body{
	margin: 0;
	padding: 0;
	background: #666 url(../images/site/bg_html.jpg) repeat-y center top;
	height: 100%;
	text-align:center;   /* for ie */
}

td,p,ul,caption,label,li, ol, h1, h3, h4, h5, h6, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	padding: 0;
	text-align:left;
}

h1{
	font-size: 16px;
	color: #036;
	letter-spacing: 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	border-bottom: 1px dotted #036;
	line-height: 20px;
	margin-bottom: 10px;
}

h2{
	font-size: 12px;
	color: #06C;
}

img{ 
 border: 0px;
}

a:link, a:visited{
	color: #00F;
	text-decoration: none;
}

a:hover, a:active{  /* Netscape 4 ignores hover and active states */
	color: #00F;
	text-decoration:underline;
	}

/*   =layout 
-------------------------------------------------------- */
#pagecontainer{
	text-align:left;
	width: 750px;
	padding:0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	}
	
.logo{
	height:120px;
	width: 100px;
	position: absolute;
	left: 45px;
	top: 2px;
	z-index:11;
}	
	
.header {
	height:115px;
	background: #F1EBD5;
	width: 750px;
}

/* this allows for bg color to stretch to bottom of sidebar-a when content is short */
.enclose{
	background: #D8D3B0 url(../images/site/bg_enclose.gif) repeat-y;
	width:750px;
	margin: 0px;
}

.sidebar-a {
	margin: 0px;
	padding:0px;
	float: left;
	width: 180px;
	text-align:center;
 }
 
.iewrapper{ /* this div is needed to get rid of ie6 3 pixel float gap */
	margin-left:180px;
}

.maincol{
	/*width:570px;*/
} 

#floatfix{
	width:100%;
 	float:right; 
	}

 .contentimgholder{
	border-right: 5px solid #fff;
	border-left: 5px solid #fff;
 }
 
 .content {
 	width:100%; /*set for ie */
	padding: 5px;
	line-height: 1.4em;
	background: #F1EBD5;
	border: 5px solid #fff;
	 /* for ie */
}


.content p{


}

html>body .content{ /* feed the other browsers */
	/*width:550px;*/
	width:auto;
}

.subheader{
	width:100%;/* set for ie */
	height:30px;
	padding-right: 10px;
	padding-left: 10px;
	background: #E2E3D5;
	line-height:30px;
	vertical-align:middle;
	border-bottom:5px solid #fff;
	text-align:right;
}

html>body .subheader{ /* feed the other browsers */
	
	width:auto;
}


/* =hack ie 3 pixel gap (holly hack)
-------------------------------------------------------------------*/

/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html .sidebar-a{
  margin-right: -3px;
  }
 
* html .iewrapper{
  height: 1%;
  margin-left: 0px;
  }

/* End hide from IE5/mac */

.bannerads {
	text-align: center;
	width: 180px;		
}

.bannerads img {
	margin-left: 5px;
	 margin-top:10px;
	 display:block;
}

/* =footer
-----------------------------------------------------------*/

.footer {
	height:75px;
	font-size: 10px;
	clear: both;
	background-color: #ebebeb;
	background-image: url(../images/site/bg_footer.jpg);
	background-repeat: repeat-x;
	padding: 15px 5px 5px;
	vertical-align:top;
}

.footerleft {
	float: left;
	width:540px; /* set width for ie mac */
}
.footerright {
	float: right;
	width: 200px; /* set width for ie mac */
}

.footernav{
	color: #666;
}

.footernav a:link, .footernav a:visited{
	color: #36f;
	text-decoration: none;
}

.footernav a:hover, .footenavr a:active{
	color: #060;
	text-decoration: underline;
}

address{
	font-style: normal;
}

.visitidlogo{
	text-align: center;
	width: 180px;
	height: 75px;
}

.visitidlogo img{
	margin-top:15px;
}

/* =content
-----------------------------------------------------------*/

.content ul{
    /*list-style-type: image;
    list-style-image:url(../images/site/arrow1_blk.gif);*/
	margin:5px;
	/*list-style:disc inside;*/
}

.content li
{
	margin-left:10px;
}

.usercontrol {
	width:380px;
	text-align:left;
}




/* =subheader 
------------------------------------*/

.breadcrumbs{
	line-height:30px;
	vertical-align:middle;
	float: left;
}

.search{
 	
	height:30px;
	line-height:30px;
	vertical-align:middle;
	float:right;
	background: #E2E3D5;
	border-bottom:5px solid #fff;
}

.search img{
	vertical-align:middle;
	margin:0px;
}


search input {
	vertical-align:middle;
	height: 18px;
	background-color:#FAF5DF;
	border:1px solid #999;
}

.search a:link, .search a:visited{
	color: #006633;
	text-decoration: none;
}

.search a:hover, .search a:active	/* Netscape 4 ignores hover and active states */ {
	color: #0000FF;
	text-decoration:underline;
	}


.mininav{
 
	text-align:right;
	padding-right:5px;
	height:22px;
	vertical-align:middle;
}

/* helper
---------------------------------------------------------------------*/

.clearboth{
	clear: both;
}


.sectionheader {
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	height: 30px;
	width: 175px;
	color: #006699;
	border-bottom: 1px dotted #666666;
}
.sectionheader span {
	padding-left: 3px;
}

.hide { 
	display: none; 
	}
	
.show {
	 display: block; 
	 }
	
/*  =nav id
-----------------------------------------------------*/
#nav{
	color: #333;
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	text-align:center; /* for ie */
 }
 
#nav ul {
	font-size:11px;
	padding: 0;
	margin: 0;
	list-style: none;
	width : 146px;
	z-index:10;
	width:156px;
 }

#nav li {
	position: relative;
	float: left;
	/* margin-bottom: -1px; */
	width: 156px;
	border-bottom: 1px solid #BCB99C;	
 }

#nav li ul {
	top: 20px;
	position : absolute;
	left: -999em;
	margin-left: 156px;
	margin-top: -19px;
 }

#nav li a {
	display: block;
	padding: 5px 2px 5px 22px;
	background-color: #D7D4B2;
	color: #334A5A;
	text-decoration: none;
	width: 156px;
	width: 100%;
 }
 
 html>body #nav li a { /* ie can't process this */
 width: auto; 
}

#nav li a:hover {
	background-color: #E5E3BF;
	color: #CC6600;	  
 }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	 left: -999em;
 }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	 left: auto;
 }
 
 /* set current link style different for current page */
 
#nav li a.current {
	display: block;
	padding: 5px 2px 5px 22px;
	background-color: #FFF;
	color: #CC6600;	  
	text-decoration: none;
	width: 100%; /* for ie */
 }
 
  html>body #nav li a.current { /* ie can't process this */
 width: auto; 
}
 
 
.outfittersearch{
	background: #CDCD9B;
	padding: 10px;
}
 
 .outfittersearch img{
 		padding: 3px;
 }	


 /* =form styles  
 --------------------------------------------------------- */
 div.form {
 }
 
 div.form div.row {
  clear: right;
  padding-top: 2px;
  height: 25px;
  border-bottom: 1px solid #BBBBBB;
  }

div.form div.row label {
  float: left;
  width: 200px;
  text-align: right;
  margin-top: 2px;
  }

div.form div.row span.formw {
  float: right;
  width: 330px;
  text-align: left;
  } 
  
  div.checklist{
 
	padding: 10px;
	margin:5px;

 } 
  
div.checklist table{
	margin-left: auto;
	margin-right: auto;
	
}  
  
 div.checklist label
{

float: none;
display: block;
margin: 0px;
width: auto;
}
  
  /* =content admin 
  -------------------------------------------------------*/
 .contentadminpanel{
	width:380px;
	text-align:left;
	background: #ccc;
}

.contentadminnav{

}

.contentadminnav h1{
	line-height: 30px;
	vertical-align: middle;
	background: #a2a2a2;
	font-size: 14px;
	color: #fff;
	padding-left: 10px;
	margin: 0px;
}

.contentadminnav ul {
	 padding: 3px 0; 
	 margin-left: 0; 
	 border-bottom: 1px solid #778; 
	 font: bold 12px Verdana, sans-serif; 
}

.contentadminnav ul li {
	 list-style: none;
	 margin: 0; 
	 display: inline; 

}

.contentadminnav ul li a {
	 padding: 3px 0.5em; 
	 margin-left: 3px; 
	 border: 1px solid #778;
	 border-bottom: none;
	 background: #DDE;
	 text-decoration: none;
}

.contentadminnav ul li a:link {
	 color: #448;
}

.contentadminnav ul li a:visited {
	 color: #667;
}

.contentadminnav ul li a:link:hover, .contentadminnav ul li a:visited:hover {
	 color: #000;
	 background: #AAE;
	 border-color: #227;

}

.contentadminnav ul li a#current {
	 background: white; 
	 border-bottom: 1px solid white;
}


#advancedconfig{
	border: 1px solid #999;
	padding: 5px;
}

#advancedconfig input{
	background: #ebebeb;
	border: 1px solid #999;
}
#advancedconfig select{
	background: #ebebeb;
	border: 1px solid #999;
}

#advancedconfig span{

}

.contextitem{
	height: 25px;
	vertical-align: middle;
}

.contextitemover{
	height: 25px;
	background-color: #CCCCCC;
	cursor: hand;
	vertical-align: middle;
}

/* =page functions
---------------------------------------------------------------- */

.pagefunctions{
	float: right;
	margin-left: 10px;
	margin-top: 10px;
	width: 568px;
	border: 1px solid #FFFF00;
	padding: 0px;
	text-align: right;
}

.pagefunctions ul {
 margin: 2px;
 float: right;
}

.pagefunctions ul li {
 list-style: none;
 margin: 0px; 
 display: inline; 

}

.pagefunctions ul li a {
 padding: 3px; 
 border: 1px solid #330000;
 background: #FF6633;
 text-decoration: none;
}

.pagefunctions ul li a:link {
 color: #000000;
}

.pagefunctions ul li a:visited {
 color: #000000;
}

.pagefunctions ul li a:link:hover, .pagefunctions ul li a:visited:hover {
 color: #FFFFFF;
 background: #330000;

}


/* =tables
-----------------------------------------------------------------------*/

/* table data default -----------------*/
/* border-spacing not supported by ie, set this in table tag in html
example:  cellspacing="0" width="300" -- css does the rest---*/
.tbldata {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	width: 100%;
	background-color:#F1EBD5;
}

.tbldata th {
	background-color: #D8D3B0;
	color: #066;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding: 2px;
}

.tbldata td {
	padding: 3px;
	background: #D8D3B0;	/* set bg color on td with a class */

}

.tbldata td.highlight {
	padding-left: 3px;
	background-color: #CCCCCC;
	font-weight: bold;
	border: 1px solid #fff;
	/* set bg color on td with a class */

}


.tblmaps {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	
	background-color:#F1EBD5;
	margin:0 auto;
}



.tblmaps td {
	padding: 3px;
	text-align:center;
	font-weight:bold;
	width:80px;

}






/* =jumplinks 
------------------------------------------------------------------------*/

ol{
	margin: 5px;
	list-style: decimal inside;
}



.jumplinks{
	
}

.jumplinks ul{
	list-style: none;
	margin-top:5px;
}


.jumplinks li{
	
}

.sitedesign{
	color: #999;
	letter-spacing: 1px;	
	
}

.sitedesign a:link, .sitedesign a:visited{
	color: #999999;
	text-decoration: none;
}

.sitedesign a:hover, .sitedesign a:active	/* Netscape 4 ignores hover and active states */ {
	color: #00F;
	text-decoration:underline;
	}
	
	
	.floatleft {
	float: left;
	width:50%; /* set width for ie mac */
}
.floatright {
	float: right;
	width:50%; /* set width for ie mac */
}


/* =clear fix 
----------------------------------------*/


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




.regionwrapper{
margin:1em;

}


.regionlist{
float:right;
width:48%;

}




.regionlist ul{
	width:150px;
	margin:0 auto;

}

.regionlist ul{
	width:150px;
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
		}
		
.regionlist li{
	margin: 0;
	background: url(Images/quicklinks_arrow.gif) no-repeat 10px center;
		}
		
.regionlist li a{

	display: block;
	text-decoration: none;
	padding: 3px 0 3px 5px;
	width: auto;
	border-bottom:1px solid #CCC;
	color: #444;
		}
				
.regionlist li a:hover{
	background-color: #D8D8CE;
	color: #C7302A;
}



.regionmap{
float:left;
width:48%;
border-right:1px solid #999;

}


.regionmap img{
	margin:0 auto;
}