/*Styles for positioning the parts of the City of Artesia Web Site*/

body {
background-color: transparent;
background-image: url("images/nav_background.jpg");
background-repeat: repeat-y;
margin: 0em;
padding: 0em; }

div#nav {
	margin: 0px;
	position: absolute;
	top: 1px;
	left: 0px;
	color: #ffffff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	padding: 0px;
	height: 406px;
	width: 175px;


 }

div#nav p {
	color: #33CCFF;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	border-top: 2px #A0B8D1 solid;
	border-left: 2px #A0B8D1 solid;
	background-color: #386B9E;
	border-bottom: 2px #284C70 solid;
	border-right: 2px #284C70 solid;
	margin-right: 0px;
	margin-left: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
	width: 175px;
}

div#nav p.tagLine {
	color: #ffffff;
	background-color: transparent;
	border: none;
	margin-top: 2em;
	margin-right: 0em;
	margin-left: 0em;
	font-size: 8pt;

}

div#nav a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-left: 5px;
	padding-bottom: 3px;
	border-top: 2px #A0B8D1 solid;
	border-left: 2px #A0B8D1 solid;
	background-color: #386B9E;
	border-bottom: 2px #284C70 solid;
	border-right: 2px #284C70 solid;
	margin-right: 25px;
	margin-left: 0em;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 175px;

}

div#nav a:visited {
color: #ffcc33;
text-decoration: none;
display: block;
padding-top: 3px;
padding-left: 5px;
padding-bottom: 3px;
border-top: 2px #A0B8D1 solid;
border-left: 2px #A0B8D1 solid;
background-color: #386B9E;
border-bottom: 2px #284C70 solid;
border-right: 2px #284C70 solid;
margin-right: 25px;
margin-left: 0em; }

div#nav a:hover {
color: #FAE065;
text-decoration: underline;
border-top: 2px #284C70 solid;
border-left: 2px #284C70 solid;
background-color: #386B9E;
border-bottom: 2px #A0B8D1 solid;
border-right: 2px #A0B8D1 solid; }

div#nav div.subNav a:link {
color: #ffffff;
text-decoration: none;
display: block;
padding-top: 3px;
padding-left: 5px;
padding-bottom: 3px;
margin-right: 25px;
margin-left: 10px;
border: none;
font-size: 1em;
background-color: #003466; }

div#nav div.subNav p {
color: #33CCFF;
text-decoration: none;
display: block;
padding-top: 3px;
padding-left: 3px;
padding-bottom: 3px;
margin-right: 33px;
margin-left: 3px;
border: none;
font-size: 1em;
background-color: #003466; }

div#nav div.subNav a:visited {
color: #FFCC33; 
text-decoration: none;
display: block;
padding-top: 3px;
padding-left: 5px;
padding-bottom: 3px;
margin-right: 25px;
margin-left: 10px;
border: none;
font-size: 1em;
background-color: #003466; }

div#nav div.subNav a:hover {
color: #FAE065;
text-decoration: underline; }


div#breadcrumbs {
margin-left: 210px;
font-size: .8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-top: 0px;
margin-bottom: 5px;
padding-top: 0em; }

div#utilities {
	margin-left: 203px;
	background-color: #003466;
	color: #ffffff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 25px;
	padding-top: 0em;
	padding-bottom: 2px;
	padding-left: 2px;
}

div#utilities a:link {
color: #ffffff;
text-decoration: none; }

div#utilities a:visited {
color: #FFCC33;
text-decoration: none; }

div#utilities a:hover {
color: #FAE065;
text-decoration: underline; }

div#content {
margin-left: 220px;
margin-top: 20px; }

div#content div#sidebar {
	float: right;
	padding-left: 25px;
	width: 200px;
	margin-top: 0px;

}

div#content div#search{
	float: right;
	padding-left: 25px;
	width: 200px;
	margin-top: 5px;

}

div#quicklinks {
	border: 3px #FAE065 solid;
	text-align: center;
	background-color: #003466;
	color: #ffffff;
	margin-bottom: 35px;
}

