/*
State of California 2012 master template
Version 2013.xx.xx
*/

/* 
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
.ie7 audio, .ie7 canvas, .ie7 video { display: inline; min-width: 1px; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 0.9em; line-height: 1.231; }

body, button, input, select, textarea { font-family: Arial, Helvetica, sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

/* x::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
x::selection { background: #fe57a1; color: #fff; text-shadow: none; } */


/* =============================================================================
   Links
   ========================================================================== */

a { color: #1f70a7; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset.no_border { 
	border: none; 
	margin: 1em 0 1.5em 0;
	padding:.5em 1em .5em 0; }

form input:focus
 {     
	outline: 1px solid #505050; 

 }
	
fieldset { 
	border: thin solid #ccc;
	margin: 1em 0 1.5em 0;
	padding:.5em 1em; }

/* Indicate that 'label' will shift focus to the associated form element */
label { 
	cursor: pointer;
	font-size:1em;	
	font-weight: bold; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

.no_border legend { 
	border: 0;
	padding: 0;
	font-size:1.1em;
	font-weight:bold;
	color:#000;
	white-space:normal; }

legend { 
	border: 0;
	padding: 0;
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	font-size: 1.5em;
	font-weight:normal;
	color: #3786bf;
	white-space:normal; }

.ie7 .no_border legend { 
	font-size: 1em;
	font-weight:bold;
	color:#000; }

.ie7 legend { 
	margin-left: -7px;
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	font-size: 1.5em;
	font-weight:normal;
	color: #3786bf; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
.ie7 button, .ie7 input, .ie7 select, .ie7 textarea { vertical-align: middle; }

button {
	margin-right: 2.5%; }
	
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; }
.ie7 button, .ie7 input { overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

.ie7 table button, .ie7 table input { overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }




.button {
	margin: 10px 2.5% 0 0; 
	padding:1.5% 3%;
	background-color: #3786bf;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow:    0px 1px 1px #aaa;
	-webkit-box-shadow: 0px 1px 1px #aaa;
	box-shadow:         0px 1px 1px #aaa;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	border:none;
	font-size: 1.3em; }

.button_cf:focus {
	outline: thin dotted;
	outline-color: #fff;
}

.disabled_button {
	margin: 10px 2.5% 0 0; 
	padding:1.5% 3%;
	background-color: #ececec;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow:    0px 1px 1px #aaa;
	-webkit-box-shadow: 0px 1px 1px #aaa;
	box-shadow:         0px 1px 1px #aaa;
	color: #777;
	text-decoration: none;
	cursor: pointer;
	border:none;
	font-size: 1.2em; }
	
.button:link, .button:visited {
	color:#fff; }

.button:hover {
	background-color: #4a95cb; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* inline radio button spacing */
input[type="radio"] + label {
	margin-right: 1.5em;
	margin-left: 0.2em; }

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight:normal; }
	
select {
	border: 1px solid #505050;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px; }

.form_field_5, .form_field_10, .form_field_25, .form_field_50, .form_field_75 {
	border: 1px solid #505050;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px; }

.form_field_5 {
	width: 5%; }
	
.form_field_10 {
	width: 10%; }
	
.form_field_25 {
	width: 25%; }
	
.form_field_50 {
	width: 50%; }

.form_field_75 {
	width: 75%; }


input[type=text]:focus,input[type=text]:hover,input[type=text]:active,
select:focus,select:hover,select:active,
textarea:focus,textarea:hover,textarea:active {
	border: 1px solid #0066FF; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ffffcc; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { 
	width: 75%;
	border: 1px solid #505050;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	overflow: auto;
	vertical-align: top;
	resize: vertical; }

@media 
only screen and (max-width: 558px),
(min-device-width: 600px) and (max-device-width: 1024px)  {
.form_field_5 { 
	min-width: 10% !important; }
.form_field_10 { 
	min-width: 45% !important; }
.form_field_25 { 
	min-width: 45% !important; }
.form_field_50 { 
	min-width: 60% !important; }
.form_field_75 { 
	min-width: 88% !important; }
textarea { 
	min-width: 97% !important; }
}

@media 
only screen and (max-width: 488px),
(min-device-width: 480px) and (max-device-width: 1024px)  {
.form_field_5 { 
	min-width: 20% !important; }
.form_field_10 { 
	min-width: 60% !important; }
.form_field_25 { 
	min-width: 60% !important; }
.form_field_50 { 
	min-width: 88% !important; }
.form_field_75 { 
	min-width: 88% !important; }
textarea { 
	min-width: 97% !important; }
}


/* Colors for form validity */
/* input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; } */


/* CUSTOM INPUT AND FORM STYLES */

@media screen { 

.required_indicator {
	font-weight: bold;
	color: #990000; }

.required_indicator:before {
	content: "* "; }

.required_field:before {
	font-weight: bold;
	color: #990000;
	content: "* "; }
	
.required_label {
	position: absolute;
	top: -100px;
	left: 100px; }

.required {
	list-style: inside "*";
	cue-before: "*"; }

.block p {
	clear: left;
	margin: 2.25em 0; }

.instruction {
	padding-left: .5em;
	font-size: .80em;
	color: #666; }

.primary_error {
	margin: 2em 0;
	padding: 1em;
	border: thin solid #ccc;
	background-color: #ececec;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px; }

.primary_error,				
.field_error,
.label_error,
.legend_error {
	font-weight: bold;	
	color: #990000; }

.field_error {
	position: absolute;
	margin-top: 2em; }

.label_error {
	position: absolute
	margin-top: 1.5em; }
	
.legend_error {
	position: absolute;
	margin-top: .15em; 
	font-size: .95em;
	font-weight: bold; }
	
.charCount {
	font-size: .85em;
	font-weight: bold;
	color: #505050;
	margin-top: -1.75em; }
		
.show {
	border: solid 1px #990000;
	background-color: #ececec; }
		
.send_button {
	float:left;
	margin: 2em 1em 1em 0; }

.other_button {
	float:left;
	margin: 2em 1em 1em 1em; }

.subscription_detail {
	position: absolute;
	margin: -3.25em 0 0 44em;
	font-size: .75em;
	font-weight: normal; }

.subscription_list_total {
	border: none;
	width: 5.5em;
	font-size: inherit;
	font-weight: inherit;
	color: #A71F2C; }
	
.subscriber_note {
	float:right;
	margin: 0;
	font-size: .90em;
	font-weight: normal;
	color: #A71F2C; }*/
}




/* =============================================================================
   Tables
   ========================================================================== */

/*table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
*/

/**********  DEFAULT TABLE  **********/
table {
	border-collapse: collapse;
	margin: 10px 0; }
	
table thead th {
	border-bottom: thin solid #ccc;	
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	height: 2.25em; }
	
table thead th a:link {
	color: #fff; }
	
table tbody th {
	text-align:left;
	vertical-align: middle;
	padding: 5px;
	height: 1.5em; }

table.borders tbody th,
table.underline tbody th, 
table.sortable tbody th {
	background-color:#a3d0ee;
	border-bottom: thin solid #ccc;	 }

caption {
	text-align: left; }
	
td {
	vertical-align: top;
	padding: 5px; }

.tfooter td {
	display: none; }
	
table .divide,
table.underline .divide, 
table.sortable .divide,
table.row_header .divide,
table.left_header .divide {
	border-right: solid thin #ccc; }

.primary_heading {
	background-color:#00436b;
	border-bottom: thin solid #ccc;	
	text-align: left;
	vertical-align: middle !important;
	padding: 5px;
	height: 2.25em;
	color: #fff; }

.sub_heading {
	background-color:#a3d0ee;
	border-bottom: thin solid #ccc;	
	height:1.5em;
	padding: 5px;
	vertical-align: middle;
	font-weight: bold; }
	
table td {
	border-collapse:collapse;
	border:none; }


/**********  TABLE WITH BORDERS  **********/
.borders thead th {
	background-color:#00436b;
	border: solid #00436b;
	border-width: 0 1px;
	color: #fff; }

.borders tbody th {
	border: solid #a3d0ee;
	border-width: 0 1px; }
	
.borders tr:nth-child(even) {
	background: #f4f5f6; }

.borders tr:hover {
	background: #ffeace; }

.borders td {
	border: thin solid #ccc;
	padding: 5px; }


/**********  TABLE WITH UNDERLINE  **********/
.underline thead th {
	background-color:#00436b;
	border-bottom: thin solid #ccc;	
	color: #fff; }
	
.underline tr:nth-child(even) {
	background: #f4f5f6; }

.underline tr:hover {
	background: #ffeace; }

.underline td {
	border: solid #ccc;
	border-width: 0 0 1px 0; } 


/**********  TABLE WITH SORTING FUNCTION  **********/
.sortable thead th {
	background-color:#00436b;
	border-bottom: thin solid #ccc;	
	color: #fff; }
	
.sortable tr:nth-child(even) {
	background: #f4f5f6; }

.sortable tr:hover {
	background:#ffeace; }

.sortable td {
	border: solid #ccc;
	border-width: 0 0 1px 0; }


/**********  TABLE WITH COLUMN AND ROW HEADINGS  **********/
.row_header thead th {
	background-color:#00436b;
	border: solid #00436b;
	border-width: 0 1px;
	color: #fff; }

.row_header tbody th {
	border: solid #ccc;
	border-width: 0 0 1px 0;
	vertical-align: top; } 

.row_header tbody th[scope=row] {
	background-color:#00436b;
	color: #fff; }
	
.row_header tr:hover {
	background: #ffeace; }

.row_header td {
	border: solid #ccc;
	border-width: 0 0 1px 0; } 



/**********  RESPONSIVE TABLE  **********/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
/* Force table to not be like tables anymore */
.responsive /*table, thead, tbody, th, tr,*/ td { 
	display: block;  	}
	
.responsive thead,
.responsive th { 
	position: absolute;
	top: -9999px;
	left: -9999px; }

.responsive tfoot td {
	background: #3C9;
	display: none; }
		
.responsive tfoot td:before {
	display: none; }

/* Hide table headers (but not display: none;, for accessibility) */
.responsive thead tr,
.responsive tr, { 
	position: absolute;
	top: -9999px;
	left: -9999px; }
	
.responsive tr { 
	border: 1px solid #ccc; }
	
.responsive td { 
/* Behave  like a "row" */
	border: none;
	position: relative;
	padding-left: 50%;  }
	
.responsive .tfooter td:before {
	display: none; }

.responsive .tfooter td {
	display: inline-block; 
	padding: 2% 20% 2% 1%; }
	
}
	
/* Smartphones (portrait and landscape) ----------- 
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
body { 
	padding: 0; 
	margin: 0; 
	width: 320px; }
}
*/

/* iPads (portrait and landscape) ----------- 
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body { 
	width: 495px; }
}

  */

/*---------------------------------------------*
 *          RIGHT STANDARD NAVIGATION          *
 *---------------------------------------------*/
.right_standard_nav {
	margin: 5%;
	background: #ececec; }

.right_standard_nav a {
	display: block;
	padding: 10px 8px 7px 8px;
	text-decoration: none;
	color: #505050; }

#current {
	padding: 10px 8px 7px 8px;
	background: #e0ecf5; }
	
.right_standard_nav a:visited {
	color: #505050; }
	
.right_standard_nav a:hover {
	background-color: #e0ecf5; }

.right_standard_nav ul {
	margin-left: -16px; }

.right_standard_nav li {
	min-height: 24px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #ccc;
	list-style: none;
	font-stretch: condensed;
	font-weight:normal;
	font-size: 1.25em;
	color: #505050; }
	
.right_standard_nav ul li {
	list-style-type: none;
	margin-left: -1.3em; }

.right_standard_nav li:last-child {
	border-bottom: solid 1px #ccc; }
	
/*----------------------------------------*
 *          NAVIGATION ACCORDION          *
 *----------------------------------------*/
.js #nav_accordion .accordion { 
	display:none; }

#nav_accordion .accordion {
	margin: 38px 5% 10% 5%;
	padding: 0; }

#nav_accordion .accordion .outer {
	border: none;
	background: #fff;
	margin: -14px 0 -27px 0; }
					
#nav_accordion .accordion .inner {
	background: #fff;
	padding: 5px 0;
	margin-left: 0;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #ccc; }
	
#nav_accordion a.trigger {
	display:block;
	height: 24px;
	margin: -18px 0 -16px 0;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	padding: 10px 8px 11px 8px;
	background: #ececec url(/images/content/bullet_gray_disc_down.png) no-repeat 98% center; 
	font-size: .91em;
	color:#505050;
	vertical-align:middle;
	text-decoration: none; }

#nav_accordion .accordion .last {
	background: #fff;
	padding: 5px 0;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #ccc; }

#nav_accordion a.trigger.open {
	display: block;
	margin: -18px 0 -16px 0;
	padding: 10px 8px 11px 8px;
	background-color: #e0ecf5; }

#nav_accordion a.trigger:hover {
	display: block;
	margin: -18px 0 -16px 0;
	padding: 10px 8px 11px 8px;
	background-color: #e0ecf5; }

#nav_accordion .jump_tab a {
	display: block;
	height: 24px;
	margin: -24px 0 -20px 0;
	padding: 10px 8px 9px 8px;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	background: #ececec;
	font-size: .91em;
	font-weight: normal;
	color:#505050;
	text-decoration: none;
	text-align: left; }

#nav_accordion .jump_tab a:hover {
	background-color: #e0ecf5; }

#nav_accordion .accordion li {
	list-style: none; }
	
#nav_accordion .accordion .inner ul li,
#nav_accordion .accordion .last ul li {
	list-style-type: none;
	margin-left: -1.3em; }
	
#nav_accordion .accordion .inner li {
	padding-bottom: 7px; }

#nav_accordion .accordion .inner a {
	text-decoration: none; }

#nav_accordion .accordion .inner a:hover {
	text-decoration: underline; }

#nav_accordion .accordion .h {
	padding-top: 0; } /*vertical padding instead of vertical margin (ie8)*/


/*-------------------------------------*
 *          CONTENT ACCORDION          *
 *-------------------------------------*/
.js #contentAccordion .accordion {
	visibility:hidden; }

#contentAccordion.accordion {
	width:100%;
	margin:0;
	padding:0; }	
	
#contentAccordion li {
	list-style:none; }	

#contentAccordion a.trigger {
	display:block;
	margin:-15px 0;
	border-style:solid;
	border-width:1px 0;
	border-color:#ccc;
	padding:11px 12px 11px 48px; 
	background: #fff url(/images/common/plus_icon.gif) no-repeat 12px center;
	font-size:1.1em;
	color:#1f70a7;
	text-decoration:none; }
	
#contentAccordion a.trigger.open {
	background-image: url(/images/common/minus_icon.gif);}

/*#contentAccordion.accordion .outer {
	border: 1px solid #f00; 
	border-width: 0 0 1px 0; 
	background-color: #FCC; }*/
	
#contentAccordion.accordion .inner {
	background-color:#fff;
	margin-bottom:0;
	padding:0 20px 10px 0;
	position:relative;
	overflow:hidden; }

#contentAccordion .last {
	border-bottom:solid 1px #ccc; }
	
#contentAccordion .accordion .inner a {
	text-decoration: underline; }

#contentAccordion .accordion .inner .inner {
	padding-bottom: 0 }

#contentAccordion .accordion .h {
	padding-top: 0; }*/ /*vertical padding instead of vertical margin (ie8)*/

#contentAccordion .accordion p {
	margin:.5em 1px 1em; }

#contentAccordion ul li {
	list-style-type:disc;
	margin: 0 20px; }
		
#contentAccordion .instruction {
	position: absolute;
	margin: 0;
	font-size: .9em;
	font-weight: normal;
	color: #777; }

#contentAccordion .accordion h5 {
	background: none;
	color: #505050;
	font-size: 1.1em;
	padding: 0;
	margin: .75em 0; }	
	
/*#contentAccordion .accordion li div.last-child {
	margin-left:19px; 
	list-style-type:disc; }*/

#contentAccordion h3 {
	margin-bottom: 0.5em;
	padding-left: 0; }
	
#contentAccordion dl {
	margin-top: 0; }
	
#contentAccordion dt {
	margin-top: 1em;
	margin-bottom: 0; }
	
#contentAccordion dd {
	margin: 0 0 0.5em 0;
	padding-left: 0; }



/* ==============================
   ECOM ORIGINAL STYLES 
   ============================== */
.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=60);
	opacity: 0.6; }

.modalPopup {
	z-index: 35;
	background-color: #fff;
	border: solid 3px #000000;
	padding: 5px;
	width: 45em; }

.Required {
  min-width: 1em;
  color: #990000;
  font-weight: bold; }

.SmallText {
	display: block;
	font-size: 75%;
	margin-bottom: .35em; }

.ErrorText {
  color: #990000;
  display: block;
  font-weight: bold; }

.HeaderText {
	font-weight: bold;
	display: block;
	padding-top: .50em;
	padding-bottom: .15em; }


.Confirmation {
	font-weight: bold;
	color: Green;
	font-size: 1.25em; }

.ReviewRow {
	display: block;
	clear: both; }

.FieldWidth20 {
	min-width: 20em;
	float: left; }

.FieldWidth20B {
	min-width: 20em;
	float: left;
	font-weight: bold; }

#SiteButton a {
	background: transparent url('/master/images/button-right.gif') no-repeat scroll top right;
	display: block;
	float: left;
	height: 25px;
	margin-right: 4px;
	padding-right: 11px;
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer; }

#SiteButton a span {
	background: transparent url('/master/images/button-left.gif') no-repeat;
	display: block;
	line-height: 12px;
	padding: 7px 0 5px 12px; }

#SiteButton a:hover {
	background: transparent url('/master/images/button-right-hover.gif') no-repeat scroll top right;
	display: block;
	float: left;
	height: 25px;
	margin-right: 4px;
	padding-right: 11px;
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer; }

#SiteButton a:hover span {
	background: transparent url('/master/images/button-left-hover.gif') no-repeat;
	display: block;
	line-height: 12px;
	padding: 7px 0 5px 12px; }

#SiteButton a.Buttons {
	margin-top: .5em;
	text-decoration: none; }

#SiteButton a.Buttons:Hover {
	color: #000000; }

#SiteButton a.FormButtons span {
	width: 15em; }

