/*#####################################################################
This doc contains css structural & formatting code for the following elements:
-Side Nav
-Footer
-Footer image attachments
#####################################################################*/


/*////////////////////////////////////////////////////////////////////
////// SIDE NAV_____________________________________________SIDE NAV//
////////////////////////////////////////////////////////////////////*/

ul#nav{
	margin:0;
	padding:0;
	border:0;
	list-style-type:none;
	text-align:left;
}
ul#nav li ul{
	margin:0;
	padding:0;
	border:0;
}
ul#nav li{
	position:relative;
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	width:160px;
	border:0;
}
ul#nav a{/*first level links*/
	font-family:Arial,Tahoma,Sans-Serif;
	font-size:12px;
	font-weight:normal;
	color:#AC703D;
	text-decoration:none;
	line-height:15px;
	display:block;
	padding-left:35px;
	padding-top:4px;
	padding-bottom:4px;
	height:auto;
	width:160px;
	margin:0px;
}
ul#nav a { width: 130px; }
ul#nav a
	{
	\width: 130px;
	w\idth: 125px;
	}
html>body ul#nav a { /*keeps width from blowing out in mozilla*/
		width: auto;
		}

ul#nav li li a{ /*secondary links*/
	font-family:Arial,Tahoma,Sans-Serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	display:block;
	padding-left:50px;
	padding-top:3px;
	padding-bottom:3px;
	border:0px;
	color:#AC703D;
}
ul#nav li li a:hover{ /*secondary links*/
	font-family:Arial,Tahoma,Sans-Serif;
	font-size:12px;
	font-weight:normal;
	color:#AC703D;
	text-decoration:none;
	display:block;
	padding-left:50px;
	border:0px;
}
ul#nav li li a { width: 115px; }
ul#nav li li a
	{
	\width: 115px;
	w\idth: 110px;
	}

.hiddenChild{
	display:none;
}
.shownChild{
	display:block;
}
ul#nav.dhtml{
	/*position:absolute;
	top:1em;
	left:1em;*/
}

ul#nav.dhtml{
	margin:0;
	padding:0;
	list-style-type:none;
	width:160px;
}
ul#nav.dhtml li{
	position:relative;
}
ul#nav.dhtml ul{
	border-top:none;
	margin-bottom:7px;
}
ul#nav.dhtml ul li{
	width:160px;
}

ul#nav.dhtml li.isActive{

}

ul#nav.dhtml li.isActive ul a{
	border:none;
	text-decoration:none;
	color:#AC703D;
	/*background-color:#FFF;*/

}
ul#nav.dhtml li.isActive ul a:hover,ul#nav.dhtml li.isActive ul li.current a{ /*tiriary highlight*/
	border:none;
	color:#5E5C9F;
	text-decoration:none;
}


/*fix rollover twitching bottom issue in IE - something to do with third level nav */
/*height:34px;*/
/* \*/
* html ul#nav.dhtml ul li.isParent{ 
	padding-bottom:7px;
}
/* */

ul#nav.dhtml li ul li ul li a{
	padding-left:60px;
}
ul#nav li li li a { width: 105px; }
ul#nav li li li a
	{
	\width: 105px;
	w\idth: 100px;
	}

ul#nav a:hover{/*first level links*/
	font-family:Arial,Tahoma,Sans-Serif;
	font-size:12px;
	font-weight:normal;
	padding-left:35px;
	text-decoration:none;
	background:url(../images/spacer.gif); /*fixes issue in IE - hovering to secondary wasn't working when backgound footer image was behind*/
}

ul#nav.dhtml li.isParent
{
	/*background-color:#ooo;*/
	
}
ul#nav.dhtml li.isActive a{/*effects whole section | secondary highlight*/
	border-top:none;
	text-decoration:none;
	color:#5E5C9F;
}


ul#nav.dhtml li ul li.isActive a{/*effects whole section | tirtiary level highlight*/
	color:#5E5C9F;
}
ul#nav.dhtml li.isActive ul li ul li a{ /*fourth level*/
	padding-left:60px;
	color:#AC703D;
}
ul#nav.dhtml ul ul li.current a{ /*fourth level*/
	color:#AC703D;
}
ul#nav.dhtml li.isActive ul li.current a{ /*fourth level*/
	color:#5E5C9F;
}
ul#nav.dhtml li.isActive ul li.current ul li a{ /*fourth level*/
	color:#AC703D;
}
ul#nav.dhtml li.isActive ul li.current ul li a:hover{ /*fourth level*/
	color:#5E5C9F;
}

ul#nav.dhtml li.isParent a:hover{
	text-decoration:none;
	color:#5E5C9F;
}
ul#nav.dhtml li.current a{ /*highlight secondary when it hasn't got children | For Mozilla*/
	text-decoration:none;
	color:#5E5C9F;
}
/*/////////////////////////////////////////////////////////////////
brochure list
/////////////////////////////////////////////////////////////////*/
#ulBrochures {
	padding-left: 0; margin-left: 0; 
}
#ulBrochures li {
	clear: left;
	list-style: none;
}
#ulBrochures img {
	float: left;
	margin: 5px 10px 5px 0;
}
#ulBrochures a {
	font-size: 12px;
}
/*/////////////////////////////////////////////////////////////////
footer_____________________________________________footer____//////
/////////////////////////////////////////////////////////////////*/

#footer { 
	display:block;
	width:100%; 
	clear:both;
	height:36px; 
	position:relative; 
	} 

* html #footer {/*only ie gets this style*/ 
	\height:38px;/* for ie5 */ 
	he\ight:36px;/* for ie6 */ 
	}
	
#footer_container{
	display:block;
	padding-top:10px;/**/
	float:left;
	width:740px;
	}

#shift_over{
	display:block;
	float:left;
	width:300px;
	padding-left:435px;
	}


/*////////////////////////////////////////////////////////////////////////////
atach images to footer trick____________________atach images to footer trick//
////////////////////////////////////////////////////////////////////////////*/

.ap_disclaim {
	position: absolute;
	top: -28px;
	width: 400px;
	height: 24px;
	z-index:5;
	color:#5E5C9F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

/* \*/
* html .ap_disclaim {
	top: -13px;
	t\op: -14px;
}
/* */

.ap_left_disclaim {left: 188px;}

.ap-left-logo {left: 0px;}

.ap-disclaimB {
	position: absolute;
	top: 15px;
	width: 500px;
	height: 2px;
	z-index:15;
}

.ap-left-disclaimB {left: 189px;}

.ap-disclaimC { 
	position: absolute;
	top: -12px;
	width: 500px;
	height: 2px;
	z-index:20; /*needs to be z-index to float above flower images*/
}

.ap-left-disclaimC {left: 189px;}

.ap-disclaimD { 
	position: absolute;
	top: -50px;
	width: 500px;
	height: 2px;
	z-index:20; /*needs to be z-index to float above flower images*/
}

.ap-left-disclaimD {left: 189px;}



/* \*/
* html ul#nav a:hover{/*prevents jittering in IE*/
	padding-bottom:1px;
}
/* */
