
/* prototypehandheld.css - Handheld Stylesheet */
/* TAGS */
a { color: #4c7d73; text-decoration: underline; }
a:hover { color: #669999; text-decoration: underline; }
a:visited { color: #a65e8e; text-decoration: underline; }
a:visited:hover { color: #669999; text-decoration: underline; }
input, textarea { font-family: Tahoma, Helvetica, Sans-Serif; font-size: 9px; line-height: 11px; color: #5a6066; border: solid 1px #868f98; margin: 0px; padding: 2px; }

/* VIDEO LINKS */
.video-desktop { display:none; }
.video-mobile { display:inline; }
.video-image { display: none; }

/* PAGE ELEMENTS */
#container { margin: 0px auto; width: 100%; border: none; padding: 0px; }

/* PAGE ELEMENTS */
.skip a, .skip a:hover, .skip a:visited
{ 
	display: none;
} 

.skip a:focus, .skip a:active
{ 
	display: none;
} 

#page-header { display: block; width: 100%; height: 117px; background-color:#67999a;}
#page-coh { display: block; position: relative; width: 180px; height: 29px; background: url(/global/images/headernav/cityofhenderson-sm.gif);}
#page-logo { float: right; width:80px; height:76px; background: url(/global/images/headernav/cityofhenderson-logo.gif);}
#page-buttons { position: relative; width: 121px; height: 88px; }
.page-buttons { display: block; position:relative; width: 121px; height: 22px; }

#page-navigation {  position: relative; clear: both; width: 100%; height: auto; background-color: #4c7d73; padding: 0; z-index: 1000;   }

#page-search { position: relative; display: block; margin: 10px 0 0 0; padding: 0 3px 0 3px; z-index: 1000;}
#page-search-text { position: relative; display:inline; float:none; margin-right: 3px; color: White;}
#search-input { position: relative; display:inline; float:none; top: -2px; width: 80px; height: 15px; margin: 0; padding:0;}
#go { position: relative; display:inline; float:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff; text-decoration: none; padding: 0; }
#go:hover { color: #ffcc99; }
#go:visited { color: #ffffff; text-decoration: none;}

#page-flash { display: none; }

#page-content { width: 100%; height: auto; background-color: White;}
#page-content-menus { position: relative; display:block; }
#page-content-copy { position: relative; display:block; }

#page-footer { position: relative; display: block; clear: both; width: 100%; height: auto; background-color: #669999; font-size: 9px; color:#ffffff; margin: 15px 0 15px 0; padding: 2px 0px 0px 0px;}

.page-buffer { position: relative; display: block; clear: both; width: 100%; height: auto; background-color:#ffffff;}

/* ADOBE PLUGIN ELEMENTS */
#page-adobe { position:relative; display: block; font-size:9px; color: #7c7c7c; }
#page-adobe-icon { display:block; float:left; clear:right; margin-right: 5px; }
#page-adobe-copy { display:block; clear:right; }
#page-adobe a, page-adobe a:visited { color: #7c7c7c; text-decoration: underline; }
#page-adobe a:hover, page-adobe a:visited:hover { color: #4c7d73; text-decoration: underline; }

/* HOME ELEMENTS */
#home-columns { position: relative; display: block; clear: both; width: 100%; height: auto; margin: 0; padding: 0px; border: none; background-color: White; background-image: none;}

#home-column1 { display:block; clear: both; width: auto; padding: 10px 10px 0px 10px}
#home-column2 { display:block; clear: both; width: auto; padding: 10px 10px 0px 10px}
#home-column3 { display:block; clear: both; width: auto; padding: 10px 10px 0px 10px}
#home-column4 { display:block; clear: both; width: auto; padding: 10px 10px 0px 10px}

#feature-news-home { position: relative; display: block; clear: both; width: 100%; height: auto; margin-top:15px; padding-top: 10px; border-top:1px solid #99cccc;}

/* FEATURE ELEMENTS */
#feature-columns { position: relative; display: block; clear: both; width: 100%; height: auto; margin: 15px 0px 15px 0px; padding: 0px; background-color: White; background-image: none;}
#feature-column1 { display:block; clear: both; width: auto; padding: 10px 10px 0px 10px }
#feature-column2 { display:block; clear: both; width: auto; padding: 10px 10px 0px 10px }
#feature-column3 { display:block; clear: both; width: auto; padding: 10px 10px 0px 10px;}

#feature-news { position: relative; display: block; clear: both; width: 100%; height: auto; margin-top:15px; border-top:1px solid #99cccc;}

.feature-news-item   
{
    position:relative;
    display:block;
	top:auto;
	left:0px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.feature-news-item ul
{
	list-style: none;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
.feature-news-item li
{
	background: url(/global/images/arrowup.gif) 0px 2px no-repeat;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 12px;
}

/* TOP NAVIGATION ELEMENTS */
#menus 
{
    position: relative;
    top: 0;
    left: 6px;
	width: auto;
	height: auto;
	z-index: 1000;
	padding: 0 3px 0 3px;
}
#nav 
{
 	list-style: none;
	margin: 0;
	padding: 0;
}
#nav ul 
{
    float: none;
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav a
{
    font-size: 9px;
    line-height: 12px;
    font-weight: bold;
    color: #ffffff;
	text-decoration: none;
}
#nav a:hover
{
   color: #ffcc99; 
}
#nav li 
{
    display: inline;
	float: none;
	position: relative;
	width: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
    line-height: 12px;
	color: #ffffff;
	padding: 6px 0px 0px 0px;
}
#nav li div
{
    display: inline;
    width: auto;
}
#nav li ul {
	display: none;
}

#nav li:hover ul, #nav li.over ul 
{
	display: none;
}

/* LEFT NAVIGATION ELEMENTS */
.clParent {position:relative;display:block;}
.clChild {position:relative;display:block;padding-left:5px;}

.clChild ul
{
	list-style: none;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
.clChild li
{
	background: url(/global/images/bullet-bak.gif) top left no-repeat;
	margin: 0;
	padding: 0px 0px 0px 8px;
}
#menu .clParent a, .clParentTable td a 
{
    color:#333333;
	font-weight:normal;
	text-decoration:none;
}
#menu .clChild a 
{
    color:#993366;
	font-weight:normal;
	text-decoration:none;
}

/* TYPE STYLES */
body { background-image: url(/global/images/yellowgradient.jpg);}
body, td 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #333333;
	text-decoration: none;
}

H3 {color: #993366;}

.footer {font-size: 8px; line-height: 11px; color: #ffffff; text-decoration: underline;}
.footer:hover {color:#ffcc99;}
.footer:visited {color:#ffffff;}
.footer:visited:hover {color:#ffcc99; }

.header { font-size: 12px; line-height: 15px; font-weight: bold; color: #669999; }

.subhead-nobr {font-weight: bold;}
.subhead, .subhead-669999 { display:block; font-weight: bold; }
.subhead, .subhead-nobr{ color: #993366; }
.subhead-669999 { color: #669999; }

/* FORM ELEMENTS */
label.hide { position: absolute; left: -1000px;} /* hide form labels whenever necessary */
.fix-fieldset { position: relative; margin:0; padding:0; } /* use in div surrounding fieldset: makes all browsers the same */
fieldset { display: block; border: none; margin:0; padding:0;}
legend span { position: absolute; display: block; color: #333333; margin:0; padding:0; left:0; }