#SiteButton a.FormButtons {
	margin-top: .5em;
	text-decoration: none; }

#SiteButton a.FormButtons:Hover {
	color: #000000; }

#SiteButton a.LongButton45 span {
	width: 45em; }

#SiteButton a.LongButton50 span {
	width: 50em; }

#SiteButton a.LongButton50 {
	margin-top: .5em;
	text-decoration: none; }

#SiteButton a.LongButton50:Hover {
	color: #000000; }


#SiteButton a.LongButton43 span {
	width: 43em; }

#SiteButton a.LongButton43 {
	margin-top: .5em;
	text-decoration: none; }

#SiteButton a.LongButton43:Hover {
	color: #000000; }

#SiteButton a.LongButton40 span {
	width: 40em; }

#SiteButton a.LongButton40 {
	margin-top: .5em;
	text-decoration: none; }

#SiteButton a.LongButton40:Hover {
	color: #000000; }

#SiteButton a.LongButton30 span {
	width: 30em; }

#SiteButton a.LongButton30 {
	margin-top: .5em;
	text-decoration: none; }

#SiteButton a.LongButton30:Hover {
	color: #000000; }

#SiteButton a.LongButton20 span {
	width: 20em; }

#SiteButton a.LongButton20 {
	margin-top: .5em;
	text-decoration: none; }

