body {
	background-color: #798ead;
	font-family: helvetica, sans-serif;
	color: #000000;
	font-size: small;
	margin: 0;
	padding: 0;
}

#skip_nav {
	display: none;
}

/* TOP: =top */
#top {
/*	padding-top: 10px;*/
	text-align: center;
}
#top:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* For IE */
* html #top {
	height: 1%;
}

/* HEADER =header */
#translate {
	background: #47485C;
	margin: 0 auto;
	text-align: right;
	height: 20px;
	width: 759px;
}

#translate p {
	color: #fff;
/*	line-height: 17px;*/
	margin: 0;
	font-family: helvetica, sans-serif;
	font-size: 12px;
	padding-top: 2px;
	padding-right: 11px;
}

#translate p a{
	color: #fff;
}

#translate p a:hover{
	color: #fff;
}
#header {
	background: #47485C;
	margin: 0 auto;
	text-align: left;
	height: 95px;
	width: 759px;
}
#header .col1 {
	background-image:url(http://espanol.ci.salinas.ca.us/img/salinas/ES_205.jpg);
	height: 94px;
	float: left;
	width: 455px;
}
#header .col2 {
	background-image:url(http://www.ci.salinas.ca.us/siteimages/header2.jpg);
	float: right;
	text-align: right;
	height: 94px;
	width: 283px;
}
#header h1 {
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -2000px;
	width: 455px;
}
#header h1 a {
	float: left;
	height: 74px;
	text-decoration: none;
	width: 283px;
}
#header h3 {
	color: #FFFFFF;
	font-size: 90%;
	margin: 0;
	padding: 0 0 3px 0;
	text-transform: uppercase;
}
#header p {
	color: #FFFFFF;
	font-size: 90%;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}



/* TOP_NAV =top_nav */
#top_nav {
	clear: both;
	margin: 0 auto;
	text-align: left;
	width: 759px;
/*	border-left: 1px solid #595a7b;*/
}
#top_nav ul {
	background: #595a7b;/*background color for navigation tabs*/
	clear: both;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0px 0 0px 0;
	width: 759px;
}
#top_nav ul li {
	float: left;
}
#top_nav ul a {
	color: #FFFFFF;
	display: block;
	float: left;
	font-size: 130%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	padding: 7px 0 7px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
#top_nav ul a:hover {
	color: #3C3E48;
	background-color: #ffffff;
}
#top_nav ul li.current a {
	color: #3C3E48;
	background: #ffffff;
}
#top_nav ul li#services a {
	width: 130px;
}
#top_nav ul li#government a {
	width: 159px;
}
#top_nav ul li#residents a {
	width: 124px;
}
#top_nav ul li#business a {
	width: 111px;
}
#top_nav ul li#visitors a {
	width: 119px;
}
#top_nav ul li#contact a {
	width: 116px;
}




/* MIDDLE: =middle
-----------------------------------------------------------------------------------------*/
#middle {
	text-align: center;
	padding-bottom: 0px;
	
}


/* CONTENT =content */
#content {
	margin: 0px auto 0 auto;
	padding: 0;
	text-align: left;
	width: 759px;
	height: 524;
	background-color: #47485c;
}

#content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* For IE */
* html #content {
	height: 1%;
}
.home #content {
}

.home #content .col1 {
	float: left;
	width: 526px;
/*	height: 524px;*/
	background-color: #47485c;
	padding-bottom: 0px;	 /*this is normally 2px*/
	
}

.home #content .col2 {
	float: left;
	width: 232px;
/*	height: 524px;*/
	background-color: #47485c;
	padding-bottom: 2px;
}

.home #content .col3 { /*area under movie & announcment box separating footer from content*/
	float: left;
	width: 759px;
	height: 1px; /*this is will alter the amount of space between flash movie/announcements & white bar of footer*/
	padding-top: 0px; /*this is normally 2px*/
	background-color: #47485c;
	margin-top: 0px;
}

.home #content .col4 {/*area under movie & announcment box separating footer from content*/
	float: left;
	width: 759px;
	height: 1px; /*dont change otherwise white line disappears*/
	background-color: #ffffff;
	margin-top: 0px;
}



/* RIGHT BOXES */

.padding {
width: 759px;
height: 1px;
background-color: #FFFFFF;/*dont change otherwise white line disappears between the top nav bar and man content area*/
}


