a:link {
 color: #163A74;
}

a:visited {
 color: #456938;
}

a:hover {
 color: #bc3e06;
 background-color:#ecece7;
}


a:active {
 color: #bc3e06;
}

.bodyList LI
{
    line-height:130%;
	list-style-type:none; 
    list-style-position: outside;
}

.list_decorative_dark a {
text-decoration: none;
display: block;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999999;
}

.list_decorative_dark li{
list-style-image: url(/images/bullet_black.gif);
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
margin-bottom: 0px;
}

.list_decorative_dark a:hover, .list_decorative_light a:hover, .list_decorative_blue a:hover{
text-decoration: underline;
}


#main_content_1 {
 margin:0;
 padding:0;
}

#pageContainer
{ 
    BACKGROUND: #ffffff;
    width:100%;
    Height:auto;
}

#topSection
{ 
    BACKGROUND: #ffffff;
    float: left;
    width:100%; 
    height:auto;
	overflow:none;
}

.mainBodyContent
{ 
    line-height: 125%; 
}

.myHighlight
{
 COLOR: #2c66b0;
}

#spacer1
{
background:#ffffff;
width:100%;
 height:6px;
Float:left;
    
}

#leftTopLinks a
{
	color:#ffffff;  
}

#leftTopLinks a:hover
{
	color:#163a74;  
}

#spacer2
{
background:#F4F4ED;
width:100%;
 height:12px;
Float:left;
    
}

#fontLayer
{
    Width:inherit;
    height:auto;
}

#bodyContent
{
    background:#ffffff;
    width:100%;
    text-align:Left;
    height:auto;	
}


#bodyContentHomePage
{
    BACKGROUND: none ;
    Float:left;
    width:100%;
    HEIGHT:Auto;
    text-align:Left;
    padding-top:24px;
    TEXT-DECORATION: none
}

#bodyContent A:active
{
    COLOR: #28559C;
    TEXT-DECORATION: underline
}
#bodyContent A:hover
{
    COLOR: #28559C;
    TEXT-DECORATION: underline
}
#bodyContent A:link
{
    COLOR: #28559C;
    TEXT-DECORATION: none;
	
}
#bodyContent A:visited
{
    COLOR: #28559C;
    TEXT-DECORATION: none
}

#container1
{  
    float:left;
	
}

#container1Parks
{  
    float:left;
    width:170px;
	height:auto;
	margin-bottom:12px;

}

#container1home
{  
    float:left;
    border: 1px #cccccc solid;
    margin:0px 0px 0px 0px;
    width:100%;
    height:auto;
    BACKGROUND: #E5E4D2;
    
}
 
#container1home a
{  
    Text-Decoration:none;
}
   
#container2
{
   
   Padding: 6px 3px 6px 0px;
   Float:left;
   background:#ffffff;
   width:380px;
    
}

#container2Home
{
   
   Float:left;
   WIDTH: 100%;

    
}
#container2col2
{
    WIDTH: inherit; 
    Align: left;
    HEIGHT: Auto;
    
}
#container2col3
{
    FLOAT: left;
    BORDER-RIGHT: #D2D8E1 1px solid;
    BORDER-LEFT: #D2D8E1 1px solid;
    PADDING-RIGHT: 12px;
    PADDING-LEFT: 12px;
    PADDING-BOTTOM: 12px;
    PADDING-TOP: 12px;
    WIDTH: 418px;
    HEIGHT: Auto;
    
}

#container3
{
    Float:left;    
    padding: 12px 12px 12px 12px;


}


#pageTitle
{
    Font-size:16px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bolder;
    COLOR: #2c66b0;
    PADDING-TOP: 12px;
}
#relatedLinks
{
    Width: 182px;
    left:-3px;
    Height:auto;
    position:relative;
    PADDING:4px 4px 4px 4px;

}

#relatedLinksMedia
{
   	BACKGROUND: url(../images/nav_arrow_tan.gif) #A4A396 no-repeat right top;
   	Margin:0px 0px 1px 0px;
	list-style:none;
	padding: 5px 24px 5px 7px ;
	width:160px;
	min-height:20px;
	height:auto;
        cursor:pointer;
	color: #ffffff;
	text-decoration:none;

}



#relatedLinksMedia a
{
    cursor:pointer;
}

#relatedLinksRelative
{
   	/*BACKGROUND: url(../images/nav_arrow_tan.gif) #F4F4ED no-repeat left top;*/
   	Margin:3px 0px 0px 0px;
	list-style:none;
	padding: 0px 7px 5px 24px ;
	width:160px;
	min-height:12px;
	height:auto;
        cursor:pointer;

}


