/* This is a mirror of the content used as the base styles for the website */
/* 
These definitions are made under the asumption that the current
page will not be an active link in the secondary navigation.

20090923 Adding custom style to address contact information display within ACIS ONLY 
*/

* { 
	/* take away all preset margins and padding */
	margin:0px;
	padding:0px;
}

.clear {
	/* effectively clearing lines */
	clear:both;
}

/* page - base structure */
body {
    /* tone in background */
    background-image:url(_images/background_page.gif);
    background-repeat:repeat-y;
    background-position:0 0;
}

#page {
	width:1000px;
	padding-top:8px;
	float:left;
}
	
#pagecolleft {
	width: 178px;
	float:left;
	margin:0 0 0 -1000px;
	background-image:url(_images/page_edge.gif);
	background-repeat:no-repeat;
	background-position:top right;
	min-height:670px;
}

#pagecolright {
	display:block;
	position:relative;
	float:left;
	width:822px;
	margin:0 0 0 178px;
}

#header {
	float:left;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image:url(_images/hdr_sunset.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	background-color:#b35e37; /* will be amended to better match and transition to final sunset image */
}

#slogan{
	display:block;
	font-size:1.25em;
	font-style:italic;
	text-align:right;
	margin:3px 5px 2px 0;
	letter-spacing:0.05em;
}
	
#header .city{
	display:block;
	font-size:3.0em;
	line-height:0.7em;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
	font-weight:bold;
	margin:38px 0 0 7px;
}

#breadcrumb {
	display:block;
	clear:both;
	font-size:1.1em;
	margin:0 0 0.75em 0.5em;
}

#footer {
	clear:both;
	width:822px;
	margin:0 0 0 178px; /* was padding in original source */
}

/* page - content structure */
#content {
	width:612px;
	margin:0px 6px 0px 6px;
	float:left;
}

#contentsecondary {
	width:198px;
	float:left;
}

#summary {
	float:right;
	width:30%;
	margin: 0 0 2px 2px;
	padding:5px;
}

#author, #authorTitle, #authorDepartment {
	display:block;
}

#author {
	font-size:1.4em;
}

#authorDepartment {
	margin-bottom:0.75em;
}
#primary {
	width:100%;
	margin-bottom:3.0em;
	clear:both;
}

.supplemental {
	width:100%;
	clear:both;
}

/* layout - basic structures: these will inherit meaning or context based on where they are used */
.colfull {
	width:100%;
}

.colhalf {
	width:50%;
	float:left;
}

.dividerHorizontal {
	width:100%;
	clear:both;
	line-height:0.5em;
}

.dividerHorizontalThin {
	width:100%;
	clear:both;
	line-height:1px;
}


/* page elements */
#pagecolleft {
	/* Ensure logo is centered above navigation */
	text-align:center;
}

#pagecolleft img {
	margin:0px auto 1.75em auto;
	border:0px;
}

ul#navPrimary {
	width:168px;
	list-style:none;
	text-align:left;
	background-image:url(_images/nav_greyline.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin:0 0 65px 10px;
	font-size:1.35em;
	font-weight:bold;
	letter-spacing:-0.02em;
	color:#261D5D; /* COY purple */
}

ul#navPrimary li {
	background-image:url(_images/nav_greyline.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:10px 0 10px 0;
	}

ul#navPrimary  li a {
	display:block;
	text-decoration:none;
	color:#342775;
	}

#navSecondary {
	/*standard min-height information */
	min-height:1085px; /* Navigation 950 px plus section icon height */
	font-size:1.15em;
	letter-spacing:-0.02em;
	line-height:1.1em;
	font-weight:bold;
	/* Below is set specific to section via seperate css file*/
	background-image:url();
}

#navSecondary #sectionName, #widgetWeather {
	display:block;
	width:181px;
	/* height:135px; Potential Isue */
	margin:0 6px 9px 9px;
	padding:3px 2px 0 0;
	background-position:top left;
	background-repeat:no-repeat;
}


#navSecondary #sectionName {
	text-transform:uppercase;
	font-size:1.75em;
	line-height:0.9em;
	color:#FFF;
	text-align:right;
}
 
#widgetWeather p, #widgetWeather #temperature, #widgetWeather #condition {
	clear:both;
	margin-left:65px;
	color:#26235d;
}

#widgetWeather #temperature {
	display:block;
	font-size:2.0em;
	line-height:0.9em;
}

#widgetWeather #condition {
	display:block;
	min-height:2.0em;
}

#widgetWeather #temperature, #widgetWeather #condition {
	font-weight:bold;
}

#widgetWeather .link {
	display:block;
	text-align:center;
}

