/*---------------------------------------------*/
/*  ca_master.css                              */
/*  Last Updated 11/30/2010                    */
/*  Legislative Data Center                    */
/*  Master template styles                     */
/*  Do *****NOT***** edit                      */
/*---------------------------------------------*/

body {font-size: .85em; line-height: 1.5;} 

/*---------------------------------------------*/
/*  Default fonts                              */
/*---------------------------------------------*/
h1,h2,h3, h4,h5,h6, caption  {font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif; line-height: 1.1;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;}
pre {font-family: Verdana, Arial, Helvetica, sans-serif;}
code {font-family: "Courier New", Monaco, Courier, monospace;}

/*---------------------------------------------*/
/*  HTML                                       */
/*---------------------------------------------*/
h1 {font-size: 2em; padding-top: 1em; padding-bottom:.5em;}
h2 {font-size: 1.4em; margin: 0 0 .5em 0; line-height: 1.2em;}
h3, caption {font-size: 1.25em; padding: 0 0 .1em 0; }
h4 {font-size: 1.1em; font-weight:bold; padding: 0 0 .1em 0;}
h5 {font-size: 1em; font-weight:bold;  padding: 0 0 .1em 0;}
h6 {font-size: 1em; font-weight:bold;  padding: 0 0 .1em 0;}

img {border:0;}

sub {font-size: .6em; vertical-align: bottom;}
sup {font-size: .6em; vertical-align: text-top;}

/* Paragraph elements */
p {margin: 0 0 1.5em 0; text-align: left; text-indent: 0;}
p + ul, p + ol {margin-top: -1.5em;}	
p.last {margin-bottom:0;}
p img {/*float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0;*/}
p img.top {margin-top:0;} /* Use this if the image is at the top of the <p>. */

