/* *************** CSS Reset *************** */

html, body, div, span, applet, object, iframe,
h1, div.like_h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

sup {font-size:10px; vertical-align:top; line-height:12px; margin-left:1px;} 
h1 sup {font-size:75%; vertical-align:top; line-height:17px; margin-left:0;} 
h2 sup {font-size:75%; vertical-align:top; line-height:12px; margin-left:0; } 
h3 sup, h2.like_h3 sup {font-size:70%; vertical-align:top; line-height:6px; margin-left:0; } 

h1, div.like_h1 {
	/* common properties */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:1.8em;
	font-weight:normal;
	color:#cc6600;

	/* customizable properties */
	background:url(/images/content/header_bullet_blue_triangle_down.png) no-repeat 0 0 transparent;
	margin: 0.85em 0 0.7em -12px;
	padding: 3px 0 2px 38px;
	line-height: 27px;
}
div.like_h1 { color:#333; }


h2, h3.like_h2  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.45em;
  	font-weight:bold;
	padding: 1px 0 0 0;
	margin: 19px 0 6px 0;
	color:#4d5253;
	line-height:1.2;
}
h2.inline_block {
	display:inline-block;
	margin:10px 0 2px 0;
}
h3, h4.like_h3, h2.like_h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	padding:5px 1px 0 0;
	margin:.75em 0 .6em 1px;
	color:#4d5253;
	line-height:1.1;  
}
h3.inline_block {
	display:inline-block;
	margin:.6em 0 .2em 1px;
}

h4, h3.like_h4 {
	font-size:13px;
	font-weight:bold;
	margin:.5em 0 7px 1px;
	padding-top:3px;
	color:#111;
	line-height:17px;
}
h5 {
	color: #333;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:1.05em;
	margin:0em 0 11px 1px;
	padding:0;
	line-height:1;
}

button { height:28px; margin-right:25px; height:28px; }

table, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
table {	border-collapse: collapse; }
table td { padding: 4px; }
table td form div.cleaner { height:auto; }


/* *************** Outer structure *************** */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.78em;
	background:#fff url(../images/design01/body_background.png) repeat-x;
/*	line-height: 1.2; */
}
html {
	overflow-y:scroll;
}

/* *************** Header *************** */

#header {
	width:968px;
	height:154px;
	margin:0 auto;
	position:relative;
	background:transparent url(../images/design01/header_bg.png) no-repeat top right;
	z-index:10;
}

#skip_to_content a, #skip_to_content a:hover, #skip_to_content a:visited {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

#skip_to_content a:active, #skip_to_content a:focus {
	position:static;
	width:auto;
	height:auto;
	color:#00f;
	background:#fff;
	padding:1px 2px;
} 

#header .head_cagov_logo {
	position:absolute;
	top:55px;
	left:50px;
	z-index:10;
}
#header .head_organization_banner {
	position:absolute;
	top:52px; /* Adjusts the position of your organization banner */
	left:167px; /* Adjusts the position of your organization banner */
	z-index:20;
}

#header .head_organization_banner a {
	background:url(../images/design01/header_organization.png) transparent 0 0 no-repeat;
	width:440px;
	height:54px;
	display:block;
}
#header .head_organization_banner a:hover {
	background:url(../images/design01/header_organization_over.png) transparent 0 0 no-repeat;
}
#head_links {
	position:absolute;
	top:46px;
	left:602px;
	font-size:.9em;
	color:#c2e5f4;
}
div#head_links a {
	color:#b6e9ff;
	background-color:#012b41;
	background: url(/images/common/bg_link_underline.png) bottom left repeat-x #012b41;	
	margin:0 8px ;
	padding-bottom:1px;
}
div#head_links a:hover {
	color:#fff;
	background:#012b41;
}

/* Search */

#head_search {
	position:absolute;
	left:730px;
	top:71px;
	z-index:10;
}

