/* index_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;
  }

/* 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:#006600;
  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; 
}

/* Navbar division */
#navbar{
	/* background: url(http://www.ci.cypress.ca.us/images/navbak.jpg) repeat x; */
	height:1.6em;
	/* For absolutely-positioned navbar */
  	position:absolute;
	left:0;
	top:6em; /* Same as branding div height */
	width:50em;
	background:url(../images/navbak.jpg) repeat-x;
}

/* Holds the animation and colums - height adjusted to column content */ 
#content{
    margin:0;
    padding:0;
	position:absolute;
	top:25em;
	width:50em;
    height:auto;
	}

/* Applies to animation within the content division */
#montage{
   width:50em;
   height:19em;
   top:6.4em;
   margin:0 auto;
   position:absolute;
   border:thin;
   border:#CCCCCC;
   } 

/* Applies to columns within the content division - height must be adjusted manually to fit content */
#firstcolumn{
/* For absolutely-positioned leftcolumn */
  	position:absolute;
	top:25.5em;
	width:12em;
	height:auto;
/*	background-color:#DADAB6; */
	padding:.25em;
	}

/* Applies to paragraphs in the firstcolumn division */
#firstcolumn p{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-align:left;
} 

/* Applies to links in firstcolumn */
#firstcolumn a:link, #firstcolumn a:visited{
  text-decoration:none;
  color:#006600;
  }

#firstcolumn a:active, #firstcolumn a:hover{
  color:#0000ff;
  text-decoration:underline;
}

/* Applies to columns within the content division - height must be adjusted manually to fit content */
#secondcolumn {
	/* For absolutely-positioned thirdcolumn */
  	position:absolute;
	top:25.5em;
	left:12.75em;
	width:36.5em;
	height:auto;
	border:#DDE3BB .1em solid;
	background-color:#fff;
	padding:.25em;
	
}

/* Applies to paragraphs in the thirdcolumn division */
#secondcolumn p {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:.8em;
  text-align:left;
} 

/* Applies to links in thirdcolumn */
#secondcolumn a:link, #secondcolumn a:visited {
  text-decoration:none;
  color:#006600;
  }

#secondcolumn a:active, #secondcolumn a:hover {
  color:#0000ff;
  text-decoration:underline;
}

/* Applies to the footer division */

#footer {
   position:absolute;
   margin-top:45em;
   margin-bottom:.5em;
   height:3em;
   width:49.5em;
   padding:.2em;
   border-top:.3em solid #9ea771;
 }

/* 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;
}

@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 */
}