/* State of California Legislative Portal Style Sheet -- Legislative Data Center */
	
/* HTML TAGS */	

	
body {
		margin:5px 0px 0px 0px;
		padding:0px;
		background-color:white;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 80%;
		color: #333;
		font-weight: normal;
		line-height: 135%}
		
	br {
		margin: 0;
		padding: 0;
		}
		
	h1 {
		background-color: transparent;
		color: #001643;
		font-size: 135%;
		text-align: center}
		
	h2 {
		background-color: transparent;
		color: #001642;
		font-size: 110%;
		margin: 25px 0px 5px 0px;
		}
		
	h3 {
		background-color: transparent;
		color: #001642;
		font-size: 100%;
		margin-bottom: 0; 
		}

/* h4 and h5 tags are included to work with existign scripts. DO NOT use these headings as they are not needed */
	h4 {
		background-color: transparent;
		color: #001642;
		font-size: 100%;
		margin-bottom: 0; 
		}

	H4 {
		background-color: transparent;
		color: #001642;
		font-size: 100%;
		margin-bottom: 0; 
		}

	h5 {
		background-color: transparent;
		color: #001642;
		font-size: 100%;
		margin-bottom: 0; 
		}

	p {
		background-color: transparent;
		margin: 10px 0px 0px 0px;
		padding: 0px}
		
	p.search {
		background-color: transparent;
		font-size: 85%;
		color: #000;
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 0px 10px}
		
	table {
		margin: 20px;
		}
		
	caption {
		font-weight: bold;
		}
		
	th {
		background-color: transparent;
		color: #001642;
		text-align: left;
		font-weight: bold;
		vertical-align: top;
		}
	
	td {
		vertical-align: top;
		background-color: transparent;
		}
		
	img.homePageNav {
		padding: 0px 0px 11px 0px;
		}
				
/* FORM ELEMENTS */
	input.search {
		background-color: #fff;
		color: #000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 95%;
		margin: 10px 0px 0px 0px;
		padding: 2px;
		text-decoration: none;
		}
	
	label {
		background-color: transparent;
		margin: 0px;
		padding: 0px 5px 0px 0px;
		text-decoration: none;
		cursor: pointer;
		}
	
	select {
		background-color: #fff;
		border: 1px #153515 solid;
		color: #000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 95%;
		line-height: 1.3em;
		font-weight: normal;
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 1px;
		}
	
	/* for Search e.g.:<input type="submit" name="Submit" value="Submit" class="Button">*/
	.button {
		background-color: #001643;
		border-bottom: 1px #00297c solid;
		border-left: 1px #4870bf solid;
		border-right: 1px #00297c solid;
		border-top: 1px #4870bf solid;
		color: #fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: bold;
		letter-spacing: 0px;
		margin: 5px 0px 0px 0px;
		}
	
	form {
		margin:10px 0px 0px 0px;
		padding:0px
		}
		
/* LISTS */		
	li.folder {
		display: list-item;
		list-style-image: url(../Images/folder.gif);
		margin: 20px 0px 0px 0px;
		}

	/* this declaration removes the folder image from subsequent list items ;-) */
	ul li ul li {
		display: list-item;
		list-style-image: none;
		list-style-type: square;
		font-weight: normal;
		margin-top: 5px;
		}
		
	ul li ul li ul li {
		margin-top: 0px;
		}
				
	
/* CLASSES */	

	.red {
		color: #900;
		background-color: transparent;
		}
		
	.small {
		background-color: transparent;
		font-size: 70%;
		color: #666;
		}

	.accesskey {
		text-decoration: underline}
		
		
/* "GENERIC" LINKS--no size or font-family declared, it inherits the size & face from surrounding tag */

	A:link {
		color: #e19600;
		font-weight: bold;	
		background-color: transparent;
		text-decoration: underline}

	A:visited {
		color: #ecbb59;
		font-weight: bold;
		background-color: transparent;
		text-decoration: underline}

	A:hover {
		color: #b77a00;
		font-weight: bold;
		background-color: #fdf8ed;
		text-decoration: underline}

	A:active {
		color: #624200;
		font-weight: bold;
		background-color: #f9eacb;
		text-decoration: underline}
		
/* "SITE MAP" links */

	A.site:link {
		color: #e19600;
		font-weight: normal;	
		background-color: transparent;
		text-decoration: underline}

	A.site:visited {
		color: #ecbb59;
		font-weight: normal;	
		background-color: transparent;
		text-decoration: underline}

	A.site:hover {
		color: #b77a00;
		font-weight: normal;	
		background-color: #fdf8ed;
		text-decoration: underline}

	A.site:active {
		color: #624200;
		font-weight: normal;	
		background-color: #f9eacb;
		text-decoration: underline}	
			