#relatedLinksRelative a
{
    cursor:pointer;
}


#branchLinksRelative
{
   	BACKGROUND: url(../images/nav_arrow_blue.gif) #5F79AB no-repeat right top;
   	Margin:0px 0px 1px 0px;
	list-style:none;
	padding: 5px 24px 5px 7px ;
	width:160px;
	min-height:20px;
	height:auto;
        cursor:pointer;
	color: #ffffff;
	text-decoration:none;


}
#branchLinksRelative a:hover 
{
   	width:160px;
	weight:bold;
	height:auto;
	color: #ffffff;

}
#branchLinksRelative a 
{
   	width:160px;
	weight:bold;
	height:auto;
	color: #ffffff;

}

   	

#relatedLinks2
{
    WIDTH: 160px;
    TEXT-DECORATION: none;
    list-style-type:none; 
    list-style-position: outside;
    Float:left;
    text-align:left; 
    
    
}


#searchControls form
{
	Position:Absolute;
	height:10px;
	right:25px;
	top:40px;
        background:#ffffff;
        text-align:right;
}

#relatedLinks LI
{
    MARGIN: 3px 3px 3px 3px;
    padding: 3px 2px 2px 6px;
    border-top: #cccccc 1px solid;
    border-Left: #eeeeee 1px solid;
    Background: #F4F4ED;
    TEXT-DECORATION: none;
    list-style-type:none; 
    list-style-position: outside;
    WIDTH: 100%; 
    line-height:125%;
}

#relatedLinksWhite LI
{
    MARGIN: 3px 3px 3px 3px;
    padding: 3px 2px 2px 6px;
    border-top: #cccccc 1px solid;
    border-right: #eeeeee 1px solid;
    Background: #FFFFFF;
    TEXT-DECORATION: none;
    list-style-type:none; 
    list-style-position: outside;
    line-height:125%;
}

#relatedLinksTitle
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 0.9em;
    TEXT-DECORATION: none
}

#relatedLinks UL
{
    Background: #F4F4ED;
    Border-top: #cccccc 1px solid;
    TEXT-DECORATION: none;  
}

#contentText
{ 
    font-family: verdana;
    line-height: 150%; 
    padding: 6px 6px 6px 6px;
    margin: 0px 0px 0px 0px;
   float: left;
    width:100%;
}

#container2HomeOHP div
{
	font-family: arial;
	line-height: 160%;
	float: left;
	width:385px;
	height:20px;
}

#container2HomeOHP Table
{ 
    font-family: arial;
    width:auto;
    height:auto;
	padding-right:6px;
    color:#666666;
}

#container2HomeOHP td
{ 
	padding-left:8px;
	width:auto;
}

#container2Home div
{
	font-family: arial;
	line-height: 160%;
	float: left;
	max-width:33%;
	height:Auto;
}

#container2Home Table
{ 
    font-family: verdana;
    width:auto;
    height:auto;
	padding-right:6px;
    color:#666666;
}

#container2Home td
{ 
	padding-left:8px;
	width:auto;
}
#contentText HR
{
	border-top:1px #cccccc solid;
	height: 0px;
	display:none;
}

#contentText a
{
	Margin: 1px 1px 1px 1px;
}


#container2 #contentText
{  
    BORDER-top: #D2D8E1 1px solid;
    Border-right: #eeeeee 1px solid;
   width:100%;
 	padding: 12px 12px 12px 12px;
}

#activityIcons img
{ 
    Float:left;
	padding: 1px 1px 1px 1px;
}

#rotateBanner
{
    FLOAT: left;
    HEIGHT: 155px;
    Overflow: none;
}
#sectionHeader
{
    margin: 12px 5px 5px 5px;
    FONT-WEIGHT: bolder;
    color: #0D3C76;
}

#sectionTitle
{

    /*BACKGROUND: url(../images/tan_header_background.jpg) #ffffff no-repeat left top;)*/
    /*BACKGROUND:#F4F4ED;*/
    width:186px;
    height:18px;
    FONT-WEIGHT: bolder;
    color: #465D8A;   
    margin: 16px 0px 0px 0px;
    Padding: 3px 0px 0px 5px
}

#sectionTitleBlue Div
{

    width:193px;
    height:18px;
    FONT-WEIGHT: bolder;
    color: #ffffff;   
    margin: 12px 0px 0px 0px;
    Padding: 3px 0px 0px 5px
}