#SiteButton a.LongButton20:Hover {
	color: #000000; }

.NewButton a {
	background: transparent url('/master/images/button-right.gif') no-repeat scroll top right;
	display: block;
	float: left;
	height: 25px;
	margin-right: 4px;
	padding-right: 11px;
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer; }

.NewButton a span {
	background: transparent url('/master/images/button-left.gif') no-repeat;
	display: block;
	line-height: 12px;
	padding: 7px 0 5px 12px; }

.NewButton a:hover {
	background: transparent url('/master/images/button-right-hover.gif') no-repeat scroll top right;
	display: block;
	float: left;
	height: 25px;
	margin-right: 4px;
	padding-right: 11px;
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer; }

.NewButton a:hover span {
	background: transparent url('/master/images/button-left-hover.gif') no-repeat;
	display: block;
	line-height: 12px;
	padding: 7px 0 5px 12px; }

.NewButton a.Buttons {
	margin-top: .5em;
	text-decoration: none; }

.NewButton a.Buttons:Hover {
	color: #000000; }

.NewButton a.FormButtons span {
	width: 15em; }

.NewButton a.FormButtons {
	margin-top: .5em;
	text-decoration: none; }

.NewButton a.FormButtons:Hover {
	color: #000000; }

.NewButton a.LongButton45 span {
	width: 45em; }

.NewButton a.LongButton50 span {
	width: 50em; }

.NewButton a.LongButton50 {
	margin-top: .5em;
	text-decoration: none; }

.NewButton a.LongButton50:Hover {
	color: #000000; }


.NewButton a.LongButton43 span {
	width: 43em; }

.NewButton a.LongButton43 {
	margin-top: .5em;
	text-decoration: none; }

.NewButton a.LongButton43:Hover {
	color: #000000; }

.NewButton a.LongButton40 span {
	width: 40em; }

.NewButton a.LongButton40 {
	margin-top: .5em;
	text-decoration: none; }

.NewButton a.LongButton40:Hover {
	color: #000000; }

.NewButton a.LongButton30 span {
	width: 30em; }

.NewButton a.LongButton30 {
	margin-top: .5em;
	text-decoration: none; }

.NewButton a.LongButton30:Hover {
	color: #000000; }

.NewButton a.LongButton20 span {
	width: 20em; }

.NewButton a.LongButton20 {
	margin-top: .5em;
	text-decoration: none; }

.NewButton a.LongButton20:Hover {
	color: #000000; }

legend.Accessible
{
	font-size: 1em;
	color: Black;
	margin: 0 0 0 0em; }


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.ie7 .clearfix { min-width: 1px; }
.ie8 .clearfix:before, .ie8 .clearfix:after { display:inline; } /* fix for extra space in IE8 */

/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */


header, #main_content, footer {
	min-width:320px;
}

header {
	background-size: cover;
	background-color: #fff;
	position:relative;
	z-index:10;
}
.home header {
	min-height:0;
	background-position:40% 40%;
}
header a, header a:link,  header a:visited, header a:hover, .submit_container input {
	color: #fff; /* needed when images are turned off */
}

.logo_and_banner {
	margin:0 118px 0 59px; /* make room for buttons on left and right */
}
.head_cagov_logo { /* 94 x 74 */
	display:none;
}
.head_organization_banner { /* 269 x 39 */
	position:relative;
	/* margin:0 auto;
	top:0px;
	width:100%; */
	height:69px;
	line-height:69px; /* vertically centers the image */
	text-align:center;
}
.head_organization_banner img {
	max-width:100%;
	max-height:100%;
}
.phone_hdr {
	height:69px;
	margin-bottom:2px;
}

/* Search */

#head_search {
	position:relative;
	padding:5px 0% 5px 2%;
	display:none;
}
.home #head_search {
	padding:12px 0% 12px 4%;
}
#head_search.phone_show_search {
	display:block;
}

.textfield_container {
	margin-right:54px;
}
.home .textfield_container {
	margin-right:120px;
}
#search_local_textfield {
	width:100%;
	padding:2px;
	background-color: rgba(255, 255, 255, 0.8);
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 1.1em;
	border:2px solid transparent;
}
.home #search_local_textfield {
	padding:16px;
}
.submit_container {
	position:absolute;
	top:-3px;
	right:4px;
	width:40px;
	height:40px;
}
.submit_container:hover {
	background-position:0 100%;
}

.submit_container input:focus {
				outline: thin dotted;
				outline-color: #fff;
}

.home .submit_container {
	top:8px;
	right:8px;
	width:60px;
	height:60px;
}
.submit_container input {
	width:40px;
	height:40px;
	border: none;
	background-color: transparent;
	font-size:1.8em;
	color:#fff;
	padding:0;
}
.home .submit_container input {
	width:60px;
	height:60px;
	font-size:2.6em;
}
.submit_container input:hover {
	text-shadow: 0 0 0.2em #ce770e, 0 0 0.2em #ce770e;
}

/* Navigation */

#navigation {
	width:100%;
	z-index:20;
	height:0px;
	overflow:hidden;
	position:relative;
}
.ie7 #navigation {
	height:auto;
	overflow:visible;
}
#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#navigation li {
	padding:0;
	margin-bottom:2px;
}