/* LINKS FOR HOME PAGE RIGHT BANNER */

	A.rightbanner:link {
		color: #001643;
		font-weight: bold;	
		background-color: transparent;
		text-decoration: underline}

	A.rightbanner:visited {
		color: #039;
		font-weight: bold;
		background-color: transparent;
		text-decoration: underline}

	A.rightbanner:hover {
		color: #039;
		font-weight: bold;
		background-color: #fff;
		text-decoration: underline}

	A.rightbanner:active {
		color: #fff;
		font-weight: bold;
		background-color: transparent;
		text-decoration: underline}
		
/* LINKS FOR THE HOME PAGE QL IMAGES */	

	A.homeql:link {
		padding: 10px 0px 0px 0px;
		}

	A.homeql:visited {
		padding: 10px 0px 0px 0px;
		}

	A.homeql:hover {
		padding: 10px 0px 0px 0px;
		background-color: #fdf8ed;
		}

	A.homeql:active {
		padding: 10px 0px 0px 0px;
		}



/* FIRST-LEVEL NAVIGATION LINKS */

	A.firstLevelNav:link {
		color: #e19600;
		font-size: 90%;
		font-weight: bold;	
		background-color: transparent;
		text-decoration: none;
		display: block;
		border-top: #ecbb59 solid 1px;
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 1px 5px;
		line-height: 125%;
		}

	A.firstLevelNav:visited {
		color: #e19600;
		font-size: 90%;
		font-weight: bold;
		background-color: transparent;
		text-decoration: none;
		display: block;
		border-top: #ecbb59 solid 1px;
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 1px 5px;
		line-height: 125%;
		}

	A.firstLevelNav:hover {
		color: #b77a00;
		font-size: 90%;
		font-weight: bold;
		background-color: transparent;
		text-decoration: none;
		display: block;
		border-top: #b77a00 solid 1px;
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 1px 5px;
		line-height: 125%;
		}

	A.firstLevelNav:active {
		color: #624200;
		font-size: 90%;
		font-weight: bold;
		background-color: transparent;
		text-decoration: none;
		display: block;
		border-top: #624200 solid 1px;
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 1px 5px;
		line-height: 125%;
		}		
		
	.firstLevelNavHolder {
		color: #666;
		font-size: 90%;
		font-weight: bold;	
		background-color: transparent;
		text-decoration: none;
		display: block;
		border-top: #ecbb59 solid 1px;
		margin: 20px 0px 0px 0px;
		padding: 0px 0px 1px 5px;
		line-height: 125%;
		}		
		
		
/* SECOND-LEVEL NAVIGATION LINKS */

	A.secondLevelNav:link {
		color: #001643;
		font-size: 85%;
		font-weight: bold;	
		background-color: transparent;
		text-decoration: none;
		display: block;
		padding: 0px 0px 0px 10px;
		margin-top: -11px;
		line-height: 125%;
		}

	A.secondLevelNav:visited {
		color: #4870bf;
		font-size: 85%;
		font-weight: bold;
		background-color: transparent;
		text-decoration: none;
		display: block;
		padding: 0px 0px 0px 10px;
		margin-top: -11px;
		line-height: 125%;
		}

	A.secondLevelNav:hover {
		color: #4870bf;
		font-size: 85%;
		font-weight: bold;
		background-color: #e9eef9;
		text-decoration: none;
		display: block;
		padding: 0px 0px 0px 10px;
		margin-top: -11px;
		line-height: 125%;
		}

	A.secondLevelNav:active {
		color: #624200;
		font-size: 85%;
		font-weight: bold;
		background-color: #f9eacb;
		text-decoration: none;
		display: block;
		padding: 0px 0px 0px 10px;
		margin-top: -11px;
		line-height: 125%;
		}

	.secondLevelNavHolder {
		color: #666;
		font-size: 85%;
		font-weight: bold;	
		background-color: transparent;
		text-decoration: none;
		display: block;
		padding: 0px 0px 0px 10px;
		margin-top: -11px;
		line-height: 125%;
		}
		
