/* 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:6.25em;
  position:relative;
  background: url(http://www.ci.cypress.ca.us/page_heads/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.7em; /* Same as branding div height */
  width:56em; 
}

/* Holds the animation and colums */ 
#content{
	margin:0 auto 0 auto;
	/*padding:1em;
	background-color:#fff;*/
   height:auto;
}

/* Applies to animation within the content division */
#homeanimation{
   width:56em;
   height:16em;
   top:9em;
   position:absolute;
   background-color:#FFFFFF;
   background-image:url(images/index_photos2.gif);
} 

/* Applies to columns within the content division - height must be adjusted manually to fit content */
#firstcolumn{
	width:13em;
	height:11em;
	float:left;
	/* background-color:#cff4e7;
	For absolutely-positioned leftcolumn */
    position:absolute;
	background-color:#d6edeb;
	top:25.5em;
	padding:.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:9.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:9.5em; 
    padding:.5em;
	}

/* Applies to the second column below the first column within the content division */
#secondcolumn{
	width:13em;
	height:13em;
	float:left;
	/* background-color:#cff4e7;
	For absolutely-positioned leftcolumn */
    position:absolute;
	top:38em;
	padding:.25em;
	border:#9CC .1em solid;
}

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

/* Applies to links in secondcolumn  */
#secondcolumn a:link, #secondcolumn a:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:.8em;
  text-decoration:none;
  color:#006666;
}

#secondcolumn a:hover, #secondcolumns a:active{
  font-family: Arial, Helvetica, sans-serif;
  color:#036;
  font-size:.8em;
  font-weight: bold;
  text-decoration:underline;
}


/* Applies to the third column within the content division */
#thirdcolumn {
	width:40.25em;
	height:25em;
	float:left;
    /*For absolutely-positioned thirdcolumn */
    position:absolute;
	top:25.5em;
	margin-left:14.5em;
	padding:0.5em;
	border:#9CC .1em solid;
	background-color:#FFFFFF
}


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

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

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


/* Applies to News in thirdcolumn */
#scrollbar{
	width:19.5em;
	height:24.5em;
	padding:0.25em;
	background-color:#ecfefe;
	overflow:scroll;
	float: left;
}


/* Applies to the far right column within the thirdcolumn*/
#fourthcolumn{
	width:19.25em;
	height:auto;
	padding:0.25em;
	margin:0 0 0 20.5em;
	display:block;
	text-align:center;
}

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

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

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


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

/* Applies to paragraphs and lists in the footer division */
#footer p {
   font-family: Verdana, Geneva, Arial, Sans-Serif;
   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;
}

/* Applies to the second column below the first column within the content division */
#calendar{
	width:15em;
	height:12.5em;
	float:left;
    position:absolute;
	top:38em;
	padding:.25em;
	border:#9CC .1em solid;
}

/* Applies to paragraphs in the calendar division */ 
#calendar p{
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;  
  text-align:center;
} 

/* Applies to links in calendar */
#calendar a:link, #calendar a:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size:.8em;
  text-decoration:none;
  color:#03F;
}

#calendar a:hover, #calendar a:active{
  font-family: Arial, Helvetica, sans-serif;
  color:#006600;
  font-size:.8em;
  font-weight: bold;
  text-decoration:underline;
} 

/* fonts */

.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: 7pt;
	font-style: normal;
}
.h6 {
	color: #000000;
	font-weight: normal;
	font-family: Arial;
	font-size: 7pt;
	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;
}

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