#navigation li li {
	width:auto;
	margin-bottom:0;
}

#navigation a.nav_level1_link {
	text-align:center;
	padding:13px 0;
	text-decoration:none;
	position:relative;
	display:table;
	margin:auto;
	color: #fff;
	font-size: 1.21em;
	font-weight:bold;
	white-space:nowrap; /* fix IE8 comp mode issue where nav text wraps */
}

.highlighted_nav_item a.nav_level1_link {
	text-shadow: 0 0 0.2em #ce770e, 0 0 0.2em #ce770e;
}
#navigation #nav_list.unhighlight_nav_item a.nav_level1_link {
	text-shadow:none;
}
header #navigation #nav_list li:hover a.nav_level1_link {
	text-shadow: 0 0 0.2em #ce770e, 0 0 0.2em #ce770e;
}

#nav_home_container {
	position:absolute;
	top:2px;
	left:50%;
	margin-left:-20px;
	height:40px;
	width:40px;
	font-size:30px;
}
#nav_home_container + img {
	width:40px;
	height:1px;
}
.nav_panel {
	display:none;
}

#nav_list {
	position:absolute;
	width:100%;
	bottom:0;
}
.ie7 #nav_list {
	position:static;
}

.phone_hd_left {
	position:relative;
	float:left;
	z-index:10;
}

.phone_hd_right {
	top:0;
	right:0;
	position:absolute;
	z-index:10;
	width:118px; /* 6+47+6+6+47+6 = 118 */
}
.phone_hd_left a, .phone_hd_right a {
	float:left;
	cursor:pointer;
}
.p_h_button {
	width:39px;
	height:32px;
	border-radius:3px;
	border:1px solid rgba(255,255,255,0.2);
	background-color:rgba(255,255,255,0.1);
	text-align:center;
	margin:16px 0 0 10px;
	text-decoration:none;
}

.p_h_button .add_icon_font_ftb {
	font-size:32px; }
	
.p_h_button .add_icon_font_normal {
	font-size:28px;
}
.p_h_btn_highlight {
	border:1px solid rgba(206,119,14,.5);
	box-shadow: 0 0 0.2em #ce770e;
}

.hide_from_phones {
	display:none;
}

.search_link {
	text-align:right;
	margin: 5px 46px 0 0;
	font-size: .80em; }

.search_link a {
	text-decoration:none; }

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
.search_link { 
	display: none;  	}
}


.search_link {
	text-align:right;
	margin: 5px 46px 0 0;
	font-size: .80em; }

.search_link a {
	text-decoration:none; }


/* content structure */

#main_content {
	background:#fff url(/responsive/images/nav_shadow.png) repeat-x;
}
.ie7 #main_content {
	background:#fff;
}

#search_local_textfield:focus {
	outline: thin dotted;
	outline-color: #fff;
}

.content_left_column {
	min-height:100px;
	background:transparent url(/responsive/images/nav_shadow.png) repeat-x;
	margin:0;
	padding:1px 0 20px 0;
}
.content_right_column {
	min-height:100px;
	padding:20px 0 20px 0;
}

/* Footer */

footer {
	color:#ffffff;
	text-align:center;
	padding-top:18px;
	box-shadow: inset 0 10px 6px -6px rgba(0,0,0,.3);
	line-height:2;
    
}

.rgba footer {
	color: rgba(255, 255, 255, 0.85);
}

footer a, footer a:hover, footer a:visited {
	color:#fff;

}
footer div {
	padding-bottom:0.8em;
}
footer a {
	padding:2px 1.4%;
	margin-right:8px;
	background-color: rgba(255, 255, 255, 0.15);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	white-space: nowrap;
    text-decoration:none;
}

.social_media {
	margin:10px 0 0 0; }
	
.social_media a {
	background: none;
	padding: 0;
	margin-right: 8px; }

.social_media a img {
	margin-bottom:12px; }	
	
#background_decorative {
	display:none;
}

#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 {
	top:0px;
	width:auto;
	height:auto;
	color:#00f;
	background:#fff;
	padding:1px 2px;
}

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