#navSecondary #sectionName a {
	color:#FFF;
	text-decoration:none;
}

#navSecondary ul {
	display:block;
	margin:0 0 0 1.0em;
	list-style:none;
}

#navSecondary ul li {
	padding:0 0 0.65em 0;
}

#navSecondary ul li a {
	display:block;
	text-decoration:none;
	/* color:#636567; original color from AI layouts - seems too dark */
	color:#7a7d7f;
}

#navSecondary ul li ul {
	margin-top:0.5em;
	padding-top:0.25em;
}

#navSecondary ul ul {
	margin-left:0.75em;
	padding-left:0.5em;
	border-top:2px solid #ccc;
	border-bottom:2px solid #666;	
}


#navAudience, #search {
	display:block;
	float:left;
	margin:0.5em 0 0.75em 0; 
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}
#navAudience {
	width:618px; /* 612 content plus left margin of 6px */
	margin-right:9px; 
	clear:both;
}

#navAudience ul {
	list-style:none;
}

#navAudience ul li {
	float:right;
	width:19.5%;
	border-right:1px solid #fff;
	text-align:center;
}

#navAudience a, #search a {
	text-decoration:none;
	color:#fff;
}

#search {
	width:183px;
	margin-left:6px;
	padding-left:5px;
}
/* General Article Parameters */
#primary p {
	margin-bottom:0.75em;
}

#primary p img {
	margin:5px;
}

/* Events and News Listings */
/* This should work as is for both brief items at bottom of page as well as full page lists */
.events, .article {
	margin:0.5em 0.5em 0em 0.5em;
	list-style:none;
}

.events dt, .article dt {
	display:block;
	font-size:1.1em;
	font-weight:bold;
	clear:both;
}

.article dd {
	margin:0.2em 0 0.75em 0;
}

.events dd {
	margin:0.2em  0 1.0em 2.5em;
}

.article img, .events img {
	margin:0 0.2em 0 0;
	float:left;
}

.article .date {
	display:block;
	text-align:right;
	margin:0.5em; 0 0 0;
}

.events .day, .events .month, .events .name {
	display:block;
}

.events .name {
	margin-left:2.25em;
}

.events .month {
	text-transform:uppercase;
}

.events .day {
	float:left;
	width:1.75em;
	margin-right:0.5em;
	text-align:right;
}

#featureMain {
	width:100%;
	display:block;
	position:relative; /* for Lauries graphic */
	float:left;
	min-height:240px;
}

#featureMain .feature .date {
	/* News or article listings used as featured items should not display last modified date */
	display:none;
}

#featureMain .feature {
	width:47%; /*47.5%; */
	display:block;
	float:left;
	margin-top:1em;
	margin-bottom:0 2em;
	font-size:1.1em;
}

#featureImage {
	display:block;
	float:right;
	/* parent container must be postion:relative */
	position:absolute;
	bottom:0px;
	right:0px;
}

.featureImageBelow {
	/* compliment to above - must be adjusted if featureImage size parameters should change 
	additionally, IE 6 specific stylesheet must be adjusted as well */
	margin-bottom:230px;
}
	

.supplemental .more {
	display:block;
	float:right;
	margin:1.0em 0.2em 2.0em 0;
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
}

#wildlife {
	/* Descriptive text in html for wildlife in background image */
	display:block;
	position:absolute;
	width:168px;
	/* Allow clearance between this element and top of background image
	and also set description back into left column gutter.
	
	This may need to be increased for longer desriptions and will not 
	account for text scaling. */
	margin:-275px 0 20px -168px; /* -335 when including link */
	/*
	margin:-375px 0 20px -168px;
	*/
	font-size:0.95em;
}

#wildlifeName {
	display:block;
	text-align:left;
	font-size:1.0em;
	font-weight:bold;
	text-transform:uppercase;
}

#footer {
	font-size:0.9em;
	padding-bottom:3em;
	/* Allow clearance between bottom line of content and top of background image */
	/* Within ACIS this needn't be as generous becuase of irregularities and extra 
	   spacing in ther html. */
	margin-top:0px; /* was 175 */
	/*
	margin-top:225px;
	*/
}

#navFooter {
	display:block;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding: 4px 0 4px 0;
	margin:0 0 0.3em 0;
	overflow:hidden;
}

#navFooter p, #navFooter ul{
	display:block;
	line-height:0.9em;
}

#navFooter p {
	float:left;
}

#navFooter ul{
	float:right;
	margin-right:-1px; /* hide trailing vertical line on footer navigation */
}

#navFooter li {
	display:inline;
	border-right:1px solid #000;
	padding:0px 5px 0px 5px;
}