.textfield_container {
	width:183px;
	height:20px;
	background:transparent url(../images/design01/header_search_textfield.png) no-repeat;
	float:left;
}
#search_ca_textfield, #search_local_textfield {
	border:0;
	background-color:transparent;
	padding:3px 0 0 8px;
	width:175px; /* 183 - 8 */
	color:#505050;
	font-size:0.92em;
}
.submit_container {
	position:absolute;
	top:0px;
	left:183px;
}
.javascript_off #radio_container {
	display:none;
}
#radio_container {
	position:absolute;
	top:20px;
	left:40px;
	color:#fff;
	font-size:.9em;
	width:172px; /* Fix FF3 issue where increasing font size causes radio buttons to wrap to two lines */
}
#header .radiobutton {
	position:relative;
	top:2px;
}
.javascript_on #header .radiobutton {
	position:absolute;
	left:-2000px;
}
.javascript_on #radio_container label {
	padding:0 0 0 24px;
	background: url(../images/design01/header_search_radiobutton.png) no-repeat 12px 3px;
}

.gsc-completion-container {
	z-index:50; /* fix issue where Google autocomplete dropdown appears behind header images */
}

/* Navigation */

#navigation {
	position:absolute;
	top:95px;
	left:16px;
	padding-left:128px; /* adjusts the horizontal position of the top-level nav */
}
#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#navigation li {
	float: left;
	background: transparent url(../images/common/nav_divider.png) no-repeat bottom right;
	padding:0 0 0 0px;
}
#navigation li.last_nav_item {
	background-image:none;
}

#navigation a.nav_level1_link {
	text-decoration:none;
	font-size:12px;   /* use fixed font size for better cross browser consistency - from EDD */
    font-weight:bold; 
    font-family:"Arial"; 
	display: block;
	padding:0 8px 0 8px; /* adjust the width of the tabs by adjusting the left & right padding */
	margin-right:2px; /* add 1px gap on right side of tab */
	height:23px; /* 47 - 24 */
	color: #eee;
	/* text-transform: uppercase; */
	/* font-size: 1em; */
	text-shadow: #000 1px 1px 3px; /* This is valid in CSS 2 and 3 but not 2.1 */
	padding-top:24px;
	white-space:nowrap; /* fix IE8 comp mode issue where nav text wraps */
}

#navigation li.last_nav_item a.nav_level1_link {
	margin-right:0px;
}

#nav_list :first-child a.nav_level1_link { padding-left:29px; /* Add padding so the entire background highlight can be seen */ }
#nav_list > li:last-child { background:none; }

.highlighted_nav_item a.nav_level1_link, .body_home #nav_list :first-child .nav_level1_link {
	background: transparent url(../images/common/nav_highlight.png) no-repeat bottom right; /* current page item, home, spec 0-2-1, 1-3-0 */
}
#navigation #nav_list.unhighlight_nav_item a.nav_level1_link {
	background-image:none; /* unhighlight current page item, spec 2-2-1 */
}
#header #navigation #nav_list li:hover a.nav_level1_link {
	background: transparent url(../images/common/nav_highlight.png) no-repeat bottom right; /* hovered item, spec 3-2-2 */
}

/* Ribbon */

.add_ribbon #img_ribbon {
	width:968px;
	height:115px;
	background:transparent url(../images/common/ribbon.png) no-repeat;
	position:absolute;
	top:364px;
	z-index:20;
}
.add_ribbon #main_content {
	padding:38px 0 0 0; /* reserve space for ribbon */
}

/* *************** page_container *************** */

#page_container {
	background:transparent url(../images/common/page_content_shadow.png) repeat-y;
	width:968px;
	margin:-11px auto 0 auto;
}

#banner, #main_content {
	width:936px;
	margin:0 auto;
	color:#333;
}

/* *************** Banner *************** */

#banner { height:285px; }

/* *************** Main Content *************** */

h1#serp_title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:1.8em;
	font-weight:normal;
	color:#cc6600;
	background:url(/images/content/header_bullet_blue_triangle_right.png) no-repeat 0 0 transparent;
	margin: 0.6em 0 0 -12px;
	padding: 3px 0 2px 38px;
	line-height: 27px;
}

#main_content {
	position:relative;
	padding: 5px 0 0 0;
}
.dir_home #main_content {
	background:url(/_images/bg_hp_rightshade.png) right top repeat-y transparent;
}
.add_padding {
	padding:0 2px 16px 16px;
}
/* transitional selector while the division_footer is being moved from the .main_content <div> to the .add_padding <div> */
.add_padding > .division_footer { margin-left:11px; }

