/*---------------------------------------------*/
/*  ca_master.css                              */
/*  Version 1.20                               */
/* Last Updated 03/23/2007                     */
/*                                             */
/*  Master template styles                     */
/*---------------------------------------------*/

body {
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.8em;
}

span#form{ color:#990000;

}
#heading, #navigation, #main_content_1, #footer {
    min-width:774px;
    width: 100%;
    text-align: justify;
    margin: 0;
}

/*---------------------------------------------*/
/*  heading                                    */
/*---------------------------------------------*/

#heading {
    border-top:4px solid #253B5A;
    height:80px;
    position:relative;
}

#heading img {
    float:left;
}

#state_logo {
    width:118px;
    height:77px;
    display:block;
    float:left;
    background:#fff url(../images/02_ca/logo.gif) no-repeat;
}

#heading #search_and_skipto {
    position:absolute;
    right:0px;
    top:0px;
    width:39em;
}

#heading #search_container {
    float:right;
    width:20em;
    padding:0 0 7px 0;
    background:#CCD4DF url(../images/ca_master/search_bg.gif) no-repeat bottom left;
    position:relative;
}

#heading #skipto_container {
    float:left;
    margin:6px 0 0 0;
    color:#90897D;
}

#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:0px;
    margin:0px;
}

#heading #control #submitbutton {
    position:relative;
    top:0px;
}

#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 */
}


/*---------------------------------------------*/
/*  navigation                                 */
/*---------------------------------------------*/

#navigation {
    padding: 0;
    position:relative; /* Makes this the containing block */
    background: #253B5A; /* Blue, needed for empty sublists */
    height:60px;
    white-space: nowrap;
}

#navigation ul {
    position: absolute; /* Needed for FF, background */
    margin: 0;
    padding: 0 0 0 10px;
    height: 30px;
    z-index:1;
    width:60em; /* *** Adjust this to match the actual width of the tabs. *** */
}

#navigation a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding:9px 6px 0px 6px;
    float:left;
    background: transparent url(../images/02_ca/navigation_tabs.gif) top right no-repeat;
    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 a span {
background: transparent url(../images/02_ca/navigation_tabs.gif) top left no-repeat;
height:30px;
width:7px;
display:block;
font-size:1px;
position:absolute;
top:0px;
left:0px;
}

#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 */
top: 30px; /* moves the sublist below main list */
left: 0px;
}

#navigation li:hover a, #navigation li.mouse_over a {
background: transparent url(../images/02_ca/navigation_tabs.gif) 100% -60px  no-repeat;
}
#navigation li:hover a span, #navigation li.mouse_over a span {
background: transparent url(../images/02_ca/navigation_tabs.gif) 0px -60px  no-repeat;
}

#navigation #nav_list li li a {
background-image: none;
background-color: transparent; /* Needed to make dividers visible */
}

#navigation li.nav_default_on a, #navigation li.nav_default_off a {
background: transparent url(../images/02_ca/navigation_tabs.gif) 100% -120px no-repeat;
}

#navigation li.nav_default_on a span, #navigation li.nav_default_off a span {
background: transparent url(../images/02_ca/navigation_tabs.gif) 0% -120px no-repeat;
}

#navigation #background_top {
position:absolute;
width:100%;
height:30px;
background: #fff; /* First row, white */
}

/*--------------------------------------------------------*/
/*  amber_alert_on                                        */
/*  Active Amber Alert banner                             */
/*--------------------------------------------------------*/

#amber_alert_on {
position:relative; /* Makes this the containing block */
background: transparent url(../images/ca_master/amber_alert_on_background.gif) repeat-x;
height:57px;
}

#amber_alert_on #amber_alert_on_left {
position:absolute;
left:0px;
background: transparent url(../images/ca_master/amber_alert_on_left.gif) no-repeat;
width:203px;
height:57px;
}

#amber_alert_on #amber_alert_on_right {
position:absolute;
right:-1px; /* Fixes IE6 issue */
background: transparent url(../images/ca_master/amber_alert_on_right.gif) no-repeat;
width:10px;
height:57px;
}

#amber_alert_on p {
text-align:right;
position:relative;
padding-top:7px;
margin:0px 10px 0px 0px;
z-index:10;
}

#amber_alert_on strong {
font-weight:normal;
font-size:1.5em;
text-transform:uppercase;
}

#amber_alert_on {
}


/*--------------------------------------------------------*/
/*  statewide_banners                                     */
/*  Flex Your Power and Amber Alert banners               */
/*--------------------------------------------------------*/

.statewide_banners strong {
text-align:center;
display:block;
}

.statewide_banners div {
float:left;
width:234px;
padding:0 30px 0 0;
margin:.7em 0em .9em 0em;
}

.statewide_banners img {
display:block;
margin:6px 0;
}

/*---------------------------------------------*/
/*  footer                                     */
/*---------------------------------------------*/

#footer {
text-align: center;
}

#footer div {
background: #253B5A url(../images/02_ca/footer_corners.gif) no-repeat -8px 100%;
position:relative;
padding:8px;
color:#D76B10;
height:1.5em; /* Needed for IE */
}
#footer div a {
color:#fff;
background-color:transparent;
}
#footer div span {
background: #253B5A url(../images/02_ca/footer_corners.gif) no-repeat;
width:7px;
height:7px;
position:absolute;
bottom:0px;
right:0px;
display:block;
font-size:1px;
}

* html #footer div span { /* Fix for IE, hack hides this from FF */
height:8px;
bottom:-1px;
}

/*---------------------------------------------*/
/*  Miscellaneous other styles                 */
/*---------------------------------------------*/

.governor_website {
display:block;
text-align:center;
margin:0px 0 4px 0;
clear:both;
}

a:link {
color: #3754d4;
}

a:visited {
color: #8b3f1d;
}

a:hover {
color: #bc3e06;
background-color:#ecece7;
}

a:active {
color: #bc3e06;
}

img {
border:0px;
}

.hidden {
display:none; /* For IE 4 only */
}

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

.cleaner {
clear:both;
height:2px;
font-size:1px;
border:none;
margin:0 0 -2px 0;
padding:0 !important;
width:auto !important;
float:none !important;
}

p {
margin:.7em 0em .9em 0em;
}

ul {
margin: 1em 0em 1em 1.4em;
padding: 0em 0em .5em 1.4em;
}

ul ul {
margin: 0em 0em 0em 1.4em;
padding: .2em 0em .2em 1.4em;
}

/*---------------------------------------------*/
/*  For Print                                  */
/*---------------------------------------------*/

@media print{

#navigation, #heading div, #footer div { /* Hides the nav, search and footer */
display:none;
}

#heading, #navigation, #main_content_1, #footer {
min-width:inherit;
}

.column_inner {
display:inline; /* Needed for FF */
}

}