.SearchBox {
	margin-top: 8px;
	margin-left: 8px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	height: 35px;
}

.RSSBox {
	color: #fff;
	height: 19px;
	font-size: 75%;
	margin-top: 0px;
	padding-bottom: 4px;
	padding-left: 50px;
	padding-top: 4px; /*padding on top of text*/
	text-transform: uppercase;
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
	background: url(http://espanol.ci.salinas.ca.us/img/salinas/ES_207.gif) no-repeat top right;
}


.VideoBox {
	color: #fff;
	height: 19px;
	font-size: 75%;
	margin-top: 4px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	padding-top: 8px; /*padding on top of text*/
	text-transform: uppercase;
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
	background: url(http://espanol.ci.salinas.ca.us/img/salinas/ES_252.gif) no-repeat top right;
}


.AnnouncementBox {
/*	color: #fff;*/
	height: 19px;
	margin-top: 4px;
	padding-bottom: 2px;
	padding-left: 50px;
	padding-top: 4px; /*padding on top of text*/
	text-transform: uppercase;
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
	background: url(http://espanol.ci.salinas.ca.us/img/salinas/ES_208.gif) no-repeat top right;
}

.AnnouncementBox_top {
	height: 1px;
	margin-top: 1px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 6px; /*padding on top of text*/
	background: url(http://www.ci.salinas.ca.us/siteimages/box_top_index.gif) no-repeat top right;
}

.AnnouncementBox_middle {
	margin-top: 0px;
	padding-left: 12px;
	padding-bottom: 0px;
	color: #fff;
	line-height: 1.2em;
	font-size: 80%;
	background: url(http://www.ci.salinas.ca.us/siteimages/box_middle_index.gif) repeat top right;
}

.AnnouncementBox_bottom {
	height: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 6px; /*padding on top of text*/
	background: url(http://www.ci.salinas.ca.us/siteimages/box_bottom_index.gif) no-repeat top right;
}

.LinksBox {
	height: 19px;
	margin-top: 8px;
	padding-bottom: 2px;
	padding-top: 6px; /*padding on top of text*/
	background: url(http://espanol.ci.salinas.ca.us/img/salinas/ES_212.gif) no-repeat top right;
}

.AnnouncementBox_middle ul, ol {
	margin: 0px 0 0px 0;
	margin-bottom: 0px;
	padding-left: 0px;
	line-height: 1.6em;
	font-family: helvetica, sans-serif;
	font-size: 110%;
	padding-left: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style: none;
}

ul.announcements li {
	margin: 0px 0 0px 0;
	margin-bottom: 0px;
	padding-left: 0px;
	line-height: 1.6em;
	font-family: helvetica, sans-serif;
	font-size: 100%;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style: none;
}

ul.announcements li a {
	color: #fff;
	text-decoration: none;
	list-style: none;
}

ul.announcements li a:hover {
	color: #e0e0e0;
	text-decoration: underline;
	list-style: none;
}

	

/* BOTTOM: =bottom
-----------------------------------------------------------------------------------------*/
#bottom {
	clear: both;
	text-align: center;
	
}


/* FOOTER =footer */
#footer {
	color: #fe0e0e0;
	background: #47485C;
	font-size: 90%;
	line-height: 1.7em;
	margin: 0px auto 0 auto; /*first px is for the padding between content and footer*/
	padding: 10px 0 8px 0; /*first px is for the padding between top of footer and first line of text*/
	text-align: left;
	padding-left: 10px;
	height: 97px;
	width: 749px; /*759-10 for the left padding*/
}
#footer p {
	margin: 0;
	padding: 0;
	color: #e0e0e0;
}
#footer a {
	color: #e0e0e0;
}

#footer a:hover {
	color: #ffffff;
}
#footer a.current:hover {
	color: #ffffff;
}
ul#footer_nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#footer_nav li {
	display: inline;
}

#footer p.crumbs {
	padding-bottom: 5px;
}
#footer .col1 {
	height: 112px;
	padding-top: 3px;
	float: left;
	width: 643px;
}
#footer .col2 {
	background-image:url(http://www.ci.salinas.ca.us/siteimages/footer1.jpg);
	float: right;
	text-align: right;
	height: 97px;
	width: 98px;
}