/* universal selector to clear all margins and padding */
* { margin:0px; padding:0px; border:none; }

	
body {
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
color:#000;
font-size:70%;
padding:10px;
background:transparent url("../images/body_bg.gif") repeat-x top left;
}

.spacer {
	clear:both;
	}
	
br.spacer {
margin:20px;
}

#wrapper {
width:925px;
margin:10px auto;
padding:0 10px 0px 10px;
padding-bottom:-10px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/wrapper_shadow2_lrg.png',sizingMethod='scale');
background:transparent url("../images/wrapper_shadow2_lrg.png") repeat-y top left !important;
background:none;
/*background:transparent url("../images/wrapper_shadow_lrg.gif") repeat-y top left;*/ 
}

a {
color:#324460;
text-decoration:none;
}

h1 {
color:#fff;
background:#7abef1 url("../images/city_ammon.gif") no-repeat top left;
text-indent:-9999px;
width:189px;
height:48px;
margin-left:10px;
}

#header {
background:transparent url("../images/ammon_header_bg.jpg") no-repeat top left;
height:109px;
padding-top:10px;
width:918px;
}


#nav {
font-size:1.6em;
line-height:2em;
color:#324460;
background:#cee29b url("../images/primary_nav_bg.gif") repeat-x top left;
height:2em;
text-align:center;
position:relative;
z-index:10;
width:918px;
}

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

#nav li {
float:left;
position:relative;
background:transparent url("../images/primary_nav_pipe.gif") no-repeat center right;
text-align: center;
cursor: default;
}

#nav li a {
padding:5px 30px;  /* adust this value for padding between primary nav links */
}

#nav li a:hover {
color:#2358aa;
background:transparent url("../images/primary_nav_hover.gif") repeat-x top left; 
}

#nav li > ul {
top:auto;
left:auto;
}

#nav li:hover ul, #nav li.over ul { display:block; }

#nav ul li.over { z-index:2 }

#nav li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
font-weight: normal;
background-image:none;
background-color:#fff;
padding: 0.5em 5e 1em 0;
border-top: solid 1px #9bbabd;
border-left: solid 1px #9bbabd;
border-right: solid 1px #9bbabd;
width:11em;
}

#nav li li {
background-image:none;
font-size:.8em;
text-align:center;
border-bottom:solid 1px #9bbabd;
width:100%;
line-height:1.5em;
font-weight:bold;
}

#nav li li a {
display: block;
font-weight: normal;
color: #060;
padding: 0.2em 20px;
background-image:none !important;
color:#0f3673;
text-align:center;
}

#nav li li a:hover {
padding: 0.2em 15px;
/*border: 5px solid #fff;
border-width: 0 5px;*/
color:#154da2;
background:#EAEFF3;
text-align:center;
}


.opaque {
opacity: .95;
filter: alpha(opacity=95);  /* for IE */
}




/* vertical nav */

#nav-vert {
position: relative;
top:8px;	
display:block;
float:left;	
margin-left:-1px;


}