div#quicklinks a:link {
color: #ffffff;
text-decoration: none;
display: block;
padding-top: 3px;
padding-left: 5px;
padding-bottom: 3px;
border-top: 2px #A0B8D1 solid;
border-left: 2px #A0B8D1 solid;
background-color: #386B9E;
border-bottom: 2px #284C70 solid;
border-right: 2px #284C70 solid;
margin-right: 0;
margin-left: 0; }

div#quicklinks a:visited {
color: #FFCC33;
text-decoration: none;
display: block;
padding-top: 3px;
padding-left: 5px;
padding-bottom: 3px;
border-top: 2px #A0B8D1 solid;
border-left: 2px #A0B8D1 solid;
background-color: #386B9E;
border-bottom: 2px #284C70 solid;
border-right: 2px #284C70 solid;
margin-right: 0;
margin-left: 0; }

div#quicklinks p.youAreHere {
color: #FFFF99;
text-decoration: none;
display: block;
padding-top: 3px;
padding-left: 5px;
padding-bottom: 3px;
border-top: 2px #A0B8D1 solid;
border-left: 2px #A0B8D1 solid;
background-color: #386B9E;
border-bottom: 2px #284C70 solid;
border-right: 2px #284C70 solid;
margin-right: 0;
margin-left: 0; }

div#quicklinks a:hover {
color: #FAE065;
text-decoration: underline;
border-top: 2px #284C70 solid;
border-left: 2px #284C70 solid;
background-color: #386B9E;
border-bottom: 2px #A0B8D1 solid;
border-right: 2px #A0B8D1 solid; }
h2, h3, h4, h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #134B80;
}

h4 {
	padding: 0px;
	font-size: 12px;
	margin: 15px 0px 0px 0px;
}

h5 {
	font-weight: normal;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
div#content div#sidebar p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p {
	margin-top: 0px;
	padding-top: 0px;
}

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

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

ul li ul li {
	margin-bottom: 10px;
}

ol li {
	list-style-type: decimal;
}

ol li ol li {
	list-style-type: upper-alpha;
}

dt {
	font-weight: bold;
}

table {
	width: 80%;
	border: 1px none;


}

td {
	padding: 3px;
	margin: 0px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;

}

body#parksRecreation table {
	border-style: none;
	margin-bottom: 25px;
}

body#parksRecreation td {
	border-style: none;
}

img.portrait {
	float: left;
	margin: 0px 10px 3px 0px;
	padding: 0px;
	display: block;
}

.requestForInfo {
	col;
	
;

or: #C00F17;
	font-weight: bold;
	font-styl;
	color: #9A0303;
;e: italic;
}

.comingSoon {
	color: #003466;
	font-weight: bold;
}
div#content div#bottombar {
	padding-left: 25px;
	margin-top: 200px;

}
div#contentIndent {
	margin-top: 20px;
	padding-left: 5px;
	left: 200px;


}
tabletwo {

	width: 217px;
	border: 1px none;
}
tableSearch {
	width: 100%;
	border: 0px none;
	background-color: #009999;

}
searchbox {

	border: 3px solid #003366;
	text-align: left;
	background-color: #669999;
	color: #ffffff;
	margin-bottom: 35px;
}
div#weather {
	margin: 0px;
	position: absolute;
	padding: 0px;
	width: 218px;
	height: 360px;
	border: none;
	background-position: 0px 0px;
	text-indent: 0pt;
	list-style-type: none;
	left: 18px;
	top: 711px;





















}
body#weather {
	border-style: none;
	margin: 0px;
	padding: 0px;
	float: none;
	position: static;
	clip:  rect(auto auto auto auto);


}
tableweather {
	border: 0px none;
}
div#weather1 {

	margin: 0px;
	color: #ffffff;
	padding: 0px;
	width: 175px;
}
h6 {

	padding: 0px;
	font-size: 12px;
	margin: 0px;
}