#navFooter li a {
	color:#000;
	text-decoration:none;
}

/* page styles */
body {
	/* This was originally defined on the page id */
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

h1, h2, h3, h4, h5 { display:inline; }
h1 {
	font-size:1.75em;
}

h2 {
	font-size:1.55em;
}

h3 {
	font-size:1.45em;
}

h4 {
	font-size:1.35em;
}

h5 {
	font-size:1.25em;
}

#intro {
	font-size:1.15em;
}

#summary h2, .supplemental h2 {
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
}

.supplemental h2 {
	margin:0 0 0.4em 0.6em;
}

#summary h3 {
	display:block;
	float:left;
	width:55%;
	font-size:0.9em;
	font-weight:bold;
}
#contentsecondary {
	font-size:0.9em;
}

#contentsecondary h2 {
	font-size:1.0em;
	text-transform:uppercase;
	padding-left:0.5em;
}

#content p, #summary p, #wildlife p {
	padding:0 0 0.75em 0;
}
/* Special Pages */
/* Audience Pages  - Residents, Visitors, Businesses, Government */
.audienceList h2 {
	display:block;
	font-style:italic;
	font-size:1.3em;
	margin-top:1.0em;
	line-height:0.9em;
}

.audienceList ul {
	margin-bottom:2.0em;
}

.audienceList ul li{
	margin-bottom:0.5em;
}

/* Weather Widget */
#widgetWeather {
	background-image:url(_images/sectIcon-weather.jpg);
}

/* Construction and Meetings Lists */
#construction, #meetings {
	display:block;
	margin-top:1.0em;
	margin-bottom:2.5em;
	margin-left:9px;
}

#meetings .events .name, #meetings .events .day {
	font-weight:normal;
}

#meetings dt {
	margin-top:0.75em;
}

/* Base Color Styles - these are consistent in every page of the site. */
.accentNeutral,
#breadcrumb, #breadcrumb a,
#summary h2,
.supplemental h2, .supplemental .more, .supplemental .more a,
.article .date,
.audienceList h2,
#contentsecondary h2 {
	color:#9d9fa1;
}

/* darker neutral color for text */
#contentsecondary dl, #contentsecondary dt a  {
	color:#555;
}

.backgroundNeutral {
	background-color:#9d9fa1;
}

/* The color schemes below will be overwritten specific to departmental sections
loaded via a secondary style sheet keyed to an info placeholder on active template 
in RedDot CMS. This will allow site wide color adjustments without republishing all 
affected pages.

The following colors are provided only as a default and for debugging purposes.
*/

#page {
	background-image:url();
	background-position:bottom left;
	background-repeat:no-repeat;
}

#navSecondary #sectionName {
	background-image:url();
	padding-top:88px; /* Adjust for department name presentation */
	padding-bottom:9px;
}


#navSecondary ul {

	/* margin-top:-85px; Must be equal and opposite above to compensate +3px offset */
}


#navSecondary {
	background-image:url();
}

.dividerDept {
	background-image:url();
	background-position:top left;
	background-repeat:no-repeat;
	height:22px;
	margin:0 0 1px 0;
}

.supplemental {
	background-image:url(_images/sectRule_000000.gif);
	background-position:top center;
	background-repeat:repeat-y;
}

.accent1,
#navSecondary ul li, #navSecondary ul li a:hover, #navSecondary li ul li a:hover,
.events dt, .events dt a,
.article dt, .article dt a,
#wildlife, #wildlife a
{
	/* This is the primary darker accent color*/
	color:#000;	
	/* Notes on above tags and classes */
	/* navSecondary li - text within a UL within this section that is not contained in an href tag
	can be assumed to be an inactive nav listing to the current page */
}	

.background1,
.dividerDept,
#navAudience,
#search {
	/* This is the primary darker background color - it should match accent 1 */
	background-color:#000;
}

.background2 {
	/* This is the secondary lighter background color. It should be used for accent only and not where content is displayed */
	background-color:#777;
}

.background3,
#summary {
	/* This is a variant of the secondary lighter background color made lighter for better legibility when containing text  */
	background-color:#eee;
}


/* //////////////////////////////////////////////////////////////////////// */
/* 
	Items below this line are for debugging and development purposes only.
*/ 
/* //////////////////////////////////////////////////////////////////////// */

/*
#pagecolleft { background-color:#66FF33; }
#pagecolright { background-color:#66FF33; }
#footer { background-color:#CC33CC; }
#contentsecondary { background-color:#FF9933; }
#wildlife { background-color:#FF0033; }
*/

