/* cypresspdhomestyles.css */

/* Block all default margins and padding */
* {
  margin:0;
  padding:0;
}


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

/* Wrapper contains the layout */
#wrapper{
  width:50em;
  margin: 1em auto 0 auto;
  position:relative;
  }

/* Set height of branding division */
/* Branding division contains one large image */
#branding{
  height:6em;
  position:relative;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background:url(page_heads/pd_home_head.gif);
}  

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

#branding a{
  position:absolute;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
  color:#0000FF;
  font-size:0.8em;
}

/* Unvisited and visited links in branding bar*/
#branding a:link, #branding a:visited, #branding a:active {
  color:#006600;
}

/* Hover links in branding bar*/
#branding a:hover{
  color:#0000FF;
}


#branding h1{
  font-family:Verdana, Arial, Sans-serif;
  font-size:.75em;
  font-style:normal;
  padding-top:0.25em;
}

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

/* Quick links drop down menu */
#quicklinks {
   margin-top:2em; 
   width:16em; 
   height:auto; 
   padding:.5em; 
   float:right; 
}

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

/* Navbar division */
#navbar{
  height:1.6em; 
  /* For absolutely-positioned navbar */
  position:absolute;
  left:0;
  top:6em; /* Same as branding div height */
  width:50em; /* Layout width minus leftcolumn width */
}

#content{
/* Left and right margins must match sidebar column widths */
   margin:0;
   /*background-color:#FFFFFF; */
   color:#000;
   height:41em;
   background-color:#FFFFFF;
}

/* Applies to animation within the content division */
#homeanimation{
   width:48.75em;
   height:18.1em;
   top:8.2em;
   position:absolute;
   left:.65em;
   border:#CCCCCC;
   background-image:url(images/home_photos.gif);
} 

/* Applies to columns within the content division */
#firstcolumn{
  width:15.25em;
  float:left;
  background-image:url(page_heads/badge_bkgd.jpg);
  /* For absolutely-positioned leftcolumn */
  position:absolute;
  top:27em;
  height:19em;
  left:.65em;
  }

#firstcolumn a {
	color: #336666;
	font-weight: bold;
	font-family: Georgia;
	font-size: .9em;
	font-style: normal;
	}

#firstcolumn a:link, #firstcolumn a:active, #firstcolumn a:visited{ 
	color:#336666; 
	text-decoration:none; 
	}

#firstcolumn a:hover { 
	color:#0000FF; 
	text-decoration:underline; 
	}

/* Applies to columns within the content division */
#secondcolumn{
  width:16em;
  float:left;
  background-color:#003333;
  /* For absolutely-positioned secondcolumn */
  position:absolute;
  top:27em; 
  height:18.5em;
  margin-left:16.6em;
  padding:.3em;
  text-align:center;
  }
  
#secondcolumn a {
	color: #ccffff;
	font-weight: normal;
	font-family: Verdana;
	font-size: 10pt;
	font-style: normal; 
	}

#secondcolumn a:link, #secondcolumn a:active, #secondcolumn a:visited { 
	color:#ccffff; 
	text-decoration:none; 
	}
	
#secondcolumn a:hover { 
	color:#ffff00; 
	text-decoration:underline; 
	}
 
/* Applies to columns within the content division */
#thirdcolumn {
  width:15.5em;
  float:left;
  background-color:#fff;
  text-align:center;
  /* For absolutely-positioned thirdcolumn */
  position:absolute;
  top:27em;
  height:19em;
  margin-left:33.85em;
}

#thirdcolumn a {
	color: #336666;
	font-weight: bold;
	font-family: Georgia;
	font-size: .9em;
	font-style: normal;
	}
 
#thirdcolumn a:link, #thirdcolumn a:active, #thirdcolumn a:visited { 
	color:#336666; 
	text-decoration:none; 
	}

#thirdcolumn a:hover { 
	color:#0000FF; 
	text-decoration:underline; 
	}

/* Applies to the footer division */
#footer {
   position:relative;
   margin: 0 auto;
   height:3em;
   width:49.5em;
   padding:.25em;
   border-top:.3em solid #a4cc8a;
   clear:left;
}

/* Applies to paragraphs and links in the footer division */
#footer p, #footer a {
	color: #336666;
	font-weight: normal;
	font-family: verdana;
	font-size: .7em;
	font-style: normal;
	text-align:center;
	}

 
#footer a:link, #footer a:active, #footer a:visited { 
	color:#336666; 
	text-decoration:none; 
	}

#footer a:hover { 
	color:#0000FF; 
	text-decoration:underline; 
	}


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;
}
.h3 {
	color: #000000;
	font-weight: normal;
	font-family: Verdana;
	font-size: 12pt;
	font-style: normal;
}
.h4 {
	color: #000000;
	font-weight: bold;
	font-family: Verdana;
	font-size: 12pt;
	font-style: normal;
}
.h5 {
	color: #000000;
	font-weight: bold;
	font-family: Verdana;
	font-size: 7pt;
	font-style: normal;
}
.h5red {
	color: #FF0000;
	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;
}
.h7 {
	color: #000000;
	font-weight: normal;
	font-family: Verdana;
	font-size: 14pt;
	font-style: normal;
}
.h8 {
	color: #000000;
	font-weight: bold;
	font-family: Verdana;
	font-size: 14pt;
	font-style: normal;
}	
.h9 {
	color: #336633;
	font-weight: bold;
	font-family: Verdana;
	font-size: 16pt;
	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;
}
.h12 {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana;
	font-size: 10pt;
	font-style: normal;
}	
.h13 {
	color: #000000;
	font-weight: bold;
	font-family: Georgia;
	font-size: 14pt;
	font-style: normal;
}	
.h14 {
	color: #000000;
	font-weight: bold;
	font-family: Georgia;
	font-size: 12pt;
	font-style: normal;
}
.h15 {
	color: #000000;
	font-weight: bold;
	font-family: Georgia;
	font-size: 10pt;
	font-style: normal;
}		
.h16 {
	color: #FF0000;
	font-weight: bold;
	font-family: Verdana;
	font-size: 10pt;
	font-style: normal;
}
.h17 {
	color: #000000;
	font-weight: bold;
	font-family: Verdana;
	font-size: 10pt;
	font-style: italic; 
}

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