#nav-vert ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
	}
	

	body#utilities_page li.utilities_vert a,
	body#building_page li.building_vert a,
	body#city_clerk_page li.city_clerk_vert a,
	body#treasurer_page li.treasurer_vert a,
	body#public_works_page li.public_works_vert a,
	body#parks_page li.parks_vert a,
	body#planning_zoning_page li.planning_zoning_vert a,
	body#city_administrator_page li.city_administrator_vert a,
	body#enforcement_office_page li.enforcement_office_vert a,
	body#city_council_page li.city_council_vert a,
	body#mayor_page li.mayor_vert a,
	body#current_topics_page li.current_topics_vert a,
	body#information_page li.information_vert a,
	body#events_page li.events_vert a,
	body#faqs_page li.faqs_vert a,
	body#chamber_page li.chamber_vert a,
	body#pool_page li.pool_vert a,
	body#park_shelters_page li.park_shelters_vert a {
		color:#324460;
		width: 160px;

	}
	
	#nav-vert li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.5em;
		margin-bottom : 0;
		width: 163px;
		background:transparent url("../images/vert_nav_li.gif") repeat-x top left;
	}
	
	#nav-vert li li {
	background-image:none;
	border-bottom: solid 1px #679d5a;

	}
	 
	 #nav-vert li li a:hover {
		background-image:none;
		color:#679d5a;
		background: #fff;
		width:158px;
		}
	
	#nav-vert li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		/*margin-left : 14.4em;*/
		margin-left: 164px;
		margin-top : -2.7em;
		border: solid 1px #679d5a;
		border-bottom: none;
	
	}
	

	
	body#utilities_page #nav-vert li.utilities_vert ul,
	body#building_page li.building_vert ul,
	body#city_clerk_page li.city_clerk_vert ul,
	body#treasurer_page li.treasurer_vert ul,
	body#public_works_page li.public_works_vert ul,
	body#parks_page li.parks_vert ul,
	body#planning_zoning_page li.planning_zoning_vert ul,
	body#city_administrator_page li.city_administrator_vert ul,
	body#enforcement_office_page li.enforcement_office_vert ul,
	body#city_council_page li.city_council_vert ul,
	body#mayor_page li.mayor_vert ul,
	body#current_topics_page li.current_topics_vert ul
	body#information_page li.information_vert ul,
	body#events_page li.events_vert ul,
	body#faqs_page li.faqs_vert ul,
	body#chamber_page li.chamber_vert ul,
	body#pool_page li.pool_vert ul,
	body#park_shelters_page li.park_shelters_vert ul {
		position: relative;
		left: 0;
		background: #edf0d8;
		border: none;
		top: -3px;
		margin: 0;
	}
	
	
	
	#nav-vert li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav-vert li a {
		/*width: 13.4em;
		w\idth : 13.4em;*/
		display : block;
		color : #406238;
		font-weight : bold;
		text-decoration : none;
		text-indent: .5em;
		padding : .5em 0;
		font-size:1em;
		width: 163px;
		background:transparent url("../images/vert_nav_li.gif") repeat-x top left;

	}
	
	/*#nav-vert li a#tertiary {
	background:transparent url("../images/vert_arrow.gif") no-repeat 96% 40%;

	}*/
	
	#nav-vert li li a {
		background-image: none;
		text-indent:0;
		padding-left:5px;
		}
		
	#nav-vert li a:hover,
	#nav-vert li a#tertiary:hover {
		background:transparent url("../images/vert_nav_li_hover.gif") repeat-x top left;
	}
	
	#nav-vert li:hover ul ul, #nav-vert li:hover ul ul ul, #nav-vert li.sfhover ul ul, #nav-vert li.sfhover ul ul ul {
		left: -999em;
		background-color:#fff;
		background-image: none;
	}
	
	#nav-vert li:hover ul, #nav-vert li li:hover ul, #nav-vert li li li:hover ul, #nav-vert li.sfhover ul, #nav-vert li li.sfhover ul, #nav-vert li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
		background-color:#fff;
		background-image:none;
	}

	
	body#utilities_page li.utilities_vert a#tertiary,
	body#building_page li.building_vert a#tertiary,
	body#city_clerk_page li.city_clerk_vert a#tertiary,
	body#treasurer_page li.treasurer_vert a#tertiary,
	body#public_works_page li.public_works_vert a#tertiary,
	body#parks_page li.parks_vert a#tertiary,
	body#planning_zoning_page li.planning_zoning_vert a#tertiary,
	body#city_administrator_page li.city_administrator_vert a#tertiary,
	body#enforcement_office_page li.enforcement_office_vert a#tertiary,
	body#city_council_page li.city_council_vert a#tertiary,
	body#mayor_page li.mayor_vert a#tertiary,
	body#current_topics_page li.current_topics_vert a#tertiary,
	body#information_page li.information_vert a#tertiary,
	body#events_page li.events_vert a#tertiary,
	body#faqs_page li.faqs_vert a#tertiary,
	body#chamber_page li.chamber_vert a#tertiary,
	body#pool_page li.pool_vert a#tertiary,
	body#park_shelters_page li.park_shelters_vert a#tertiary {
		background-image: none;
	}
	
span.arrow {
		position:absolute;
		top:7px;
		left:150px;
		height:18px;
		z-index: 3;
		}

		
