@charset "utf-8";
/* CSS Document */

body {
 color:#000000;
 font-size: 100%;
 font-family:Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 min-width:980px;
}
body#it {
 color:#000000;
 font-size: 100%;
 font-family:Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 min-width:940px;
}
body#home {
 color:#000000;
 font-size: 100%;
 font-family:Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 min-width:980px;
 background-image:url('/images/palms.jpg');
 background-position:top center;
 background-repeat:no-repeat;
}
body#printable {
 color:#000000;
 font-size: 80%;
 font-family:Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0 0 0 30px;
 min-width:10px;
}
#palms {
 margin: 0;
 padding: 0;
 background-image:url('/images/tree_background2.gif');
 background-position:top center;
 background-repeat:no-repeat;
 width:100%;
}
#header {
 background-image:url('/images/bar.jpg');
 width:100%;
 height:137px;
}
#headerlogo {
 background-image:url('/images/logo.jpg');
 background-position: top center;
 background-repeat:no-repeat;
 margin:auto;
 height:137px;
}
#headerlogo form {
 max-width:980px;
 margin:auto;
 position:relative;
 top:95px;
 text-align:right;
 padding: 0 0 0 0;
}
#headerlogo form a {
 color:#FFFFFF;
 font-size:0.8em;
 text-decoration:none;
 margin: 0 20px 0 0;
}
#header .titleinfo {
 width: 0px;
 height: 0px;

 overflow:hidden;
 visibility:hidden;
 float:left;
}
#container {
 background-image:url('/images/navbackground.jpg');
 background-repeat:no-repeat;
 width:980px;
 margin:auto;
 padding: 0 0 10px 0;
}
#content {
 float: right;
 width: 750px;
 text-align: left;
 padding: 0 0 0 30px;
 font-size:0.8em;
 overflow:hidden;
}


#content a {
 color:#00457C;
 text-decoration:none;
}
#content a:hover {
 text-decoration:underline;
 color: #4C721D;
}
#content h1 {
 color: #00467C;
 font-family:"Times New Roman", Times, serif;
 font-size:2.2em;
 font-variant:small-caps;
 margin-left: -10px;
 margin-top:10px;
}
#content h2 {
 color: #4C721D;
 font-family:"Times New Roman", Times, serif;
 font-size:1.6em;
 margin-bottom:8px;
 font-variant:small-caps;
 margin-left: -10px;
}
#content h3{
 font-size:1.2em;
 color: #333333;
 margin-bottom:5px;
 font-weight:bold;
}
#content h4, #content h5, #content h6{
 font-size:1.2em;
 color: #333333;
 margin-bottom:5px;
 font-weight:bold;
}
#content th{
	text-align:left
}
#content p {
 margin: 0 0 10px 0;
 padding:0;
}
#content img {
border: 2px solid #E4AB48;
margin: 5px;
padding: 0;
}

#content img.noborder {
border: 0px solid #E4AB48;
margin: 5px;
padding: 0;
}
#content ul, ol {
margin-top:0px;
}
#contentspace {
 clear:both;
 width:980px;
 font-size:0.8em;
 padding: 0;
 margin: 0;
}
#leftnavigation {
 width: 200px;
 padding: 0 0 10px 0;
}
#footercontent ul.topnav {
 text-align:center;
 padding: 5px 15px 5px 5px;
 margin: 0;
 color: #666666;
}
ul.topnav {
 text-align:right;
 padding: 5px 17px 5px 8px;
 margin: 0;
 color: #666666;
}