.add_padding {
	padding:16px 4%;
}
.ie7 .add_padding {
	padding:26px 4%;
}
.add_maincontent_padding {
	padding:16px 1% 16px 1%;
}
.add_side_padding {
	padding:0 4%;
}
.add_topbottom_padding {
	padding:16px 0;
}
.right_align {
	float: right;
	margin-bottom: 10px; 
}	

.right_align img {
	margin: 1em 0;
	vertical-align: middle; 
}	


h1 {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	font-weight:normal;
	color:#c60;
	font-size:2em;
}
h2 {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	font-weight:normal;
	color:#666;
	font-size:1.8em;
}
h3 {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	font-weight:normal;
	color:#333;
	font-size:1.6em;
	border-bottom:2px solid #bcbcbc;
}

#CF h3 {
	font-size: 1.375em;
	font-weight: bold;
	color: #1f70a7; 
	background:transparent url(/images/content/bullet_green_check.png) no-repeat 0px 4px;
	padding: 7px 0 0 30px; 
	margin: 5px 0 0 42px;
	border-bottom:none; 
}	
	
h4 {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	font-weight:normal;
	color:#333;
	font-size:1.4em;
	border-bottom:2px dotted #cccccc;
}

h5 {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	font-weight:normal;
	color:#fff;
	font-size:1.3em;
	background:#473723;
	text-align:center;
	padding:6px 0;
}

.add_icon_blue_arrow_down {
	background:transparent url(/responsive/images/icon_blue_arrow_down.png) no-repeat top left;
	padding-left:40px;
}
.add_icon_blue_arrow_right {
	background:transparent url(/responsive/images/icon_blue_arrow_right.png) no-repeat top left;
	padding-left:40px;
}
.add_icon_blue_star {
	background:transparent url(/responsive/images/icon_blue_star.png) no-repeat top left;
	padding-left:40px;
}

.add_icon_brown_road, .add_icon_brown_arrow_right, .add_icon_brown_arrow_up, .add_icon_brown_i, .add_icon_brown_links, .add_icon_brown_rss,
.add_icon_black_asterisk,
.add_icon_orange_arrow_right, .add_icon_orange_rss, .add_icon_orange_star, .add_icon_orange_i, .add_icon_orange_links, .add_icon_orange_onlineforms,
.add_icon_orange_onlineservices, .add_icon_orange_road {
	background-repeat:no-repeat;
	background-position:20px 50%;
	padding-left:50px;
	padding-right:50px;
	min-height:30px;
}

.add_icon_brown_road {
	background-image:url(/responsive/images/icon_brown_road.png);
}
.add_icon_brown_arrow_right {
	background-image:url(/responsive/images/icon_brown_arrow_right.png);
}
.add_icon_brown_arrow_up {
	background-image:url(/responsive/images/icon_brown_arrow_up.png);
}
.add_icon_brown_i {
	background-image:url(/responsive/images/icon_brown_i.png);
}
.add_icon_brown_links {
	background-image:url(/responsive/images/icon_brown_links.png);
}
.add_icon_brown_rss {
	background-image:url(/responsive/images/icon_brown_rss.png);
}

.add_icon_black_asterisk {
	background-image:url(/responsive/images/icon_black_asterisk.png);
}

.add_icon_orange_arrow_right {
	background-image:url(/responsive/images/icon_orange_arrow_right.png);
}
.add_icon_orange_rss {
	background-image:url(/responsive/images/icon_orange_rss.png);
}
.add_icon_orange_star {
	background-image:url(/responsive/images/icon_orange_star.png);
}
.add_icon_orange_i {
	background-image:url(/responsive/images/icon_orange_i.png);
}
.add_icon_orange_links {
	background-image:url(/responsive/images/icon_orange_links.png);
}
.add_icon_orange_onlineforms {
	background-image:url(/responsive/images/icon_orange_onlineforms.png);
}
.add_icon_orange_onlineservices {
	background-image:url(/responsive/images/icon_orange_onlineservices.png);
}
.add_icon_orange_road {
	background-image:url(/responsive/images/icon_orange_road.png);
}

.container_marketing_image {
	position:relative; }

.container_marketing_image img {
	width:100%; }
	
.marketing_text-home {
	position:absolute;
	top:1px;
	left:1px; }
	
