body{
	font-family:Arial, Verdana, Tahoma,  Helvetica, sans-serif;
	font-size:small;
	background-color:#FFFFFF;
	background-image:url('/images/images2010/styles/background2.jpg');
    background-attachment:fixed;
    background-repeat:no-repeat;
	margin:0px;
	
}

a 
{
	color:navy;
	text-decoration: underline;
	}

a:hover
{
	color:navy;
	text-decoration: underline;
	/*background-color:#EEEEEE;*/
	
}
a:link.tree {COLOR: #000000; TEXT-DECORATION: none}
 
a:active.tree {COLOR: #990100; TEXT-DECORATION: none}
 
a:visited.tree {COLOR: #666666; TEXT-DECORATION: none}
 
a:hover.tree {BACKGROUND: #FFF6c5; COLOR: #333366; TEXT-DECORATION: underline}
 
 
a:link.calendarlink {COLOR: #000000; TEXT-DECORATION: underline}
 
a:active.calendarlink {COLOR: #990100; TEXT-DECORATION: none}
 
a:visited.calendarlink {COLOR: #666666; TEXT-DECORATION: underline}
 
a:hover.calendarlink {BACKGROUND: #FFF6c5; COLOR: #333366; TEXT-DECORATION: underline}


#banner{
	background-image:url('/images/sbcfire_banner.jpg');
	background-repeat:no-repeat;
	width:1002px;
	height:213px;
}

.top_menu {
	width:1000px;
	/*background-image:url('../images/top_menu_bkgd.jpg');*/
	/*background-repeat:repeat-x;*/
	height:41px;
	clear:left;
	font-family:arial;
	text-align:center;
	COLOR: #FFFFFF;
	position:relative;
	overflow: hidden;
	display:table;
}


.top_menu a {
	font:#FFFFFF;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	COLOR: #FFFFFF;

}


.forms_menu 
{
    text-align: center;
    font-family:Arial;
    font-size:x-small;
}

.forms_menu a
{
    color:#990100;
    text-decoration:none;
}

.forms_menu a:hover
{
    color:#990100;
    text-decoration:underline;
}

.env_menu 
{
    text-align: center;
    font-family:Arial;
    font-size:small;
}

.env_menu a
{
    color:#990100;
    text-decoration:none;
}

.env_menu a:hover
{
    color:#990100;
    text-decoration:underline;
}


.rollover a {
    display: block;
    width: 250px;
    height: 41px;
    text-decoration: none;
    background: url("/images/images2010/styles/top_menu.jpg");
    /*display:table-cell;*/
    vertical-align:middle;
    }
    
.rollover a:hover {
    background-position: -250px 0;

    }
    
.displace {
    position: absolute;
    left: -5000px;
    }


#content{
	margin:20px 20px 20px 170px;
	border:none;
	text-align:left;
	width:815px;
}

#content2{
	border-style: none;
    border-color: inherit;
    border-width: medium;
    margin: 0px 30px 20px 12px;
    text-align:left;
	width:780px;
}

#content2 hr
{ 
    width:735px;
    text-align:left;
    height: 1pt;
    color: #16325C;
    background-color: #16325C;
    border: 0;
    float:left;
}

#container{
	margin:0px;
	border:0px;
	
}

/*Default page*/


.leftcolumn
{
float:left;
width:600px;
margin-top:-50px;

}

.leftcolumn_picture
{
   float: left;
   width:200px;
   }
   
.leftcolumn_picture_sm
{
   float: left;
   width:160px;
   padding-left:40px;
   }
   
.leftcolumn_story
{
    float: left;
    width: 350px;
}

.leftcolumn_story_sm
{
    float: left;
    width: 380px;
}

.leftcolumn_story_wide
{
    float: left;
    width: 550px;
}


.leftcolumn_story a
{
    text-decoration:underline;
}

.leftcolumn_story a:hover
{
    text-decoration:underline;
}
.leftcolumn hr
{
    width:600px;
    text-align:left;
}

.rightcolumn
{
float:left;
width:180px;
margin-top:-50px;
margin-left:35px;
}



.story_title
{
    font-weight:bold;
    font-size:13px;
    
}

.archive
{
    background:#dfdbcb;
    width:600px;
    color:Navy;
    font-weight:bold;
}
    
    
    

/*  Highlights Box */

/* set the image to use and establish the lower-right position */ 
.highlightsbox, .highlightsbox_body .highlightsbox_head, .highlightsbox_head h2 {
    background: transparent url('/images/images2010/styles/highlights4.png') no-repeat bottom right;
} 

/*changes content*/
.highlightsbox { 
    width: 171px !important; /* intended total box width - padding-right(next) */
    width: 171px; /* IE Win = width - padding */
    padding-right: 0px; /* the gap on the right edge of the image (not content padding) */
    margin: -60px auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.highlightsbox_head { 
    background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
    
} 

/* set the top-left image */ 
.highlightsbox_head h2 { 
    /* reset main site styles*/ 
    /* ditto */ 
    /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important;     border-style: none;
    border-color: inherit;
    border-width: 0;
    background-position: left top;
    margin: 0;
    padding: 15px 0 5px 40px;
    height: 1%; /* IE Holly Hack */ 
        color: #FFFFFF;
        font-size: large;
        font-weight:bold;
        line-height: .8em;
    width: 171px;
} 

/* set the lower-left corner image */ 
.highlightsbox_body { 
    background-position: bottom left; 
    margin-right: 8px; /* interior-padding right */ 
    padding: 15px 5px 15px 5px; /* mirror .highlightsbox_head right/left */ 
}
   
.highlightsbox hr
{ 
    width:160px;
    text-align:center;
    height: 2pt;
    color: #c1af99;
    background-color: #c1af99;
    border: 0;
}

.highlightsbox a
{ 
    text-decoration: underline;
}

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


.highlightsbox_image
{
    text-align:center !important;
   
}
  
/* Accordion */
.accordionHeader
{
    color: #FFFFFF;
    background-color: #002e71;
	font-family: Arial, Verdana,  Sans-Serif;
	background: url('/images/images2010/archivebar4.gif') no-repeat;
	font-size: 1em;
	font-weight: bold;
	margin-left:0; 
	margin-right:0; 
	margin-top:2px; 
	margin-bottom:2px; 
	padding-left:1em; 
	padding-right:5em; 
	padding-top:0.2em; 
	padding-bottom:0.1em;
	cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{

    color: #FFFFFF;
    background-color: #002e71;
	font-family: Arial, Verdana,  Sans-Serif;
	background: url('/images/images2010/archivebar4.gif') no-repeat;
	font-size: 1em;
	font-weight: bold;
	margin-left:0; 
	margin-right:0; 
	margin-top:2px; 
	margin-bottom:2px; 
	padding-left:1em; 
	padding-right:5em; 
	padding-top:0.2em; 
	padding-bottom:0.5em;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #E6E6E6;
    border: 1px none #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-left:12px;
    padding-top: 5px;
    padding-bottom:5px;
    font-size:small;
}

.accordionContent a
{
    color:Navy;
    text-decoration: none;
}


.accordionContent a:hover
{
    color:Navy;
    text-decoration: underline;
}


.small_image 
{

    width: 25%;
	float: left;

}

.sparky
{
 width: 70%;
 padding-top:5px;
 text-align:center;
 float:right;  

}

#sparky-container
{

    overflow: auto;
	width: 100%


}

.readMore ul {
    display:block;
	margin-left: 2.5em;
	padding-left: 2.5em;
	text-indent: 0.5em;
	}
	
.readMore li 
{
    padding: 0.2em;
    margin-left:5em;
    
    
}

.calendarRSSFeed {
	position:absolute;
	left:880px;
	top:270px;
}

.calendarRSSFeedText {
	position:absolute;
	left:32px;
	top:2px;
	width:100px;
	cursor:hand;
}

.newsRSSFeed {
	position:absolute;
	left:770px;
	top:248px;
}

.newsRSSFeedText {
	position:absolute;
	left:32px;
	top:7px;
	width:100px;
	cursor:hand;
}

.jobsRSSFeed {
	position:absolute;
	left:770px;
	top:248px;
}

.HiddenColumn
{
	display: none;
}

.linksOfInterest 
{
    line-height: 1.6em;
}

/* What's New Section */

.red_title 
{
    font-family:Arial, Verdana, Tahoma,  Helvetica, sans-serif;
    font-size:large;
    color:#990100;
    text-align:center;
    font-weight:bold;
}

.red_title_forms 
{
    font-family:Arial, Verdana, Tahoma,  Helvetica, sans-serif;
    font-size:medium;
    color:#990100;
    text-align:left;
    font-weight:bold;
}

.story_image 
{
    float:left;
    padding-right:10px;
    padding-top:20px;
    width:192px;
}

.story_image2 
{
    float:left;
    padding-right:10px;
    padding-top:20px;
    width:105px;
}

.story_image3
{
    float:left;
    padding-right:10px;
    padding-top:20px;
    width:125px;
}
.images_title
{
    font-family:Arial, Verdana, Tahoma,  Helvetica, sans-serif;
    font-size:medium;
    color:#990100;
    text-align:center;
    font-weight:bold;
}

.center
{
    text-align:center;   
}


/* Employee Recognition Tables */


.er_td1 
{
    width:200px;
    vertical-align:top;
    font-weight:bold;
    text-align:right;
}


    
.er_td2 
{
       vertical-align:top;
       margin-left: 10px;
       padding-left: 10px;
   }



table.list, td.details table.list {
	width: 100%;
	border: 1px solid #000;
	
}
table.list tr th, td.details table.list tr th {
	text-align: left;
	background-color: #666;
	color: #FFF;
	font-size: 100%;
	border-style: none;
	padding: 2px 20px 2px 2px;
}
table.list tr td, td.details table.list tr td {
	border-bottom: 1px solid #999;
	padding: 2px 20px 2px 2px;
}
table.list tr {
	background-color: #F0F0F0;
}
table.list tr.odd {
	background-color: #E0E0E0;
}




/* General */

.imageleft	{
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
	/*align: left;*/

}

.imageright	{
	float: right;
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.imageTop	{
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 22px;
	margin-bottom: 10px;
}

.red_title_left 
{
    font-family:Arial, Verdana, Tahoma,  Helvetica, sans-serif;
    font-size:small;
    color:#990100;
    text-align:left;
    font-weight:bold;
}

.blockquote {
	background-color: #E6E6E6;
	border: 1px solid #950b08; 
	padding:10px 10px 10px 10px;
	color:#000000;
	font-weight:bold;
	margin-left: 40px;
	margin-right:40px;
    font-size:11px;
    font-family:Arial, Verdana, Tahoma,  Helvetica, sans-serif;
}

.updated 
{
    font-family:Arial, Verdana, Tahoma,  Helvetica, sans-serif;
    font-size: xx-small;
}

.address
{
    float:left;
    margin-top: 20px;
    font-family:Arial, Verdana, Tahoma,  Helvetica, sans-serif;
    color:#666666;
	font-weight:bold;

}

.titleBlue
{
    font-weight:bold;
    font-size:14px;
    color:#16325C;
    
}

.titleBlue a
{
    font-weight:bold;
    font-size:14px;
    color:#16325C;
    text-decoration:underline;
}

.titleBlue a:hover
{
    font-weight:bold;
    font-size:14px;
    color:#468fd3;
    text-decoration:underline;
}

.column1
{
    float:left;
    width:390px;
}

.column2
{
    float:left;
    width:300px;
}


.tree a:link
 {
 COLOR: #333366;
 TEXT-DECORATION: underline
 }

.tree a:active
 {
 COLOR: #990100;
 TEXT-DECORATION: none
 }

.tree  a:visited
 {
 COLOR: #666666;
 TEXT-DECORATION: none
 }

.tree a:hover
 {
 BACKGROUND: #FFF6c5;
 COLOR: #333366;
 TEXT-DECORATION: underline
 }


.fr_column1
{
    float: left;
    width: 280px;
    text-align:left;
    margin-left:0px;
}

.fr_column2
{
    float: left;
    width: 235px;
    text-align:left;
    margin-left:20px;
}

.fr_column3
{
    float: left;
    width: 200px;
    text-align:right;
    /*margin-right:35px;*/
}



.stats_title
{
    background-color:#16325C;
    color:#ffffff;
    font-weight:bold;
}

.stats_grey
{
    background-color:#E6E6E6;
}

/* Emergency alert item on home page */

.emergencyalert	
{
            position: relative;
            height:35px;
            left:343px;
            top:-45px;
    
    /*margin-left:350px;
   margin-bottom:-30px;
    margin-top:-20px;*/

}
/* End Emergency alert item on home page */

            .googleTranslate
        {
            position: relative;
            /*left: 600px;*/
            /*top: 0px;*/
            width: 100px;
           /* margin-right:65px;
            margin-top:-20px;*/
            height:25px;
            top:-30px;
            left:643px;
          
        }
        


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

#skip a:active, #skip a:focus 
{ 
position:static; 
width:auto; 
height:auto; 
}