ul.topnav li {
 display:inline;
 padding:0 10px;
 margin:0;
 border-right:1px solid #00457C;
}
ul.topnav li a, #content ul.topnav li a {
 color: #666666;
 text-decoration: none;
}
ul.topnav li a:hover, #content ul.topnav li a:hover {
 text-decoration: underline;
 color: #4C721D;
}
ul.topnav li.last, #home ul.topnav li.last {
 border-right:0 none #00457C;
 margin: 0;
 padding: 0 0 0 10px;
}
#footer {
 background-color:#00457C;
 height:20px;
 width: 100%;
 padding: 0;
 margin: 0;
 clear:both;
}
#footerlogo {
 background-image:url('/images/cityofvista_blue2.jpg');
 background-repeat:no-repeat;
 background-color:#007DC3;
 float:right;
 height: 20px;
 width: 50%;
 margin: 0;
 padding: 0;
}
#footercontent {
 width:960px;
 margin:auto;
 padding: 10px;
 text-align:center;
 color:#666666;
 font-size: 0.8em;
}

.tabdark {float: left; padding:4px; margin:5px 5px 0px 5px; border-style: solid; border-color: #cccccc; border-width: 1px 1px 0px 1px; background-color: #f5f5f5; position: relative; top: 4px;}
.tablight {float: left; padding:6px; margin:5px 5px 0px 5px; border-style: solid; border-color: #cccccc; border-width: 1px 1px 0px 1px; background-color: #ffffff; position: relative; top: 1px;}
a.tablink {color: #000000; }
tablight.a.tablink {color: #000000; font-weight:bold; }
.preview_visible{margin:0px}
.preview_hidden{display:none;}
img.noborder{ border: 0px solid #E4AB48; margin:0}

/*!!!!!!!!!!! Start Printable !!!!!!!!!!!!!*/
a {
 color:#00457C;
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
 color: #4C721D;
}
h1 {
 color: #00467C;
 font-family:"Times New Roman", Times, serif;
 font-variant:small-caps;
 font-size:2.2em;
 margin-left: -10px;
  margin-top:10px;
}
h2 {
 color: #4C721D;
 font-family:"Times New Roman", Times, serif;
 font-size:1.8em;
 margin-bottom:8px;
 font-variant:small-caps;
 margin-left: -10px;
}
h3 {
 font-size:1.2em;
 color: #333333;
 margin-bottom:5px;
 font-weight:bold;
}
h4, h5, h6{
 font-size:1.2em;
 color: #333333;
 margin-bottom:5px;
 font-weight:bold;
}
th{
	text-align:left
}
p {
 margin: 0 0 10px 0;
 padding:0;
}
table {
 border-width: 0;
}
ul, ol {
margin-top:0px;
}
img {
border: 2px solid #E4AB48;
margin: 5px;
padding: 0;
}
img.noborder {
border: 0px solid #E4AB48;
margin: 5px;
padding: 0;
}
#tabs img, #nopngborder img {
border: 0px none #E4AB48;
margin:0 5px;
}
.yuiextdlg {
    position:absolute;
    left:-2000px;
}

/*!!!!!!!!!!! End Printable !!!!!!!!!!!!!!!*/

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
/*[START-QCC]*/.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}/*[END-QCC]*//*[START-QCC0]*/#qm0 li, #qm0 a {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}/*[END-QCC0]*/


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:200px;
		border-width:0px 0px 1px 0px;
		border-style:solid;
		border-color:#FFFFFF;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:10px 5px 9px 8px;
		color:#3C3C3C;
		font-size:0.9em;
		text-decoration:none;
		font-weight:bold;
		text-align:left;
		border-width:1px 0px 0px 0px;
		border-style:solid;
		border-color:#FFFFFF;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		text-decoration:underline;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		text-decoration:underline;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		text-decoration:none;
		font-weight:bold;
	}


	/*"""""""" (MAIN) Persistent State""""""""*/	
	body #qm0 .qmpersistent, body #qm0 .qmpersistent:hover	
	{	
		font-weight:bold;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		width:auto;
		padding:5px 0px 5px 0px;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 0px 2px 15px;
		margin:0px 5px 0px 5px;
		background-image:none;
		font-size:0.8em;
		font-weight:normal;
		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		text-decoration:none;
		font-weight:bold;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		background-color:#DAE4ED;
		border-width:1px;
		border-style:solid;
		border-color:#FFFFFF;
	}
	/*[END-QS0]*/