.marketing_text-home h1 {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	margin:9px 0 0 18px;
	font-size:48px;
	font-weight:bold;
	font-stretch:extra-condensed;
	color:#fff; }	

.marketing_text-home p {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	margin:-10px 0 0 20px;
	font-size:26px;
	font-weight:normal;
	font-stretch:extra-condensed;
	color:#fff; }
	
.container_marketing_buttons_home {
	min-width:31%;
	position:absolute;
	margin:-161px 0 0 20px; }	

.marketing_text {
	position:absolute;
	top:-3px;
	left:25px; }

.marketing_text h1 {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-size:39px;
	font-weight:bold;
	font-stretch:extra-condensed;
	color:#fff; }
	
.marketing_text p {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	margin-top:-30px;
	font-size:23.5px;
	font-weight:normal;
	font-stretch:condensed;
	color:#fff; }

#CF p {
	font-size: 1.05em;
	color: #6d6d6d;
	margin: 0 0 0 40px;
	padding-left: 32px; }

.calfile_marketing_intro {
	font-size: 1.15em;
	color: #1f70a7;
	margin:-15px 0 40px 0; }
	
.container_marketing_buttons {
	min-width:31%;
	position:absolute;
	margin:-67px 0 0 25px;
	/*margin:-4.25% 0 0 25px;*/ }	


@media 
only screen and (max-width: 1255px),
(min-device-width: 1263px) and (max-device-width: 1024px)  {
.container_marketing_buttons_home {
	position:relative;
	max-width:65%;
	margin-top:-18%; }
.container_marketing_buttons {
	position:relative;
	max-width:65%;
	margin-top:-9%; }
.marketing_text {
	position:absolute;
	top:0;
	left:25px; }
.marketing_text h1 {
	font-size:29px; }
.marketing_text-home p {
	font-size:20px; }
.marketing_text p {
	font-size:20px;
	padding-top:8px; }
}

@media 
only screen and (max-width: 990px),
(min-device-width: 998px) and (max-device-width: 1024px)  {
.container_marketing_buttons_home {
	position:relative;
	max-width:90%;
	margin-top:-12%; }
.container_marketing_buttons {
	position:relative;
	max-width:100%;
	margin:3% 0 0 0; }
.marketing_text-home p {
	font-size:16px; }
.button_cf,
.button_marketing_1,
.button_marketing_2 {
	border-style:solid;
	border-color:#aaa;
	border-width:1px 1px 0 1px; }
}

@media 
only screen and (max-width: 480px),
(min-device-width: 488px) and (max-device-width: 1024px)  {
.container_marketing_image {
	border:solid 1px #aaa;
	height:95px; }
.container_marketing_image img {
	display:none; }
.container_marketing_buttons_home {
	position:relative;
	margin:0;
	max-width:100%; }
.container_marketing_buttons {
	position:relative;
	margin:0; }
.marketing_text-home h1 {
	font-size:38px; 
	color:#154877;}
.marketing_text-home p {
	font-size:15px;
	color:#154877;
	padding-top:8px; }
.marketing_text h1 {
	margin-top:8px;
	font-size:38px;
	color:#154877; }
.marketing_text p {
	font-size:15px;
	color:#154877;
	padding-top:3px; }
.button_cf,
.button_marketing_2 {
	float:left;
	margin-bottom:8px; }
}

.container_style_a {
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow:hidden;
	margin-bottom:1em;
}
.container_style_a h4 {
	color:white;
	font-weight:bold;
	margin:0 0 .8em 0;
	padding:4px 12px;
}

.container_style_b {
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow:hidden;
	margin-bottom:1em;
}
.container_style_b h4 {
	color:#473f2c;
	font-weight:bold;
	margin:0 0 .8em 0;
	padding:4px 12px 6px 12px;
}

.container_style_c {
	border:1px solid #ccc;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow:hidden;
}
.container_style_c h4 {
	color:#473f2c;
	font-weight:bold;
	margin:0 0 .8em 0;
	padding:4px 12px;
}

.container_style_d h5 {
	position:relative;
	-moz-box-shadow:    0px 3px 3px #aaa;
	-webkit-box-shadow: 0px 3px 3px #aaa;
	box-shadow:         0px 3px 3px #aaa;
	margin:0 0 .8em 0;
}
.style_d_triangle {
	width:32px;
	height:21px;
	position:absolute;
	bottom:-21px;
	left:50%;
	margin-left:-16px;
}

.container_style_e h5 {
	color:#333333;
	-moz-box-shadow:    0px 3px 3px #aaa;
	-webkit-box-shadow: 0px 3px 3px #aaa;
	box-shadow:         0px 3px 3px #aaa;
	margin:0 0 .8em 0;
}

.container_style_myftb_login {
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	overflow:hidden; }
	
.container_style_myftb_login a {
	padding:1.75% 5%;
	margin-right:8px;
	background-color: rgba(80, 80, 80, 0.15);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	white-space: nowrap; }
	
.container_style_myftb_login h4 {
	color:#473f2c;
	font-weight:bold;
	text-align: center;
	margin: 0 0 .8em 0;
	padding:4px 12px 6px 12px; }
	
.container_style_livechat {
	margin: 10% 5%;
	text-align:center; }

.container_style_timer h5 {
	color:#333333;
	-moz-box-shadow:    0px 3px 3px #aaa;
	-webkit-box-shadow: 0px 3px 3px #aaa;
	box-shadow:         0px 3px 3px #aaa;
	margin:0 0 .8em 0; }

.container_accessible_timer {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	font-weight:normal;
	color:#154877;
	font-size:1.3em;        
	background:#eef3f7;
	text-align:center;
	padding:6px 0;
	border-top:2px solid #333333;
	border-bottom:2px solid #333333;
	-moz-box-shadow:    0px 3px 3px #aaa;
	-webkit-box-shadow: 0px 3px 3px #aaa;
	box-shadow:         0px 3px 3px #aaa;
	margin:0 0 .8em 0; }

.container_style_right_global_nav h5 {
	color: #333333;
	margin: 0 0 5% 0;	}

.container_style_right_global_nav a {
	padding: 0 .8em; }
				
.container_style_warning  {
	z-index: 99;
	visibility: visible;
	vertical-align: middle;
	position: fixed;
	top: 50%;
	left: 0%;
	margin: 0 33% 25% 33%;
	min-width: 33%;
	width: auto;
	background:#eef3f7;
	border:1px solid #ccc;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow:hidden;
	text-align:center;
	display:block; }
	
.hide_warning {
	visibility: hidden;
	z-index: -1; }
		
.hide {
	width: 0%;
	height: 0%;
	display: none;	
	visibility: hidden;
	z-index: -1; }

.show {
	width: 100%;
	height: 100%;
	visibility: visible;
	display: block;
	z-index: 0; }
	
.container_style_warning h4 {
	color:#473f2c;
	text-align: center;
	font-weight:bold;
	margin:0 0 .8em 0;
	padding:4px 12px; }

.container_style_warning p {
	text-align: center; }

.container_style_warning a {
	padding:1.4%;
	margin-right:8px;
	background-color: rgba(80, 80, 80, 0.15);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	white-space: nowrap; }

.container_style_25 {
	min-width:21.25%;
	max-width:21.25%;
	width: auto;
	float:left;
	margin-right:3.5%;
	overflow:hidden;
	margin-bottom: 1em; }

.container_style_33 {
	min-width:29.5%;
	max-width:29.5%;
	width:auto;
	float:left;
	margin-right:3.5%;
	overflow:hidden;
	margin-bottom:1em; }

.container_style_33 h1, 
.container_style_33 h2 {
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 5px; }

.container_style_33 h1 img {
	margin-top: -2px;
	padding-right: .25em; }

.container_style_33 .list_style_2, .list_style_2 ul {
	list-style-type:none;
	padding-left:0; }

.container_style_33 .list_style_2 li {
	padding:0 0 16px 18px;
	margin-left: 0; }	

.container_style_33 a {
	text-decoration: none; }	

.container_style_33 a:hover {
	text-decoration: underline; }

.container_style_50 {
	min-width:46%;
	max-width:46%;
	width: auto;
	float:left;
	margin-right:3.5%;
	overflow:hidden;
	margin-bottom:1em; }
	
	.container_style_50 blockquote {
	text-align:center;
	font-size: 1.1em;
	line-height: 105%;
	font-style:italic;
	color: #1f70a7; }
	
.container_style_50 h2 {
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 5px; }

.container_style_66 {
	min-width:62.5%;
	max-width:62.5%;
	width: auto;
	float:left;
	margin-right:3.5%;
	overflow:hidden;
	margin-bottom:1em; }
	
.container_style_ecom_25 {
	min-width:23%;
	max-width:23%;
	width: auto;
	float:left;
	margin-right:1%;
	overflow:hidden;
	margin-bottom:1em; }

.container_style_ecom_33 {
	min-width:31%;
	max-width:31%;
	width: auto;
	float:left;
	margin-right:1%;
	overflow:hidden;
	margin-bottom:1em; }

.container_style_ecom_50 {
	min-width:48%;
	max-width:48%;
	width: auto;
	float:left;
	margin-right:1%;
	overflow:hidden;
	margin-bottom:1em; }
	
.container_style_ecom_end 
	{
		clear:both;
		float:none;
	}
	
.locator_labels {
	width:33%;
	line-height: 2.5em;
	float:left; }
	
.locator_selections {
	width:60%;
	vertical-align:top;
	float:right; }
	

@media 
only screen and (max-width: 1067px),
(min-device-width: 1075px) and (max-device-width: 1024px)  {
.container_style_ecom_25,
.container_style_25 { 
	min-width: 100% !important; }
}

@media 
only screen and (max-width: 1000px),
(min-device-width: 1008px) and (max-device-width: 1024px)  {
.container_style_ecom_33,
.container_style_33 { 
	min-width: 100% !important; }
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
.container_style_ecom_50,
.container_style_50,
.container_style_66 { 
	min-width: 100% !important; }
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) 
{
	.container_style_warning { 
	min-width: 100% !important;
	margin: 0%; }
}

div.container_style_a .add_padding, div.container_style_b .add_padding, div.container_style_c .add_padding, div.container_style_d .add_padding, div.container_style_e .add_padding {
	padding:0 12px;
}

/* Blue disc for bullets, bold links */
.list_style_1 {
	list-style-type:none;
	padding-left:10px;
}
.list_style_1 li {
	background:transparent url(/responsive/images/bullet_blue_disc.png) no-repeat 0px 2px;
	padding:0 0 14px 18px;
}
.list_style_1 a {
	font-weight:bold;
}
.list_style_1 div {
	margin:.4em 0 0 0;
}

/* Blue disc for bullets, normal links */
.list_style_2, .list_style_2 ul {
	list-style-type:none;
	padding-left:10px;
}
.list_style_2 li {
	background:transparent url(/responsive/images/bullet_blue_disc.png) no-repeat 0px 2px;
	padding:0 0 16px 18px;
}
.list_style_2 li li {
	margin:6px 0 0 0;
	padding:0 0 0 18px;
}

/* Gray arrow for bullets */
.list_style_3 {
	list-style-type:none;
	padding-left:10px;
}
.list_style_3 li {
	background:transparent url(/responsive/images/bullet_gray_arrow.png) no-repeat 0px 0px;
	padding:4px 0 14px 18px;
}

.featured_narrative {
	width:90%;
	margin:0 auto;
	padding:.5em;
	border-top:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
	font-style:italic;
	line-height:1.5;
}

.media_caption {
	border:1px solid #d6d6d6;
	font-size:.8em;
}
.media_caption img {
	width:100%;
}
.media_caption div {
	padding:.5em;
}

.cleaner { /* Needed for Dreamweaver wysiwyg editor. Otherwise use clearfix. */
	clear:both;
	height:2px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	width:auto;
	float:none;
}

/* Google Custom Search */
.gs-image-box {
	display:none; /* The thumbnails that Google displays are usually irrelevent, so just hide them */
}

/*--------------------------------------- Executive banners --------------------------------------*/

.container_style_banner {
	border:1px solid rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow:hidden;	
	margin:0em 1em 1em 1em;
}

.container_banner_image {
	background: url(../images/banner/banner-guy.png) no-repeat bottom right;
}

.container_banner_image2 {
	background: url(../images/banner/banner-gal.png) no-repeat bottom right;
}

.banner_subtitle {
	color:#473f2c;
	font-size:.9em;
	margin:0 30px .2em 0;
	padding:4px 35px 2px 10px;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#20000000,endColorStr=#00000000, GradientType=1);
}

.banner_subtitle2 {
	color:#473f2c;
	font-size:.9em;
	margin:0 0px .2em 0;
	padding:4px 0px 2px 10px;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#20000000,endColorStr=#00000000, GradientType=1);
}

.banner_link {
	font-weight:100;
	color:#473f2c;
	font-size:.7em;
	margin:0;
	padding-left:12px;
	padding-bottom:10px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.banner_title {
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	font-weight:bold;
	color: #5A5A5A;
	font-size:1.2em;
	padding-right:70px;
	padding-left:10px;
}

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

/* ---- Icon fonts - start ---- */
@font-face {
	font-family: 'icomoon';
	src: url('/responsive/fonts/icomoon.eot?1pz1t7');
	src: url('/responsive/fonts/icomoon.eot?#iefix1pz1t7') format('embedded-opentype'), url('/responsive/fonts/icomoon.woff?1pz1t7') format('woff'), url('/responsive/fonts/icomoon.ttf?1pz1t7') format('truetype'), url('/responsive/fonts/icomoon.svg?1pz1t7#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.add_icon_font_ftb {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

.icon-user:before {
	content: "\e600"; 
}

@font-face {
	font-family: 'CaGov';
	src: url('/responsive/fonts/CaGov.eot'); /* IE9 Compat Modes */
	src: url('/responsive/fonts/CaGov.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/responsive/fonts/CaGov.woff') format('woff'), /* Modern Browsers */ url('/responsive/fonts/CaGov.ttf') format('truetype'), /* Safari, Android, iOS */ url('/responsive/fonts/CaGov.svg') format('svg'); /* Legacy iOS */
}

.add_icon_font_normal, .add_icon_font_heading {
	font-family: 'CaGov';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.add_icon_font_heading {
	float:left;
	width:0;
	text-transform: none;
	line-height: 1;
}
.add_icon_font_heading { /* add icon to h1/2/3/4 */
	margin-left:-40px;
	padding:0 35px 0 0;
	font-size:34px;
}

.container_style_a .add_icon_font_heading, .container_style_b .add_icon_font_heading, .container_style_c .add_icon_font_heading { /* add icon to container_style_a/b/c */
	margin:-3px 35px 0 0;
	padding:1px 0 0 0;
	font-size:28px;
}

.container_style_d .add_icon_font_heading, .container_style_e .add_icon_font_heading { /* add icon to container_style_d/e */
	margin:-4px 0 0 0;
	padding:0 0 0 19px;
	font-size:29px;
}
.container_style_e .add_icon_font_heading {
	font-size:30px;
}

.icon-user:before {
	content: "\e600"; 
}
.ca-gov-icon-Ca-Gov-Logo:before {
	content: "\e600";
}
.ca-gov-icon-Ca-Gov-Home:before {
	content: "\e601";
}
.ca-gov-icon-Ca-Gov-Menu:before {
	content: "\e602";
}
.ca-gov-icon-Ca-Gov-Apps:before {
	content: "\e603";
}
.ca-gov-icon-Ca-Gov-Search:before {
	content: "\e604";
}
.ca-gov-icon-Ca-Gov-Chat:before {
	content: "\e605";
}
.ca-gov-icon-Ca-Gov-Capitol:before {
	content: "\e606";
}
.ca-gov-icon-Ca-Gov-State:before {
	content: "\e607";
}
.ca-gov-icon-Ca-Gov-Phone:before {
	content: "\e608";
}
.ca-gov-icon-Ca-Gov-eMail:before {
	content: "\e609";
}
.ca-gov-icon-Ca-Gov-Calendar:before {
	content: "\e60a";
}
.ca-gov-icon-Ca-Gov-Bear:before {
	content: "\e60b";
}
.ca-gov-icon-Law-Enforcement:before {
	content: "\e60c";
}
.ca-gov-icon-Justice-Legal:before {
	content: "\e60d";
}
.ca-gov-icon-At-Sign:before {
	content: "\e60e";
}
.ca-gov-icon-Attachment:before {
	content: "\e60f";
}
.ca-gov-icon-Zipped-File:before {
	content: "\e610";
}
.ca-gov-icon-PowerPoint:before {
	content: "\e611";
}
.ca-gov-icon-Excel:before {
	content: "\e612";
}
.ca-gov-icon-Word:before {
	content: "\e613";
}
.ca-gov-icon-PDF:before {
	content: "\e614";
}
.ca-gov-icon-Share:before {
	content: "\e615";
}
.ca-gov-icon-Facebook:before {
	content: "\e616";
}
.ca-gov-icon-LinkedIn:before {
	content: "\e617";
}
.ca-gov-icon-YouTube:before {
	content: "\e618";
}
.ca-gov-icon-Twitter:before {
	content: "\e619";
}
.ca-gov-icon-Pinterest:before {
	content: "\e61a";
}
.ca-gov-icon-Vimeo:before {
	content: "\e61b";
}
.ca-gov-icon-Instagram:before {
	content: "\e61c";
}
.ca-gov-icon-Flickr:before {
	content: "\e61d";
}
.ca-gov-icon-Microsoft:before {
	content: "\e61e";
}
.ca-gov-icon-Apple:before {
	content: "\e61f";
}
.ca-gov-icon-Android:before {
	content: "\e620";
}
.ca-gov-icon-Computer:before {
	content: "\e621";
}
.ca-gov-icon-Tablet:before {
	content: "\e622";
}
.ca-gov-icon-Smartphone:before {
	content: "\e623";
}
.ca-gov-icon-Roadways:before {
	content: "\e624";
}
.ca-gov-icon-Travel-Car:before {
	content: "\e625";
}
.ca-gov-icon-Travel-Air:before {
	content: "\e626";
}
.ca-gov-icon-Truck-Delivery:before {
	content: "\e627";
}
.ca-gov-icon-Construction:before {
	content: "\e628";
}
.ca-gov-icon-Bar-Chart:before {
	content: "\e629";
}
.ca-gov-icon-Pie-Chart:before {
	content: "\e62a";
}
.ca-gov-icon-Graph:before {
	content: "\e62b";
}
.ca-gov-icon-Server:before {
	content: "\e62c";
}
.ca-gov-icon-Download:before {
	content: "\e62d";
}
.ca-gov-icon-Cloud-Download:before {
	content: "\e62e";
}
.ca-gov-icon-Cloud-Upload:before {
	content: "\e62f";
}
.ca-gov-icon-Shield:before {
	content: "\e630";
}
.ca-gov-icon-Fire:before {
	content: "\e631";
}
.ca-gov-icon-Binoculars:before {
	content: "\e632";
}
.ca-gov-icon-Compass:before {
	content: "\e633";
}
.ca-gov-icon-SOS:before {
	content: "\e634";
}
.ca-gov-icon-Shopping-Cart:before {
	content: "\e635";
}
.ca-gov-icon-Video-Camera:before {
	content: "\e636";
}
.ca-gov-icon-Camera:before {
	content: "\e637";
}
.ca-gov-icon-Green:before {
	content: "\e638";
}
.ca-gov-icon-Loud-Speaker:before {
	content: "\e639";
}
.ca-gov-icon-Audio:before {
	content: "\e63a";
}
.ca-gov-icon-Print:before {
	content: "\e63b";
}
.ca-gov-icon-Medical:before {
	content: "\e63c";
}
.ca-gov-icon-Zoom-Out:before {
	content: "\e63d";
}
.ca-gov-icon-Zoom-In:before {
	content: "\e63e";
}
.ca-gov-icon-Important:before {
	content: "\e63f";
}
.ca-gov-icon-Chat-Bubbles:before {
	content: "\e640";
}
.ca-gov-icon-Phone:before {
	content: "\e641";
}
.ca-gov-icon-People:before {
	content: "\e642";
}
.ca-gov-icon-Person:before {
	content: "\e643";
}
.ca-gov-icon-User-Id:before {
	content: "\e644";
}
.ca-gov-icon-Payment-Card:before {
	content: "\e645";
}
.ca-gov-icon-Skip-Backwards:before {
	content: "\e646";
}
.ca-gov-icon-Play:before {
	content: "\e647";
}
.ca-gov-icon-Pause:before {
	content: "\e648";
}
.ca-gov-icon-Skip-Forward:before {
	content: "\e649";
}
.ca-gov-icon-Mail:before {
	content: "\e64a";
}
.ca-gov-icon-Image:before {
	content: "\e64b";
}
.ca-gov-icon-Home:before {
	content: "\e64c";
}
.ca-gov-icon-Gear:before {
	content: "\e64d";
}
.ca-gov-icon-Tool:before {
	content: "\e64e";
}
.ca-gov-icon-Time:before {
	content: "\e64f";
}
.ca-gov-icon-Calendar:before {
	content: "\e650";
}
.ca-gov-icon-Check-List:before {
	content: "\e651";
}
.ca-gov-icon-Document:before {
	content: "\e652";
}
.ca-gov-icon-Clipboard:before {
	content: "\e653";
}
.ca-gov-icon-Page:before {
	content: "\e654";
}
.ca-gov-icon-Read-Book:before {
	content: "\e655";
}
.ca-gov-icon-CC-Copyright:before {
	content: "\e656";
}
.ca-gov-icon-Ca-Capitol:before {
	content: "\e657";
}
.ca-gov-icon-Ca-State:before {
	content: "\e658";
}
.ca-gov-icon-Favorite:before {
	content: "\e659";
}
.ca-gov-icon-RSS:before {
	content: "\e65a";
}
.ca-gov-icon-Road-Pin:before {
	content: "\e65b";
}
.ca-gov-icon-Online-Services:before {
	content: "\e65c";
}
.ca-gov-icon-Link:before {
	content: "\e65d";
}
.ca-gov-icon-Magnify-Glass:before {
	content: "\e65e";
}
.ca-gov-icon-Key:before {
	content: "\e65f";
}
.ca-gov-icon-Lock:before {
	content: "\e660";
}
.ca-gov-icon-Info:before {
	content: "\e661";
}
.ca-gov-icon-Arrow-Up:before {
	content: "\e662";
}
.ca-gov-icon-Arrow-Down:before {
	content: "\e663";
}
.ca-gov-icon-Arrow-Left:before {
	content: "\e664";
}
.ca-gov-icon-Arrow-Right:before {
	content: "\e665";
}

/* ---- Icon fonts - end ---- */

.container_style_maintenance {
	border: 1px solid #ff0000;
	background: #eef3f7;
	-moz-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 1em;
}

.container_style_maintenance h2 {
	background-color: #ffcccc;
	border-bottom: 1px solid #ff0000;
	color: #473f2c;
	font-weight: bold;
	margin: 0 0 .8em 0;
	padding: 4px 12px 6px 12px;
}

.container_style_maintenance h3 {
	background-color: #ffcccc;
	border-bottom: 1px solid #ff0000;
	color: #473f2c;
	font-weight: bold;
	margin: 0 0 .8em 0;
	padding: 4px 12px 6px 12px;
}

.container_style_maintenance h4 {
	background-color: #ffcccc;
	border-bottom: 1px solid #ff0000;
	color: #473f2c;
	font-weight: bold;
	margin: 0 0 .8em 0;
	padding: 4px 12px 6px 12px;
}

.container_style_maintenance .add_icon_font_heading {
	color: #473f2c;
}

.container_style_maintenance .add_icon_font_heading { /* add icon to container_style_a/b/c */
	margin: -3px 35px 0 0;
	padding: 1px 0 0 0;
	font-size: 28px;
}

.MyFTBMarketing h3 {
	background: #fff url(/images/common/no_icon.svg) center top no-repeat;
	color: #3786BF;
	padding-top: 2.5em;
}

.MyFTBMarketing:nth-of-type(1) h3 {
	background-image: url(/images/common/account_icon.svg);
}

.MyFTBMarketing:nth-of-type(2) h3 {
	background-image: url(/images/common/mailbox_icon.svg);
}

.MyFTBMarketing:nth-of-type(3) h3 {
	background-image: url(/images/common/keyboard_icon.svg);
}

.MyFTBMarketing + #form1 {
	clear: both;
}

@media screen and (min-width: 1024px) {
	.MyFTBMarketing {
		min-height: 18em;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1220px) {
	.MyFTBMarketing {
		min-height: 21em;
	}
}

@media screen and (max-width: 1000px) {
	.MyFTBMarketing {
		min-height: 15em;
	}
}