/*CSS Document
This style sheet gives navigation rules for Safari and Mozilla Firefox*/

/*navigation divs, always use lower case*/

#navigation {
	position:relative;
	float:left;
	left:10px;
	top:40px;
	margin: 0px 0px 0px 0px;
	z-index: 99;	/*border: 5px solid green;*/
	
}


#navsite {
	
	width:15.5em;
	padding: 0;
	text-indent: 5px;
}

#navsite p {
	display:block;
	text-decoration: none;	
}

	
#navsite ul {
	list-style:none;
	margin: 0;
	padding:0;	
}

#navigation ul li {
	margin: 0;
}


#navigation  ul li a {
	display: block;
	color: #660000;
	width: 100%;
	position:relative;
	padding: 5px 10px 5px 10px;
	border-left: 10px solid #5E2F1F;
	border-right: 1px solid #5E2F1F;
	border-bottom: 1px solid #5E2F1F;
	border-top: 1px solid #5E2F1F;
	background-image:url(../Images/woodsteps.jpg);
	background-repeat:repeat;
	background-position:right;
	font-family:"Bank Gothic",Arial,sans-serif;
	}


#navigation ul li a:hover { /*For some reason this has to be navigation not navsite*/
	color: #FFFEE2;
	background-image:none;
	background-color: #5E2F1F;
	border-right: 1px solid #DE956B;
	border-left: 10px solid #F4DDB3;
	border-top: 1px solid #DE956B;
	border-bottom: 1px solid #DE956B;
}

#navsite  li ul li a {
    display:block;
    width:inherit;
	padding-left:.5em;
    border-left: 10px solid #F4DDB3;
	color: #FFFEE2;
	background-image: none;
	background-color: #5E2F1F;
}


#navsite li ul li a:hover {
   
}

#navsite ul li ul li ul li a {
   
    display:inline;
    float:left;
	overflow:hidden;
	max-width:5em;
}

#navsite a#current {
	background-image:none;
	background-color: #5E2F1F;
	color: #FFFEE2;
	border-left: 10px solid #F4DDB3;
	cursor:default;
}

/*navigation classes*/
	
.topstep {
	padding-left:0em;
	padding-right:5em;
	border-top-color: FFFEE2;
}
	
.step1{
	padding-left:1em;
	padding-right:3.5em;
	border-top-color: FFFEE2;
}
	
.step2 {
	padding-left:2em;
	padding-right:2em;
	border-top-color: fffee2;
}
	
.step3 {
	padding-left:3em;
	padding-right:0em;
	border-top-color: fffee2;
}
	
.step4 {
	padding-left:-1.5em;
	padding-right:2em;
	border-top-color: fffee2;
}
	
.step5 {
	padding-left:4em;
	padding-right:0em;
	border-top-color: fffee2;
}
	
.bottomstep {
	padding-left:1.5em;
	padding-right:1em;
	border-top-color: fffee2;
}

.border {
	padding:2px 5px 2px 5px;
	background-color:saddlebrown;
	cursor:default;
}

/*.border2 {
	padding:2px 5px 2px 5px;
	cursor:pointer;
}*/

.current {
	cursor:default;
	
}

.width {
	width:120%;
}

.clear {
	
	width:125%;
	clear:both;
}