/* index_stylesheet */


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

/* Wrapper contains the layout - branding, navbar, content and footer */
#wrapper{
	width:56em;
	margin:0 auto;
	position:relative;
  }

/* Branding division contains one large image */
#branding{
  height:6em;
  position:relative;
  background: url(page_heads_new/rec_header.png) no-repeat;
}  


/* Search */
#search {
	width:18em;
	float:right;
	height:auto;
	margin-top:4.5em;
}


/* Navigation bar - Flash Menu 123 division */
#navbar{
  /*background-color:#033;*/ 
  height:1.5em; 
  /* For absolutely-positioned navbar */
  position:absolute;
  left:0;
  top:6.5em; /* Same as branding div height */
  width:56em; 
}

/* Holds the all four columns - height adjusted to column content */ 
#content{
	position:absolute;
	top:9em;
	height:auto;
}


/* Holds the first, second colums, invisibly */
#leftside{
	width:15.5em;
	height:auto;
}


/* Applies to columns within the content division - height must be adjusted manually to fit content */
#firstcolumn{
	width:12em;
	height:11em;
	float:left;
	background-color:#d6edeb;
	position:absolute;
	padding:0.25em;
	border:#9CC .1em solid;
}

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

/* Applies to links in firstcolumn */
#firstcolumn a:link, #firstcolumn a:visited{
  	font-family:Georgia, "Times New Roman", Times, serif;
  	font-size:1.25em;
  	font-weight: bold;
  	text-decoration:none;
	text-align:left;
    background-color:#d6edeb;
	display:block;
	width:8.5em;
  	color:#069;
  	padding:.5em;
  	}

#firstcolumn a:active, #firstcolumn a:hover{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.25em;
	font-weight: bold;
	text-decoration:none;
    text-align:left;
    background-color:#336666; 
    color:#fff;
    display:block; 
    width:8.5em; 
    padding:.5em;
	}

#secondcolumn{
	width:12em;
	height:auto;
	float:left;
	background-color:#d6edeb;
	position:absolute;
	top:12.5em;
	padding:0.25em;
	border:#9CC .1em solid;
}

/* Applies to paragraphs in the secondcolumn division*/ 
#secondcolumn p{
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;  
  text-align:left;
  line-height:1.5em;
}  

/* Applies to links in secondcolumn */
#secondcolumn a:link, #secondcolumn a:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:.8em;
  text-decoration:none;
  text-align:left;
  background-color:#d6edeb; 
  color:#006600;
  display:block; 
  width:14em; 
  padding:0.5em;
}

#secondcolumn a:hover, #secondcolumn a:active{
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:.8em;
  text-decoration:none;
  display:block; 
  color:#0000ff;
  background-color:#6CC;
  width:14em; 
  padding:0.5em;
  } 


/* Holds the contents of the rightside of the page */
#rightside{
	margin-left:13.5em;
	width:42.5em;
	height:auto;
}


/* Applies to the third column within the content division */
#thirdcolumn {
	width:41.5em;
	margin-left:0;
	height:auto;
	padding:0.5em;
	/*border:#9CC .1em solid;*/
	background-color:#FFF;
}


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

/* Applies to links in thirdcolumn */
#thirdcolumn a:link, #thirdcolumn a:visited {
	font-family: Arial, Helvetica, sans-serif;
  	text-decoration:none;
  	color:#006600;
  	}

#thirdcolumn a:active, #thirdcolumn a:hover {
	font-family: Arial, Helvetica, sans-serif;
  	color:#0000ff;
  	text-decoration:underline;
	}

#thirdcolumn ol, #thirdcolumn ul, #thirdcolumn li {
  font-family: Arial, Helvetica, sans-serif;
  text-align:left;
  font-size:.9em;
  line-height:1.5em;
  margin-left:1em;
}

/* Applies to the far right column within the thirdcolumn*/
#fourthcolumn{
	width:12em;
	padding:0.25em;
	float:right;
	margin-left:.5em;
	margin-bottom:1em;
	border-left:#9CC .05em solid;
	background-color:#fff;
}

/* Applies to paragraphs in the fourthcolumn division */
#fourthcolumn p {
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  font-size:.7em;
  color:#000;
} 

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

#fourthcolumn a:active, #thirdcolumn a:hover {
  color:#0000ff;
  text-decoration:underline;
  text-align:center;
}



/* Applies to the footer division */
#footer {
	height:6em;
	width:56em;
	clear:both; 
	padding-top:1.5em;
	background:url(http://www.ci.cypress.ca.us/images/footer.png) no-repeat;
	/*border-top:.3em solid #069;*/
}

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

.textsizer {
	color: #000000;
	font-weight: normal;
	font-family: Arial;
	font-size: .8em;
	font-style: normal;
}

.h1 {
	color: #000000;
	font-weight: normal;
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
}
.h2 {
	color: #000000;
	font-weight: bold;
	font-family: Arial;
	font-size: 10pt;
	font-style: normal;
}
.h5 {
	color: #000000;
	font-weight: bold;
	font-family: Arial;
	font-size: 8pt;
	font-style: normal;
}
.h6 {
	color: #000000;
	font-weight: normal;
	font-family: Arial;
	font-size: 8pt;
	font-style: normal;
}
.h7 {
	color: #000000;
	font-weight: normal;
	font-family: Arial;
	font-size: 12pt;
	font-style: normal;
}
.h8 {
	color: #000000;
	font-weight: bold;
	font-family: Arial;
	font-size: 12pt;
	font-style: normal;
}
.h9 {
	color: #000000;
	font-weight: normal;
	font-family: Arial;
	font-size: 14pt;
	font-style: normal;
}
.h10 {
	color: #FFFFFF;
	font-weight: normal;
	font-family: Arial;
	font-size: 7pt;
	font-style: normal;
}
.h11 {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial;
	font-size: 7pt;
	font-style: normal;
}
.h12 {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial;
	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;
}
.h14 {
	color: #000000;
	font-weight: bold;
	font-family: Georgia;
	font-size: 14pt;
	font-style:normal;
}


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

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

/* Hide everything but branding, rightside and thirdcolumn */
#leftside,
#navbar,
#footer,
#firstcolumn,
#secondcolumn,
#fourthcolumn{
display:none;
}

/* Get rid of content div margins and
padding. Use a different font for print */
#thirdcolumn{
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:.9em;
}

/*End printer-friendly styles */
}