/* BANNER NAVIGATION LINKS */

	A.bannerNav:link {
		color: #003399;
		font-size: 80%;
		font-weight: normal; 
		background-color: transparent;
		text-decoration: none;
		padding-top: 5px;
		}

	A.bannerNav:visited {
		color: #003399;
		font-size: 80%;
		font-weight: normal; 
		background-color: transparent;
		text-decoration: none;
		padding-top: 5px;
		}

	A.bannerNav:hover {
		color: #b77a00;
		font-size: 80%;
		font-weight: normal; 
		background-color: transparent;
		text-decoration: none;
		padding-top: 5px;
		}

	A.bannerNav:active {
		color: #624200;
		font-size: 80%;
		font-weight: normal; 
		background-color: transparent;
		text-decoration: none;
		padding-top: 5px;
		}					


/* "RIGHT BANNER NAV" LINKS */

	A.rightBannerNav:link {
		color: #001643;
		font-weight: bold;
		background-color: transparent;
		text-decoration: underline;
		display: block;
		padding: 0px;
		margin: 5px 0px 5px 0px;
		line-height: 125%;}

	A.rightBannerNav:visited {
		color: #4870bf;
		font-weight: bold;
		background-color: transparent;
		text-decoration: underline;
		display: block;
		padding: 0px;
		margin: 5px 0px 5px 0px;}

	A.rightBannerNav:hover {
		color: #001643;
		font-weight: bold;
		background-color: #e9eef9;
		text-decoration: underline;
		display: block;
		padding: 0px;
		margin: 5px 0px 5px 0px;}

	A.rightBannerNav:active {
		color: #4870bf;
		font-weight: bold;
		background-color: transparent;
		text-decoration: underline;
		display: block;
		padding: 0px;
		margin: 5px 0px 5px 0px;}


	/* PLACEMENT TAGS  -- with special thanks to the Layout Reservoir for giving me ideas on how to make this work for the Mac, too. (http://bluerobot.com/) JFD */	
	
	#leftcontent {
		position:absolute;
		width:150px;
		top:90px;
		left:00px;
		border:none;
		background-color:transparent;
		padding:0px;
		z-index:2;
		/* The ugly brilliant hack. */
		voice-family: "\"}\"";
		voice-family:inherit;
		width:150px;
		}
		/* The "be nice to Opera 5". */
		body>#navAlpha {width:150px;}

	#centercontent {
		position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
		width:auto;
		min-width:120px;
		margin:0px 240px 20px 180px;
		border:none;
		background-color:transparent;
		padding:0px;
		z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
		}

	#centercontentinterior {
		position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
		width:auto;
		min-width:120px;
		margin:0px 20px 20px 180px;
		border:none;
		background-color:transparent;
		padding:0px;
		z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
		}	
		
	#rightcontent {
		position:absolute;
		width:230px;
		top:110px;
		right:0px;
		border:none;
		background-color:#e9eef9;
		z-index:1;
		/* Again, the ugly brilliant hack. */
		voice-family: "\"}\"";
		voice-family:inherit;
		width:230px;
		}
		/* Again, "be nice to Opera 5". */
		body>#navBeta {width:230px;}
		
	#rightcontentBottom {
		width:100%;
		background: #c0ceec;
		color: #000;
		border-top: #039 double 3px;
		padding: 0px 0px 10px 0px;
		margin: 10px 0px 0px 0px;
		}
	
	#bannerContainer {
		background: transparent url(../images/banner_bg.gif) repeat-x;
		height:100px;
		width: 100%;
		border: none;
		margin: 0px 0px 7px 0px;
		voice-family: "\"}\"";
		voice-family: inherit;
		height:99px;
		}
	html>body #banner {
		height:99px;
		}
		
	#bannerNav {
		background: transparent url(../images/bannerOne.gif);
		background-repeat: no-repeat;
		position: absolute;
		top: 5px;
		left: 0px;
		height: 16px;
		width: 98%;
		margin: 0px 0px 0px 0px;
		text-align: right;
		color: #6d727d;
		}
		
	#banner {
		position: absolute;
		top: 21px;
		left: 0px;
		margin: 0px 0px 0px 0px;
		}
		
	#homepagelinks {
		position:relative; 
		background: transparent;
		left:20px; 
		top:0px; 
		width:90px; 
		height:130px; 
		padding: 0px 20px 0px 0px; 
		float:left;
		}	

	#footer {
	 	position: relative;
		background: transparent;
		height: 20px; 	
		top: auto; 
		color: #6d727d;
		text-align: center; 
		margin: 50px 10px 0px 0px;
		border-top: 1px solid #000000;
		}