/* Typography */	
blockquote {margin: 0 0 1.5em 1.5em; color: #666; font-style: italic;}
strong {font-weight: bold; color: #000;}
em {font-style: italic;}
pre {font-family: "Courier New", Courier, monospace; margin-bottom: 1.5em; background: #eee; border: 1px solid #ddd; padding: 1.5em;}
	
/* Use this to create a horizontal ruler across a column. */
hr {clear: both; float: none; width: 100%; height: 2px; margin: 0 0 1.5em 0; border: none;}


#heading, #navigation, #main_content_1/*, #footer*/ {min-width:774px; width: 100%; /*text-align: left;*/ margin: 0;}
/* Lists */
ul, ol {margin: 0 0 1.5em 2.2em;}
ul ul {margin-bottom: 0;}
ul ul ul {margin-bottom: 0;}

#middle_column ul li {list-style-image: none; list-style: none; background: transparent url('../global_images/bullet.gif') 0 10px no-repeat; margin-bottom: 0; padding-left: 10px;}
#middle_column ul ul li {list-style-image: none; list-style: none; background: transparent url('../global_images/bullet-2.gif') 0 12px no-repeat; margin-bottom: 0; padding-left: 10px;}
#middle_column ul ul ul li {list-style-image: none; list-style: none; background: transparent url('../global_images/bullet-3.gif') 0 12px no-repeat; margin-bottom: 0; padding-left: 10px;}


ol {list-style-type: decimal;}
ol li {margin-left: 1em; padding-left: 1em;}
	
dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}

/* Tables */
table {margin-bottom: 1.5em; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
th {padding: .25em .5em .25em .5em; border-bottom: 1px solid #ccc; border-right:1px solid #ddd; font-weight: bold; color: #000;}
td {padding: .1em .5em .25em .5em; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
th p, td p {margin: 0;}
tr.odd {background: #eee;}	


/*---------------------------------------------*/
/*  heading                                    */
/*---------------------------------------------*/
#heading {position:relative;}

#heading #search_container {float:right; width:20em; padding:0 0 7px 0; position:relative;}

#heading #skipto_container {float:left; margin:6px 0 0 0; color:#ccb683;}

#heading form {margin:0; float:right; width:20em;}
#heading form p {margin:0;}
#heading form input {margin:0;}
#heading #search {border: 1px solid #728EB4; width:15em; position:relative; top:-5px; /* adjust the text box */ margin:0 0 0 14px;}
#heading #submitbutton {position: relative; top:3px; /* Line up the submit button with the text box */}


/*---------------------------------------------*/
/*   search form with radio buttons            */
/*---------------------------------------------*/
#heading #control p {float: right; clear: right;}

#textfield_container {padding: 6px 40px 0 0; text-align: right;}

#radio_container {width: 100%; text-align:right; display: none; /* Display this only if javascript is enabled, so we'll unhide this using javascript */}

#radio_container span {padding-right: 40px;}

#submit_container {position:absolute; top: 3px; /* Line up the submit button with the text box */ right: 8px;}

#heading #control #search {top: 0; margin: 0;}

#heading #control #submitbutton {position:relative; top: 0;}

#heading #control .radiobutton {position:relative; top: 2px;}

form > #radio_container { /* Hack applies to FF and IE7 */ padding-top: 5px; /* for FF */}
*+html #radio_container { /* Hack applies to IE5 and IE7 */ padding-top: 0; /* for IE7 */}


/*---------------------------------------------*/
/*  columns                                    */
/*---------------------------------------------*/
.left_column_top a {display:block;}

#middle_column .column_inner {padding: 0 2em;}

.column_inner {padding: 1em;}

#left_column, #right_column, .column_inner {overflow:hidden;} /* Prevent oversized content from breaking the layout */  

.column {float: left; padding: 0;}

/*---------------------------------------------*/
/*  Miscellaneous other styles                 */
/*---------------------------------------------*/
.breadcrumb {padding: 1.5em 0 .25em 0; font-size: .75em;}

/* alignment */
.textright {text-align: right;}
.right {float: right;}	
.textleft {text-align: left;}		
.left {float: left;}		
.textcenter {text-align: center;}	


/* Some default classes */
p.small {font-size: .8em;}
p.large {font-size: 1.2em;}
p.quiet {color: #666;}
.hide {display: none;}
.indent {text-indent: 1em;}
.top {float:right; font-size: .8em; text-decoration: none;}
.inline {display: inline;}


/* clear to clear the floats */
.clear {float: none; clear: both;}

.hidden {display:block; position: absolute; left: -9999px; top: 0;}/* Hide from regular displays. Screen readers can still read it. */


/*---------------------------------------------*/
/*  navigation                                 */
/*---------------------------------------------*/
/* NAVIGATION */
.horznavigation ul, .horznavigation ul, .vertnavigation ol, .vertnavigation ul {margin: 0;}
 
/* HORIZONTAL NAVIGATION */
.horznavigation ul {list-style-type: none; list-style-image: none;}
.horznavigation ul li {display: inline; white-space: normal; margin: 0; /* override the generic list css */}
.horznavigation ul li a {text-decoration: none;}
	
/* VERTICAL NAVIGATION */
.vertnavigation ul {list-style-image: none;	list-style-type: none;}
.vertnavigation ul li {white-space: normal; margin: 0; /* override the generic list css */}	
.vertnavigation ul li a {display: block; text-decoration: none;}

/* second-level vertical navigation */
.vertnavigation ul li ul {list-style-type: none;}
.vertnavigation ul ul li {white-space: normal; margin-left: 1em; /* override the generic list css */}
.vertnavigation ul ul li a {white-space: normal; margin-left: .25em; /* override the generic list css */}


#navigation {padding: 0; position: relative; /* Makes this the containing block */ white-space: nowrap;}
#navigation ul {position: absolute; /* Needed for FF, background */ margin: 0; padding: 0; z-index:1; width: 100%;}

#navigation a {
 text-decoration: none;
/* display: inline;*/
 padding: 9px 5px 0 5px;
 /*float: right;*/
 position: relative;

 height:30px; /* Needed for IE 5.x broken box */

 voice-family:"\"}\"";
 voice-family:inherit;
 height:21px; /* 30 - 9, for non-broken browsers */}

/*#navigation a:hover {text-decoration: underline;}*/
#navigation ul li ul li a:hover {text-decoration: none;/* color: #333;*/}
#navigation a span {width: 7px; display: block; font-size: 1px; position: absolute; top: 0; right: 0;}
#navigation li {margin: 0; /*float: left;*/ display: block; list-style: none;}
#navigation li ul {display: none; /* Hide sublists */ width:790px; /* 800 - 10, IE needs this to be fixed width */ right: 0;}
#navigation #nav_list li li a {background-image: none; background-color: transparent;} /* Needed to make dividers visible */
#navigation #background_top {position: absolute; width:100%;} /* First row */


/*---------------------------------------------*/
/*  For Print                                  */
/*---------------------------------------------*/

@media print{
	#footer, #heading, #navigation, #left_column, #right_column, #siteadmin {display: none;}
	#heading, #navigation, #main_content_1, #footer {min-width:inherit;}
	.column_inner {display:inline; /* Needed for FF */}
}

/* Debug class */
.border {#900 solid 1px;}