#sectionSubTitle
{

    color: #0D3C76;   
    margin: 2px 1px 2px 5px;
}


#searchForm3col
{
    BACKGROUND: url(../images/form_backdrop.jpg) #3B4F74 no-repeat left Top;
    FLOAT: left;
    HEIGHT: Auto;
    text-align:left;
    WIDTH: 100%;
}

#pindex
{
    BACKGROUND: #cccccc;
    WIDTH: 100%
}

#subpageTitle
{
    Font-size:14px;
    PADDING-BOTTOM: 12px;
    COLOR: #336633
}

#linkSection
{
    FLOAT: left;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    LINE-HEIGHT: 150%;
    PADDING-TOP: 0px;
    Width: 100%;
	
}


#linkSection2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 2px;
    PADDING-top: 2px;
    MARGIN: 0px;
    Width:180px;
    list-style-type:none; 
    list-style-position: outside;
    
    TEXT-DECORATION: none;
    LINE-HEIGHT: 130%;
    PADDING-TOP: 0px;
    Border-bottom:1px #cccccc dotted;
		
}

#linkSection2 A:link
{
    TEXT-DECORATION: none;
    color:#666666;    
}


#linkSection2 A:hover
{
    TEXT-DECORATION: underline;    
}


#linkSection2 A:visited
{
    TEXT-DECORATION: none;
    color:#666666;    
}

#linkSection2 A:active
{
    TEXT-DECORATION: none;
    color:#666666;    
}


#linkSection3
{
    Width:176px;
    Float:left;
    TEXT-DECORATION: none;
    LINE-HEIGHT: 130%;	
    border-Left:1px #eeeeee solid;
    padding:12px;
    height:150px;
}


#linkSection3 LI
{
    TEXT-DECORATION: none;
    list-style-position: outside;
    line-height:125%;  
    list-style-image: url(../images/arrowblack.gif);
    

    	
}

#linkSection3 Table
{
    padding:0px;
    Display:None;	
}

#subNavBox
{
    FLOAT: left;
    width:100%;
    left:0px;
    BACKGROUND: #ffffff;
    text-align:Left;  
    HEIGHT:135px;
    
}

#subNavBox2
{
    FLOAT: left;
   	width:100%;
 	BACKGROUND: #3B4F74;
    HEIGHT:135px;
    left:0px;
    text-align:Left;
    border-top:1px #dddddd solid;
}

.title2
{
    FONT-WEIGHT: bold;
    VERTICAL-ALIGN: middle;
    COLOR: #336699;
    LIST-STYLE-TYPE: none
}
.homecol1
{
    LEFT: 10px;
    WIDTH: Auto;
    LIST-STYLE-TYPE: none;
    COLOR: #000000;
    POSITION: absolute;
    TOP: 45px;
    HEIGHT: auto;
    TEXT-DECORATION: none
}
.homecol1 A:visited
{
    COLOR: #000000
}
.homecol1 A
{
    BORDER-TOP: #000000;
    WIDTH: 310px;
    COLOR: #000000;
    BORDER-BOTTOM: #5b8abd 1px dotted;
    TEXT-DECORATION: none
}
.homecol1 A:hover
{
    COLOR: #336699
}
.homecol2
{
    LEFT: 400px;
    WIDTH: Auto;
    COLOR: #000000;
    LIST-STYLE-TYPE: none;
    POSITION: absolute;
    TOP: 45px;
    HEIGHT: auto;
    TEXT-DECORATION: none
}
.homecol2 A
{
    BORDER-TOP: #000000;
    WIDTH: 170px;
    COLOR: #000000;
    BORDER-BOTTOM: #5b8abd 1px dotted;
    TEXT-DECORATION: none
}
.homecol2 A:hover
{
    COLOR: #336699;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
.homecol2 A:visited
{
    COLOR: #000000;
    TEXT-DECORATION: none
}
.homecol3
{
    FONT-SIZE: 14px;
    LEFT: 310px;
    WIDTH: 120px;
    COLOR: #336699;
    LINE-HEIGHT: normal;
    FONT-FAMILY: "Formata Regular";
    LIST-STYLE-TYPE: none;
    POSITION: absolute;
    TOP: 10px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.homecol3 A:hover
{
    COLOR: #336699;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}

#navDots
{
   WIDTH: 200px;
   BACKGROUND: url(../templates/images/blue_dots.gif) #fff repeat-x left top;
}

/*---------------------------------------------*/
/*  tabpanel_module                            */
/*  Tab Panel section with hover effects       */ 
/*  Image and outside shell removed            */
/*---------------------------------------------*/


.block_with_image_and_tabpanel {
 padding-bottom:0px;
 max-width:100%;
 top:-29px;
 left:-2px;
 height:8.5em; /* Needed if there is no image to hold the container open. Adjust this depending on the height of your tabpanel */
 width:100%;
 position:relative; /* Make this the containing block */
}

#tabpanel_container {
 padding:0px 0px 0 0;
 margin:0 0 0 0px;
}

#tabpanel {
 margin:0;
 width:100%;
}

#tab_list {
 padding: 0;
 position:relative; /* Makes this the containing block */
 white-space: nowrap;
 display:block;
 z-index:10;
 width:100%;
}