.content_left_column {
	width:570px;
	float:left;
}
/** begin OLD style **/
.content_right_column {
	width:224px;
	float:right;
	padding:15px 12px 8px 10px;
	background:#f1efeb;
	margin-bottom:25px;
	background:url(/images/background/bg_sidebar.png) 0 0 repeat-y transparent;
	border-radius:6px 0 0 6px ;
}
/** end OLD style **/


/** begin NEW style **

.content_right_column {
	width:220px;
	float:right;
	padding:0 14px 8px 12px;
	background:#f1efeb;
	margin-top:20px;
	margin-bottom:25px;
	background:url(/images/background/bg_sidebar.png) 0 0 repeat-y transparent;
	border-radius:6px 0 0 6px ;
}
** end NEW style **/

.right_column_wrapper {
	float:right;
	margin:0;
	width:247px;
	text-align:left;
}
.right_column_wrapper .lower_right_side a.standout2 {
	float:left;
	margin:0 15px 10px 10px;
}

.content_right_column .content_right_column {
	background: transparent !important;
	border:none;
}
.breadcrumbs {
	padding: 5px 5px 5px 10px;
}
.breadcrumbs img { padding: 0 4px; }

/* *************** Footer *************** */

#footer_2 {
	width:968px;
	margin:0 auto;
	background:transparent url(../images/design01/footer_bottom_shadow.png) no-repeat;
	text-align:center;
	padding:34px 0 20px 0;
	color:#777777;
	font-size:0.92em;
	font-weight:bold;
}
#footer_2 a {
	color:#777777;
	padding:0 4px;
}

/* ================================================================================= */

.italic { font-style:italic; }

/* *************** Content *************** */

ol, ul {
	padding-left:35px;
	margin-top:.8em;
	margin-bottom:1.0em;
}
ol.alpha {list-style-type:lower-alpha;}
ol.caps { list-style-type:upper-alpha; }

li { margin-bottom:7px; line-height:1.35; }
ol.caps > li { margin-bottom: 9px; }

li ul { margin-top:0.4em; margin-bottom:0.7em;} 

ol li ul { margin-top:0.5em; padding-left:30px; }
li ul li { margin-bottom:5px; } 

ul.no_bullets { padding-left:5px; margin-top:.7em; }
ul.no_bullets li { list-style:none; }

p {
	margin:.6em 0 .8em 0;
	line-height:1.5;
	padding-left:2px;
}
.largetext-1 { font-size:105%; }
.largetext-2 { font-size:110%; }
.largetext-3 { font-size:115%; }
.largetext-4 { font-size:120%; }
.largetext-5 { font-size:125%; }
.largetext-6 { font-size:130%; }
.largetext-7 { font-size:135%; }