/* //////////////////////////////////////////////////////////////////////// */
/* 
	Items below this line are opened in a seperate file on the main website  
	that is specific to the department governiong a particular page. This sets 
	the visual theme of the page.
*/ 
/* //////////////////////////////////////////////////////////////////////// */


/* Color schemes specific to departmental sections - loaded via a secondary 
style sheet keyed to info placeholder on active template in RedDot. This will 
allow site wide color adjustments without republishing all affected pages */

#page {
	background-image:url(_images/sectBkgrnd-pricklypear.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#navSecondary #sectionName {
	background-image:url(_images/sectIcon-acis.jpg);
}

#navSecondary {
	background-image:url(_images/sectLbl-acis.gif);
	background-position:132px 145px;
	background-repeat:no-repeat;
}

.dividerDept {
	background-image:url(_images/sectDiv-city.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:22px;
	margin:0 0 1px 0;
}

.supplemental {
	background-image:url(_images/sectRule-acis.gif);
	background-position:top center;
	background-repeat:repeat-y;
}

.accent1,
#navSecondary ul li, #navSecondary ul li a:hover, #navSecondary li ul li a:hover,
.events dt, .events dt a,
.news dt, .news dt a,
#wildlife, #wildlife a,
{
	/* This is the primary darker accent color*/
	color:#0f4035;
	
	/* Notes on above tags and classes */
	/* navSecondary li - text within a UL within this section that is not contained in an href tag
	can be assumed to be an inactive nav listing to the current page */
}	

.background1,
.dividerDept,
#navAudience,
#search {
	/* This is the primary darker background color - it should match accent 1 */
	background-color:#0f4035;
}

.background2 {
	/* This is the secondary lighter background color. It should be used for accent only and not where content is displayed */
	background-color:#93a9a4;
}

.background3,
#summary {
	/* This is a variant of the secondary lighter background color made lighter for better legibility when containing text  */
	background-color:#cfd9d7;
}

/* //////////////////////////////////////////////////////////////////////// */
/* 
	Items below this line are opened in a seperate file on the main website and 
	are included here only to preserve an unmodfied asp file for the ACIS.
*/ 
/* //////////////////////////////////////////////////////////////////////// */

/* Addressing incompatibilities in IE 6 */

/* IE Doubled Float-Margin Bug */

* html #pagecolright, * html #content, * html #featureMain .feature {
	display:inline;
}

* html #navSecondary{
	height:1085px;
}

* html #featureMain {
	height:240px;
}

* #pagecolleft {
	height:670px;
}

/* //////////////////////////////////////////////////////////////////////// */
/* 
	Items below this line are ACIS specific
*/ 
/* //////////////////////////////////////////////////////////////////////// */

tbody {
	font-size:.8em;
}

#SearchRow td{
	padding:0.25em 0 0.35em 0;
}

#SearchBorder2, .UnderTab {
	background-color:#0f4035;
}

#SearchRow {
	margin:0.25em 0 0.5em 0;
}

tbody ul {
	margin:0 1.0em 1.5em 0em;
}

tbody ul li {
	margin:0 1.0em 0.5em 1.25em;
}

/* address nested lists overrid scaling for lists when on own so falls more in line as list item */
tbody ul li ul{
	margin-bottom:0.5em;
}


tbody p {
	margin:0.5em 0 0.5em 0;
}

.Title {
	display:block;
	font-weight:bold;
	font-size:1.4em;
	margin:0.25em 0 0.5em 0;
}

/* ACIS Contact Display */

#contactInfo.standard {
	width:98%;
    background-image:url(http://www.YumaAZ.gov/Images/General/ss-0000-Contact-med.jpg);
    background-repeat:no-repeat;
    background-position:bottom right;
}

#contactInfo #infoBlock {
	/* default layout for contact image background */
	width:57%;
	padding:1.5em 0 0 0;
	float:left;
}

#contactInfo #deptPhoto {
	float:right;
	margin-top:1.0em;
	text-align:right;
	font-style:italic;
	font-size:0.95em;
}
	
#contactInfo #infoBlock .label {
	font-size:0.90em;
	line-height:1.6em;
	color:#9d9fa1;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
	clear:all;
}

#contactInfo #infoBlock .right {
	float:right;
}

#contactInfo #infoBlock br {
	clear:both;
}

#contactInfo #infoBlock p {
	margin:0.25em 0 0 5.0em;
}

/* 20100503 Modification for ACIS blocks */

.twBox {
	display:block;
	border:1px solid #ccc; 
	padding:0.3em; 
	margin:0.5em 0.0em 0.0em 0.0em;
	background:#eee; 
	font-weight:bold;
	width:97%;
}