#tab_list ul {
 position: absolute; /* Needed for IE 5.x */
 margin: 0;
 z-index:1;
 padding: 0;
 width:100%;
}
#tab_list ul#tab_ul {
 height: 30px;
}

li#tabpanel_1, li#tabpanel_2, li#tabpanel_3, li#tabpanel_4, li#tabpanel_5{
 background: #3b4f74 url(../images/ca_department/tabpanel_tabs.gif) 0px -60px  no-repeat; /* normal tabs */
 margin: 0;
 float: left;
 display: inline;
 padding: 0;
}

#tab_list a.tab_link {
 z-index:10;
 position:relative;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 padding:8px 12px 0px 12px; /* Adjust left and right padding to adjust width of the tabs */
 display: block; /* Needed for Opera */
 float:left; /* Needed for IE, breaks Opera */
 background: transparent url(../images/ca_department/tabpanel_tabs.gif) 100% -60px  no-repeat;

 height:30px; /* Needed for IE 5.x broken box */

 voice-family:"\"}\"";
 voice-family:inherit;
 height:22px; /* 30 - 8, for non-broken browsers */
}

html[xmlns] #tab_list a.tab_link {
 float:none; /* Needed for Opera, breaks IE 6. Hack hides this from IE 6 */
}

#tab_list a:hover {
 text-decoration: underline;
}

#tabpanel #tab_list li {
 list-style-type: none;
 list-style-image: none;
}

#tab_list ul ul {
 position:absolute;
 top:29px;
 left:0px;
 display:none;
 z-index:-10;
 border:1px solid #CECDC4; /* dark blue */
 padding:12px 0 16px 0;
 background:#ecece7; /* Light blue */
}

#tabpanel #tab_list ul ul li {
 float: left;
 width:48%;
 background:transparent url(../images/ca_department/bullet_black.gif) 6px .3em no-repeat;
}

#tabpanel #tab_list ul ul li a {
 float:none;
 height:auto;
 margin:0 0 0 24px;
}

#tab_list ul li.tabpanel_default ul, #tab_list ul li:hover ul {
 display:block;
}

#tab_list li.tabpanel_default a.tab_link, #tab_list li:hover a.tab_link {
 background: transparent url(../images/ca_department/tabpanel_tabs.gif) top right no-repeat;
 color:#000;
 text-decoration: none;
}
#tab_list li.tabpanel_default, #tabpanel_1:hover, #tabpanel_2:hover, #tabpanel_3:hover, #tabpanel_4:hover, #tabpanel_5:hover{
 background: #ecece7 url(../images/ca_department/tabpanel_tabs.gif) top left no-repeat; /* Hovered tab background */
}

#tabpanel #tab_list li a.tab_link:hover { /* Needed for IE */
 text-decoration: none;
}

#tabpanel #tab_list a:hover, #tabpanel #tab_list li.tabpanel_default ul a:hover {
 text-decoration:underline;
}

#tabpanel ul ul a:hover {
 background:transparent;
}

#tab_list .bottom_right { /* For the rounded corner */
/*  position:absolute;*/
/*  width:6px;*/
/*  height:6px;*/
 /* font-size:1px;
/* bottom:0px;*/
 /*right:0px;*/
 /*background: url(../images/ca_department/tabpanel_corners.gif) top left no-repeat;*/
}
#tab_list .bottom_left { /* For the rounded corner */
 /*position:absolute;*/
 /*width:6px;*/
 /*height:6px;*/
 /*font-size:1px;*/
  /*bottom:0px;*/
  /*left:0px;*/
  /*background: url(../images/ca_department/tabpanel_corners.gif) top right no-repeat;*/
}

/* End of tabpanel_module */

.block_with_image_and_tabpanel .list_decorative_dark a:hover {
 background:transparent; /* Fixes problem in IE (dotted line disappears) */
}

/* End of block_with_rounded_corners */