strong.largetext-1 { color:#111; }

a {
	text-decoration:none;
	color:#0074b8;
}
a:hover {
	text-decoration:underline;
}

.hidden { /* Hide from regular displays.  Screen readers can still read it. */
	display:block;
	position: absolute;
	left: -9999px;
	top: 0;
}

/* *************** Custom styles *************** */

.main_content {
	width:645px;
	margin-left:10px;	
}
.one_column .main_content { width:890px; }

.division_label {
	font-size: 12px;
	font-weight:normal;
	color:#1f70a7;
	padding:12px 0 0 0;
	margin:0 0 0 0;
	display:block;
}
.division_label_home { /* DEFINED IN: Styles-Custom.css */ }

div.division_label a {
	font-size: 12px;
	font-weight:normal;
	display:inline;
	color:#1f70a7;
	margin:0 0 0 0;
	padding:0 0 1px 0;
	background:url(/images/common/bg_division_underline.png) bottom left repeat-x transparent;
}
div.division_label a:hover {
	text-decoration:none;
	background:none;
	border-bottom:solid 1px #0074b8;
	color:#0074b8;
}
p.division_label { padding-top:4px; }

.cleaner {
	clear:both;
	height:2px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	width:auto;
	float:none;
}
.cleaner_left {
	clear:left;
	height:2px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	width:auto;
	float:none;
}
a.pdf_link, .permits .quick_links li.pdf_link a {
	background:url("/images/content/icon_pdf.png") 100% 0 transparent no-repeat;
	padding-right: 17px;
}
.word_link {
	background:url("/images/content/msword.gif") 100% 2px transparent no-repeat;
	padding-right: 16px;
	padding-bottom: 0px;
}
.excel_link {
	background:url("/images/content/excel.gif") 100% 2px transparent no-repeat;
	padding-right: 16px;
	padding-bottom: 0px;
}
.powerpoint_link {
	background:url("/images/content/icon_powerpoint.png") 100% 0 transparent no-repeat;
	padding-right: 22px;
	padding-bottom: 1px;
}
.search_link {
	background:url("/images/icons/icon_magnifier_16x18.png") no-repeat transparent 0 0;
	padding:2px 0 2px 20px;
}
.register_link {
	background:url("/images/icons/icon_register.png") no-repeat transparent 0 0;padding:3px 0 3px 24px;
}
.update_item {
	background:url("/_images/icon_update.png") 100% 3px transparent no-repeat;
	padding-right: 46px;
}
.fillable_form_link {
	background:url("/images/fillable.gif") 100% 0 transparent no-repeat;
	padding-right: 18px;
}
.pdf_link_before {
	background:url("/images/content/icon_pdf.png") 2px 0 transparent no-repeat;
	padding-left: 17px;
	padding-top:1px;
}
.word_link_before {
	background:url("/images/content/msword.gif") 2px 0 transparent no-repeat;
	padding-left: 17px;
}
.excel_link_before {
	background:url("/images/content/excel.gif") 2px 0 transparent no-repeat;
	padding-left: 17px;
}
.new_item_before {
	background:url("/images/content/icon_new.png") 0 1px transparent no-repeat;
	padding-left: 33px;
}
.permits .quick_links li.new_item_before a {
	background:url("/images/content/icon_new_tiny.png") 0 1px transparent no-repeat;
	padding-left: 29px;
}
.update_item_before {
	background:url("/_images/icon_update.png") 0 2px transparent no-repeat;
	padding-left: 46px;
}
.video_link {
	background:url("/images/content/icon_video.png") 100% 0 transparent no-repeat;
	padding-right: 19px;
}
.video_link_before {
	background:transparent url("/images/content/icon_video.png") no-repeat 0 0;
	padding-left:21px;
	padding-bottom:1px;
}
.faq_link {
	list-style-type:none;
	background:url(/images/icons/icon_questionmark_small.png) 0 0 no-repeat transparent;
	padding: 1px 0 3px 19px;
	margin-left:7px;
}
.image_precache { display:none; }

.division_footer {
	position:relative;
	top:25px;
	padding:8px 0 4px 18px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	background:url(/_images/bg_brown_border.png) 0 0 repeat-x #f1efeb;
	width:135%; 
	max-width: 863px;
	margin-top:20px;
}
.division_footer > .left_subcolumn, 
.division_footer > .middle_subcolumn, 
.division_footer > .right_subcolumn 
 { width:33%; float:left; }
.division_footer h3 { color: #605746;margin-top:0;margin-left:0; }

.yesjs { display:none; }

/* == BEGIN Buttons == */

  /** Common Button selectors **/

input.btn-submit {
    border: solid 1px #0a4270;
    background: #1499e7; /* Old browsers */
    background: linear-gradient(to bottom, #1499e7 0%,#1071c3 100%);
    margin:5px 10px 5px 5px;
    padding: 6px 11px 6px 11px;
    border-radius: 12px;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
    font-size: 14px;
    font-family: 'Lucida Grande', Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    vertical-align: middle;
}
input.btn-submit:hover {
    border-color: #28597a;
    background: #1071c3;
}
input.btn-submit:active {
    border-top-color: #1b435e;
    background: #0c548f;
}

	/** link buttons **/
a.btn {
    padding:6px 9px 6px 10px;
    line-height:2.5;
    margin:0 8px 0 0;
    height:17px;
    border-radius:5px;
    color:#fff;
    font-weight:normal;
    white-space:nowrap;
}
a.btn:hover {
    text-decoration:none;
}
a.btn span {
    font-size:120%;
    margin-left:4px;
}

	/** Specific Button selectors **/

a.btn-more { background:#788ea8; }
a.btn-more:hover { background:#536880; }

a.btn-prominent { background:#b08c69; }
a.btn-prominent:hover { background:#7e6143; }

/* --------------------------------- */

.feature_box a.btn {
    margin-left:20px;
}

/* == END Buttons == */