/* economic_dvlpt_subpage_stylesheet */


  body {
  background: url(http://www.ci.cypress.ca.us/images/site_background.jpg) repeat-x;
}

/* Wrapper contains the layout - branding, navbar, content and footer */
#wrapper{
  width:50em;
  margin: .1em auto 0 auto;
  position:relative;
  height:auto;
  background-color: #ffffff;
  }

/* Branding division contains one large image */
#branding{
  height:6em;
  position:relative;
  background:url(../page_heads/econ_dvlpt_head.jpg) no-repeat center;
}  

#branding img{
  width:100%; 
  display:block; 
}

/* branding links */
#branding a, #branding a:link{
  position:absolute;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-decoration:none;
  color:#336600;
  font-size:7pt;
}

/* Hover links in branding bar */
#branding a:hover, #branding a:visited{
  color:#0000FF;
  text-decoration:none;
}

/* Fixes the mysterious image gap */
#branding img{
  display:block;
}

/* Quick links drop down menu */
#quicklinks {
   top:3em;
   margin-left:33em; 
   width:15em; 
   height:auto; 
   padding:.5em; 
   float:right;
   position:absolute; 
}

.quicklinks{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:.7em;
   color:#000;
   text-align:left; 
}

/* Navigation bar division */
#navbar{
	height:1.5em;
	/* For absolutely-positioned navbar */
    position:absolute;
	left:0;
	top:6.1em; /* Same as branding div height */
	width:50em;
	background-color:#003366;
	padding-top:.2em;
}

/* Navbar links */
#navbar a, #navbar a:link, #navbar a:active{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:#D2E3C1;
	text-decoration:none;
	}

#navbar a:visited{ 
	color:D2E3C1; 
	text-decoration: none; 
	}

#navbar a:hover{ 
	color:ffffff; 
	text-decoration: underline;
	}


/* Holds the animation and colums - height adjusted to column content 
#content{
    margin:0;
    padding:0;
    background-color:#FFFFFF;
    height:150em;
	padding-bottom:1em; 

} */

/* Applies to columns within the content division - height must be adjusted manually to fit content */
#firstcolumn{
/* For absolutely-positioned leftcolumn*/
	position:absolute;
  	float: left;
    top:8em;
	width:8.75em;
	height:auto;
	background: url(http://www.ci.cypress.ca.us/page_heads/left_sidebar.gif) no-repeat center;
	} 

/* Applies to columns within the content division - height must be adjusted manually to fit content */
#secondcolumn {
	/* For absolutely-positioned secondcolumn */
  	position:absolute;
	top:8em;
	left:9em;
	height:auto;
	width:40em;
	background-color:#fff;
	padding:.25em;
}

/* Applies to links in secondcolumn  */

#secondcolumn a, #secondcolumn a:link, #secondcolumn a:active{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:blue;
	text-decoration:none;
	}

#secondcolumn a:visited{ 
	color:blue; 
	text-decoration: none; 
	}

#secondcolumn a:hover{ 
	color:006633; 
	text-decoration: underline;
	}


/* Applies to columns within the content division - height must be adjusted manually to fit content */
#searchcolumn {
	/* For absolutely-positioned secondcolumn */
  	position:absolute;
	top:8em;
	left:9em;
	height:auto;
	width:41em;
	background-color:#fff;
}

/* Applies to the footer division */

/* Captioned images */ 
div.captionpic{
   float:right;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   color:#555;
   text-align:center;
   margin-left:5px;
   margin-bottom:5px;
   margin-top:5px; 
}
 
/* Applies to the image inside a captionpic div */
div.captionpic img{
   border:none;
   margin-left:5px;
   }
   
#footer {
   position:relative;
   margin: 0 auto;
   margin-top:5px;
   margin-bottom:5px;
   height:3em;
   width:49.5em;
   padding:.2em;
   border-top:.3em solid #9ea771;
   clear:left;
}

/* Applies to paragraphs and lists in the footer division

#footer p {
   font-family: Verdana, Geneva, Arial, Sans-Serif;
   color:#000; 
   text-align:center;
   line-height:1.5em;
   font-size:0.7em;
} */

/* footer links */

#footer
a:link { color: green; text-decoration: none }
a:active { color: green; text-decoration: none }
a:visited { color: green; text-decoration: none }
a:hover { color: blue; text-decoration: underline }

/* Acronyms and abbreviations */

acronym, abbr{
  border-bottom:dotted 1px #333;
  cursor:help;
}

/* fonts */

.h1 {
	color: #000000;
	font-weight: normal;
	font-family: Verdana;
	font-size: 10pt;
	font-style: normal;
}
.h2 {
	color: #000000;
	font-weight: bold;
	font-family: Verdana;
	font-size: 10pt;
	font-style: normal;
}
.h5 {
	color: #000000;
	font-weight: bold;
	font-family: Verdana;
	font-size: 7pt;
	font-style: normal;
}
.h6 {
	color: #000000;
	font-weight: normal;
	font-family: Verdana;
	font-size: 7pt;
	font-style: normal;
}
.h10 {
	color: #FFFFFF;
	font-weight: normal;
	font-family: Verdana;
	font-size: 7pt;
	font-style: normal;
}
.h11 {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana;
	font-size: 7pt;
	font-style: normal;
}
.h11 {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana;
	font-size: 7pt;
	font-style: normal;
}
.h12 {
	color: #000000;
	font-weight: bold;
	font-family: Georgia;
	font-size: 9pt;
	font-style:normal;
}

.h13 {
	color: #000000;
	font-weight: bold;
	font-family: Georgia;
	font-size: 12pt;
	font-style:normal;
}

.h13red {
	color: #cc0000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10pt;
	font-style:normal;
}

.h14 {
	color: #000000;
	font-weight: bold;
	font-family: Georgia;
	font-size: 14pt;
	font-style:normal;
}
.h15 {
	color: #fff;
	font-weight: normal;
	font-family: Verdana;
	font-size: 9pt;
	font-style: normal;
}

@media print{
/* Start printer-friendly styles */

/* Set wrapper to fill page width */
#wrapper{
width:100%;
}

/* Hide leftcolumn, navbar,and footer */
#leftcolumn,
#navbar,
#footer{
display:none;
}

/* Get rid of content div margins and
padding. Use a different font for print */
#content{
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1em;
}

/*End printer-friendly styles */
}