body#utilities_page li.utilities_vert span.arrow,
	body#building_page li.building_vert span.arrow,
	body#city_clerk_page li.city_clerk_vert span.arrow,
	body#treasurer_page li.treasurer_vert span.arrow,
	body#public_works_page li.public_works_vert span.arrow,
	body#parks_page li.parks_vert span.arrow,
	body#planning_zoning_page li.planning_zoning_vert span.arrow,
	body#city_administrator_page li.city_administrator_vert span.arrow,
	body#enforcement_office_page li.enforcement_office_vert span.arrow,
	body#city_council_page li.city_council_vert span.arrow,
	body#mayor_page li.mayor_vert a#tertiary,
	body#current_topics_page li.current_topics_vert span.arrow,
	body#information_page li.information_vert span.arrow,
	body#events_page li.events_vert span.arrow,
	body#faqs_page li.faqs_vert span.arrow,
	body#chamber_page li.chamber_vert span.arrow,
	body#pool_page li.pool_vert span.arrow {
	left:-1000px;
}

#content-wrapper {
float:left;
clear:left;
border-right:solid 1px #d2de98;
background:transparent url("../images/left_nav_bg.gif") repeat-y top left;
background-color:#fff;
}


#left {
float:left;
width:163px;
border:1px solid transparent;
_border-width:0px;
}


#main {
float:left;
width:552px;
background-color:#fff;
padding-bottom:100px;
}


#breadcrumbs {
	margin:10px;
}

* html #main {
width:540px;
}

#main a {
text-decoration:underline;
}

#main a.activeCrumb {
	text-decoration: none;
}

#main h2 {
font-size:1.8em;
padding:10px;
color:#3a5d37;
padding:15px 10px 10px 10px;
}

#main h3 {
font-size:1.4em;
padding:5px 10px 4px 10px;
color:#4e697d;
font-weight:bold;
}
	
#main p {
font-size:1.2em;
padding:0 10px 2px 10px;
margin-bottom:20px;
color:#544b45;
letter-spacing:.1em;
}


#main ul, #main ol {
margin:10px 0 20px 29px;
}

#main ol li{
list-style-type:decimal;
margin-left:5px;
}

#main li {
font-size:1.2em;
margin-bottom:4px;
color:#544b45;
letter-spacing:.1em;
list-style:square;
}

#main li p {
font-size:1em;
}

#main img {
float:left;
padding:5px 5px 5px 5px;
margin:5px 10px 2px 0;
border:1px solid #ddd;
}

#main img.right {
	float:right;
}

#main .listLeft {
display:block;
width:15em;
float:left;
}

#right {
float:left;
width:200px;
background-color:#fff;

}

#right h2 {
margin-top:60px;
background:#fff url("../images/ammon_info_bg.jpg") no-repeat top left;
font-size:1.4em;
padding:15px 18px 7px 18px;
}

#right-inner {
font-size:1.1em;
background:#fff url("../images/ammon_info_rep_bg.jpg") repeat-y top left;
padding:2px 25px 0px 25px;
color:#746e68;
}

#right-inner h3 {
font-size:1.1em;
background:transparent url("../images/ammon_info_arrow.gif") no-repeat 0% 50%;
padding-left:10px;
color:#406238;
}


#right-inner a {
text-decoration:underline;
display:block;
margin-bottom:10px;
}

#right-inner a#bulleted {
font-size:1.1em;
color:#305c7c;
background:transparent url("../images/ammon_info_arrow.gif") no-repeat 0% 50%;
padding-left:10px;
}

#weather {				
width:159px;
padding-top:10px;
padding-bottom:30px;
margin-left:-25px;
margin-top:0px;
padding-left:30px;
background:transparent url("../images/ammon_info_bottom_bg.jpg") no-repeat bottom left;

}


#footer {
clear:both;
margin:0;
text-align:center;
padding:15px 0 0 0;
/*background:#b8be83 url("../images/wrapper_shadow_bottom.png") no-repeat 60% 200%;*/
background:#b8be83;
width:918px;
}

#footer p {
color:#46682d;
}

#footerBottom {
	background:transparent url("../images/footerBottom.jpg") top no-repeat;
	height:15px;
	margin:0;
	width:918px;
}

p.lux_info {
	color: white;
	padding: 5px 0;
}