/* CSS Document */ 

/*
    Common colors:
    Midnight Blue:  #191970
    Dark Blue:      #204e7d
    LightBlue:      #3399ff
    Dark Orchid:    #9932CC  
    CRH red roof:   #c4ce52  , cc3366 b25775
    Lime tree green #c4ce52
    
    Forest green    #106223
    Light green     #6fd486

*/

/* -------------------------------------------------------------------------------------------------------------------- */
/* GENERAL Setings - all pages */
/* -------------------------------------------------------------------------------------------------------------------- */
body{
    padding:0px; 
    background:url(../images/bg_body8.png) 0 0 repeat #c4ce52;  /* #204e7d */
    margin: 10px 0 0 0;
    font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    color:#fefefe;  
    /* #2F4F4F #5D5B46; #6B8E23 
        font:14px/18px Calibri, "Times New Roman", Times, serif;
    margin:0px; 
    */
    
    
    /* scroll bar styles */
	scrollbar-3dlight-color:#eeffff;    /* #6B8E23 */
	scrollbar-arrow-color:#A9A9A9;      /* #A9A9A9 */
	scrollbar-base-color:transparent;
	scrollbar-darkshadow-color:#000000; /* #6B8E23 */
	scrollbar-face-color:#90c6ff;       /*  #B0C4DE #90EE90  */
	scrollbar-highlight-color:#FAFAD2;
	scrollbar-shadow-color:#6B8E23;
	scrollbar-track-color:AliceBlue; 
}

a {color:#fefefe; }
div, p, ul, h2, img{margin:0px; padding:0px;}
h2 { color:#204e7d;}
img {border: 0;	}
	
ul{list-style-type:none;}

.mh2 {color:#204e7d;}

/*----Data sources---- */
#div_data {width:100%; height:0px; position:relative; margin:0 auto;}
#topbg{width:100%; height:0px; position:relative; margin:0 auto; background:url(~/img/bg.png) 1px 1px repeat-x #ffeef0;}


/* END: GENERAL Setings - all pages */
/* -------------------------------------------------------------------------------------------------------------------- */





/* -------------------------------------------------------------------------------------------------------------------- */
/* MAIN.aspx Setings  */
/* -------------------------------------------------------------------------------------------------------------------- */

/*----TOP PANEL----  #ffeef0  background:url(images/c2/ot/bg_hd.png) repeat-x #ffeef0; */
#topPan{width:100%; height:126px; position:relative; margin:0 auto; font:14px/18px Arial, Helvetica, sans-serif; background:url(~/img/bgm.png) 0px 1px repeat-x transparent; top: 0px; left: 0px;}
#topPan ul{width:125px; height:22px; position:absolute; top:0px; right:325px;}
#topPan ul li{float:left; width:45px; height:22px;}
#topPan ul li a{width:45px; height:16px; display:block; background:url(~/images/arrow1.gif) 40px 6px no-repeat #CC0000; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none;}
#topPan ul li a:hover{background:url(images/arrow1-hover.gif) 40px 6px no-repeat #CC0000; color:#FEF0B7; text-decoration:none;}
	
#topPan p.callus{width:119px; height:25px; background: url(~/images/callus-bg.gif) 0 0 no-repeat #212121; color:#fff; position:absolute; top:53px; right:115px; line-height:24px; text-align:center;}
#topPan p.phone{width:130px; height:25px; background:#212121; color:#EAE8CD; position:absolute; top:83px; right:109px; font-size:20px; line-height:25px; text-align:center;}

/*----Top Menu Panel---- */
#topmenuPan{width:910px; height:21px; background: transparent url(~/images/menu-bg.gif) 0 0 repeat-x; position:relative; margin:0 auto; border:solid 0px #5D5B46;}
#topmenuPan ul{width:910px; height:20px; position:absolute; top:0px; left:0px;}
#topmenuPan ul li{width:110px; height:20px; float:left;}
#topmenuPan ul li a{width:110px; height:20px; display:block; background: transparent; color:#ffffff; border-right:0px dashed #969260; font:13px/18px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topmenuPan ul li a:hover{width:110px; height:21px; background:#204e7d; color:#fff; border:none; text-decoration:none;}
#topmenuPan ul li.home{padding-left:20px; width:110px; height:19px; background:transparent; color:#fff; font:13px/18px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border:solid 1px #3399ff; border-bottom:none; text-decoration:none;}
#topmenuPan ul li.home a:hover{width:110px; height:20px; background:#204e7d; color:#fff; border:none; text-decoration:none;}
#topmenuPan ul li.contact a{width:110px; height:18px; display:block; background:transparent; color:#2F2A28; border:none; font:13px/18px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topmenuPan ul li.contact a:hover{width:110px; height:18px; background:#204e7d; color:#fff; border:none; text-decoration:none;}
#topmenuPan ul li a:selected{width:110px; height:18px; background:#2e4e7e; color:#f0f; border:none; text-decoration:none;}

#brickfill{width:926px; height:11px; background:#c4ce52; position:relative; margin:0 auto; top:89px; left: -1px; border:solid 0px #5D5B46; }
#date_today {border:solid 0px #cecece; width:200px; height:22px; position:absolute; top:100px; left:260px; color:#b8fcfd;  
    font:14px/18px Arial, Helvetica, sans-serif; font-weight:bold; z-index:70;}
    
/*----BODY PANEL----*/
#bodyPan{width:926px; position:relative; float:inherit; margin:0 auto; top: 10px; left: -1px; background:#c4ce52;} /* #ffeef0 */
#bodyPan p{padding:5px 0 0;}
#bodyPan p span{font-weight:bold;}
#bodyPan p.date{width:174px; height:22px; background:#FEFEF6; color:#000; font-size:18px; line-height:22px; padding:0px;}
#bodyPan p.more{width:102px; height:16px; margin:0 0 0 582px; padding:0 0 14px 0;}
#bodyPan p.more a{width:102px; height:16px; display:block; background:#F2F0DC; color:#fefefe; font:13px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
#bodyPan p.more a:hover{background:#F2F0DC; color:#7E0202; text-decoration:none;}
#bodyPan p.border{background:url(~/images/dot-line.gif) 0 0 repeat-x; height:1px; padding:0 0 14px 0;}  
    
/*----Body Bottom Panel----*/
#bodybottomPan{width:921px; height:520px; position:relative; float:left; margin:0 0 0 0; padding:3px 0 0 5px; top: 0px; left: 0px; background:#c4ce52;} /* #ffeef0 */

/*----Bottom Left Panel----*/
#bottomleftPan{width:592px; height:370px; float:left; background: url(../img/bg1_tabs.png) repeat-x transparent; color:#D80000; margin:0px; 
border:solid 1px silver;  border-right:solid 2px #191970; border-bottom:solid 2px #191970;}

#search {color: #ffffff; background: #204e7d;    float:left;    margin:0 0 0 0;    padding:5px 15px 0 5px;     width:292px;
    height:30px; border:solid 1px silver;  border-right:solid 2px #191970; border-bottom:solid 2px #191970;}

/******* FORM *******/
.form{width: 292px;}
.form table{margin-bottom: 2em;}
.form table td{text-align: left;	font-size: 11px;	vertical-align: top;}
.form input{border: 1px solid #d0ccc9;	background: #fff;	color: #5f95ef; /* #5f95ef */	font-size: 11px;	font-weight: 700;	padding-bottom: 2px;}
.form input.text{font-weight: normal;	color: #565656;	border: 1px solid #9c9c9c;	width: 230px;	padding: 2px;	margin-bottom: 5px;	text-align: left;}
.form input.text.active{background: #ddeff6;	border: 1px solid #0099d4;}
/******* /FORM *******/

/* MAIN.aspx Setings  */
/* -------------------------------------------------------------------------------------------------------------------- */





/* -------------------------------------------------------------------------------------------------------------------- */
/* i3.aspx Setings  */
/* -------------------------------------------------------------------------------------------------------------------- */

#i3_date_today {border:solid 0px #cecece; width:200px; height:22px; position:relative; top:105px; left:-583px; color:#b8fcfd;  
    font:14px/18px Arial, Helvetica, sans-serif; font-weight:bold; z-index:70;}    
    
/* i3.aspx Setings  */
/* -------------------------------------------------------------------------------------------------------------------- */





/* -------------------------------------------------------------------------------------------------------------------- */
/* dp.aspx Setings  */
/* -------------------------------------------------------------------------------------------------------------------- */

/*----TOP PANEL----  */
#dp_topPan{width:100%; height:124px; position:relative; margin:0 auto; font:14px/18px Arial, Helvetica, sans-serif; background:url(~/img/bgm.png) 0px 1px repeat-x transparent;}
#dp_topPan ul{width:125px; height:22px; position:absolute; top:0px; right:325px;}
#dp_topPan ul li{float:left; width:45px; height:22px;}
#dp_topPan ul li a{width:45px; height:16px; display:block; background:url(~/images/arrow1.gif) 40px 6px no-repeat #CC0000; color:#fff; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none;}
#dp_topPan ul li a:hover{background:url(images/arrow1-hover.gif) 40px 6px no-repeat #CC0000; color:#FEF0B7; text-decoration:none;}

#dp_date_today {border:solid 0px #cecece; width:250px; height:22px; position:relative; top:111px; left:-5px; color:#b8fcfd;  
    font:14px/18px Arial, Helvetica, sans-serif; font-weight:bold; z-index:70;}   
   
/*----Top Menu Panel---- width:686px  660px*/
#dp_topmenuPan{width:910px; height:20px; background: transparent url(~/images/menu-bg.gif) 0 0 repeat-x; position:relative; margin:0 auto; border:solid 0px #5D5B46;
    top: 0px;
    left: 1px;
}
#dp_topmenuPan ul{width:910px; height:20px; position:absolute; top:0px; left:1px;}
#dp_topmenuPan ul li{width:110px; height:20px; float:left;}
#dp_topmenuPan ul li a{width:110px; height:20px; display:block; background: transparent; color:#106223; border-right:0px dashed #969260; font:13px/18px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#dp_topmenuPan ul li a:hover{width:110px; height:20px; background:#106223; color:#fff; border:none; text-decoration:none;}
#dp_topmenuPan ul li.home{width:110px; height:20px; background:transparent; border: #106223 solid 1px; color:#fff; font:13px/18px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#dp_topmenuPan ul li.contact a{width:110px; height:20px; display:block; background:transparent; color:#2F2A28; border:none; font:13px/18px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#dp_topmenuPan ul li.contact a:hover{width:110px; height:20px; background:#106223; color:#fff; border:none; text-decoration:none;}
#dp_topmenuPan ul li a:selected{width:110px; height:20px; background:#2e4e7e; color:#f0f; border:none; text-decoration:none;}
 
#dp_bodyPan{width:925px; position:relative; float:inherit; margin:0 auto; top: 4px; left: 0px; background:#c4ce52;} /* #ffeef0 */
#dp_bodyPan p{padding:2px 0 0;}
#dp_bodyPan p span{font-weight:bold;}
#dp_bodyPan p.date{width:174px; height:22px; background:#FEFEF6; color:#000; font-size:18px; line-height:22px; padding:0px;}
#dp_bodyPan p.more{width:102px; height:16px; margin:0 0 0 582px; padding:0 0 14px 0;}
#dp_bodyPan p.more a{width:102px; height:16px; display:block; background:#F2F0DC; color:#fefefe; font:13px/16px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
#dp_bodyPan p.more a:hover{background:#F2F0DC; color:#7E0202; text-decoration:none;}
#dp_bodyPan p.border{background:url(~/images/dot-line.gif) 0 0 repeat-x; height:1px; padding:0 0 12px 0;}


#dp_bodybottomPan{width:930px; height:440px; position:relative; margin:0 0 0 0; padding:0 0 0 2px; top: 2px; left: 0px;}
#dp_bodybottomPan h2{background:transparent; color:#dedede; font:18px/24px Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none;
    padding:10px 0 8px 5px; margin:0 0 0 0; width:250px; height:20px; text-transform:uppercase;}

#dp_bottomleftPan{width:99%; height:455px; float:left; background:transparent; color:#2F4F4F; margin:0px; top: 1px; background: url(images/c2/ot/bg_8.png) repeat-x; overflow: auto;}


/* dp.aspx Setings  */
/* -------------------------------------------------------------------------------------------------------------------- */

   
   
   
   
#date_today_s {border:solid 0px #cecece; width:200px; height:22px; position:absolute; top:109px; left:259px; color:#fefefe;  
    font:14px/18px Arial, Helvetica, sans-serif; font-weight:bold; z-index:68;}    
 
#logo_titles{width:930px; height:18px; background: transparent; position:relative; margin:0 auto;}
#logo_titles ul{width:904px; height:18px; position:absolute; top:0px; left:14px;}
#logo_titles ul li{width:180px; height:18px; float:left;}

/* LOGO #0 */
#logo_titles  {
    background : #000000 no-repeat scroll left center; 
	width:925px; height:140px; top:-13px;	 position: relative;	z-index:8;	}

#logo_titles img.logo_icon_0 {
    background : #000000 url('~/img/hdr/cam3.png') no-repeat scroll left center;
	width:625px;	margin-left: -14px;	top:1px;	position: relative;	z-index:10;	}
	
/* LOGO #1 */
#logo_titles img.logo_icon_1 {
    background : url('~/img/dh.jpg') no-repeat scroll left center;
	width:112px; margin-top:4px; margin-left: 395px; top:2px;	position: relative;	z-index:50;	}

/* Camarillo header title */
#logo_titles img.logo_icon_2 {
    background : url('~/img/coc25.png') no-repeat scroll left center;
    height:99px;	margin-left: -85px;	top:1px;	position: relative;	z-index:50;	}

/* LOGO #11 */
#logo_titles img.logo_icon_11 {
    background : url('~/img/coc25.png') no-repeat scroll left center;
	width:90px;	margin-left: 203px;	top:-7px;	position: relative;	z-index:50;	}

/* Camarillo header title 12 */
#logo_titles img.logo_icon_12 {
    background : url('~/img/coc25.png') no-repeat scroll left center;
    height:99px;	margin-left: -15px;	top:1px;	position: relative;	z-index:50;	}
    
/* DP LOGO #11 "City of"  */
#logo_titles img.dp_logo_icon_11 {width:90px;	margin-left: 120px;	top:-5px;	position: relative;	z-index:50;	}

/* DP Camarillo header title 12 "Camarillo" */
#logo_titles img.dp_logo_icon_12 {height:120px;	margin-left: -205px;	top:1px;	position: relative;	z-index:50;	}
	
/* PW header title */
#logo_titles img.logo_icon_3 {
    height:50px;	margin-left: -545px;	top:81px;	position: relative;	z-index:60;	}
    
/* PW header logo */
#logo_titles img.logo_icon_4 {
	margin-left: -385px;	top:1px;	position: relative;	z-index:60;	}
	
/* ALL DEPTS header title */
#logo_titles img.logo_icon_5 {
    height:40px;	margin-left: 65px;	top:68px;	position: relative;	z-index:60;	}	
    
/* ALL DEPTS  logo */
#logo_titles img.logo_icon_6 {
	margin-left: -710px;	top:55px;	position: relative;	z-index:60;	}	
	
/* ALL DEPTS City header title */
#logo_titles img.logo_icon_7 {
	margin-left: -101px;	top:50px;	position: relative;	z-index:60;	}		
	
/* HH line City header title */
#logo_titles img.logo_icon_10 {
    float:left;	margin-left: -193px;	width:926px;	top:25px;	position: relative;	z-index:30;	}	
    
#logo_titles img.logo_icon_10_dp {
    float:left;	margin-left: -194px;	width:927px;	top:17px;	position: relative;	z-index:30;	}	    
	
/* City Skyline header  */
#logo_titles img.logo_icon_13 {
	margin-left: -10px;	top:60px;	position: relative;	z-index:60;	}	
	
#logo_icons{width:930px; height:18px; background: transparent; position:relative; margin:0 auto;}
#logo_icons ul{width:904px; height:18px; position:absolute; top:0px; left:14px;}
#logo_icons ul li{width:180px; height:18px; float:left;}
#logo_icons ul li a{width:0px; height:0px; display:block; background: transparent; color:#2F2A28; border-right:0px; text-align:center; text-decoration:none;}
#logo_icons ul li a:hover{background:transparent; color:#fff; border:none; text-decoration:none; } 
/*#logo_icons ul li a:hover{background:transparent; color:#fff; border:solid 1px gray; text-decoration:none; filter: alpha(opacity=99);}*/


#logo_icons img.logo_icon_1, img.logo_icon_2, img.logo_icon_3, img.logo_icon_4, img.logo_icon_5{ border:none; }

/*  First icon */
#logo_icons fh1 { width:128px; margin-left: -5px; top:-10px; position: relative;	z-index:40; }
#logo_icons img.toggleopacity_1a {	width:128px;	margin-left: -5px;	top:-10px;	position: relative;	z-index:40; }
#logo_icons img.toggleopacity_1b {	width:128px;	margin-left: -5px;	top:-10px;	position: relative;	z-index:50; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);    -moz-opacity: 0.95;
}
	
/*  2nd icon */
#logo_icons fh2 {	width:168px;	margin-left: -40px;	top:40px;	position: relative;	z-index:40;	}	
#logo_icons img.toggleopacity_2a {	width:168px;	margin-left: -40px;	top:40px;	position: relative;	z-index:40; }	
#logo_icons img.toggleopacity_2b {	width:168px;	margin-left: -40px;	top:40px;	position: relative;	z-index:50;	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);    -moz-opacity: 0.95;
}	
		
/*  3rd icon */	
#logo_icons fh3 {	width:128px;	margin-left: -40px;	top:15px;	position: relative;	z-index:60;	}	
#logo_icons img.toggleopacity_3a {	width:128px;	margin-left: -40px;	top:15px;	position: relative;	z-index:60;	}
#logo_icons img.toggleopacity_3b {	width:128px;	margin-left: -40px;	top:15px;	position: relative;	z-index:50; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);    -moz-opacity: 0.95;
} 
	
/*  4th icon */		
#logo_icons fh4 {	width:178px;	margin-left: -65px;	top:48px;	position: relative;	z-index:40;	}	
#logo_icons img.toggleopacity_4a {	width:178px;	margin-left: -65px;	top:48px;	position: relative;	z-index:40;	}
#logo_icons img.toggleopacity_4b {	width:178px;	margin-left: -65px;	top:48px;	position: relative;	z-index:50;	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);    -moz-opacity: 0.95;
}	
	
/*  5th icon */		
#logo_icons fh5 {	width:175px;	margin-left: -15px;	top:27px;	position: relative;	z-index:40;	}	
#logo_icons img.toggleopacity_5a {	width:175px;	margin-left: -15px;	top:27px;	position: relative;	z-index:40;	}	
#logo_icons img.toggleopacity_5b {	width:175px;	margin-left: -15px;	top:27px;	position: relative;	z-index:50;	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);    -moz-opacity: 0.95;
} 
	

/*----/LOGO #1----*/

/* LOGO #2 */

#logo_icons2{width:930px; height:18px; background: transparent; position:relative; margin:0 auto;}
#logo_icons2 ul{width:904px; height:18px; position:absolute; top:0px; left:14px;}
#logo_icons2 ul li{width:180px; height:18px; float:left;}
#logo_icons2 ul li a{width:109px; height:18px; display:block; background: transparent; color:#2F2A28; border-right:0px; text-align:center; text-decoration:none;}
#logo_icons2 ul li a:hover{background:transparent; color:#fff; border:none; text-decoration:none; } 
/*#logo_icons ul li a:hover{background:transparent; color:#fff; border:solid 1px gray; text-decoration:none; filter: alpha(opacity=99);}*/


#logo_icons2 img.logo_icon_1, img.logo_icon_2, img.logo_icon_3, img.logo_icon_4, img.logo_icon_5{ border:none;}

#logo_icons2 img.toggleopacity_1 {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1.0;    background : url('~/images/c2/ot/cot_128.png') no-repeat scroll left center;
	width:128px;	margin-left: 245px;	top:5px;	position: relative;	z-index:52; 	}
	  

#logo_icons2 img.toggleopacity_2 {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;    background : url('~/images/c2/ot/lib_128.png') no-repeat scroll left center;
	width:168px;	margin-left: 350px;	top:1px;	position: relative;	z-index:40;}


#logo_icons2 img.toggleopacity_3 {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;    background : url('~/images/c2/ot/crh_128.png') no-repeat scroll left center;
	width:128px;	margin-left: -145px;	top:-20px;	position: relative;	z-index:50;	}
	  	
	
#logo_icons2 img.toggleopacity_4 {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1.0;    background : url('~/images/c2/ot/uni_128.png') no-repeat scroll left center;
	width:178px;	margin-left: -25px;	top:15px;	position: relative;	z-index:50;	}
	

#logo_icons2 img.toggleopacity_5 {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1.0;    background : url('~/images/c2/ot/cpo_128.png') no-repeat scroll left center;
	width:175px;	margin-left: -15px;	top:20px;	position: relative;	z-index:50;	}

/*----/LOGO #2----*/

.logo_dept {
    background : url('~/images/c2/ot/cpo_128.png') no-repeat scroll left center;
	width:325px;	margin-left: -360px;	top:25px;	position: relative;	z-index:50;	color:#1d1d1d;     font:2.8em Verdana, "Times New Roman", Times, serif;	}


/*----/TOP PANEL----*/

/*----HEADER- PANEL---- 778*/
#headerPan{width:924px; height:155px; position:relative; margin:0 auto; padding-top:4px;    top: 0px;    left: 0px;}
#headerleftPan{width:46px; height:160px; float:left; background:url(~/images/leftfolder.gif) 0 0 no-repeat;}
/*----Header Middle Panel----*/
#headermiddlePan{width:932px; height:155px; float:left;}

/*----Menu Panel----*/
#menuPan{width:930px; height:31px; position:relative; margin:0 auto; float:left;}
#menuPan ul{width:930px; background:url(~/images/c2/ot/bg_6.png) repeat-x; height:28px; position:absolute; top:3px; float:left; left: 0px;}
#menuPan ul li{width:130px; height:28px; float:left;}
#menuPan ul li a{width:130px; height:28px; display:block; background:transparent; color:#2F2A28; border:0px dashed #ffffff; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan ul li a:hover{width:130px; height:28px; background:#204e7d; color:#fff; border:none; text-decoration:none;}
#menuPan ul li.home{padding-left:0px; width:120px; height:28px; background:transparent; color:#fff; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border:none; text-decoration:none;}
#menuPan ul li.contact a{width:130px; height:28px; display:block; background:transparent; color:#2F2A28; border:none; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#menuPan ul li.contact a:hover{width:130px; height:28px; background:#2F2A28; color:#fff; border:none; text-decoration:none;}

/*----/Menu Panel----*/

#headerbodyPan{width:920px; height:1px; position:relative; top:1px; left:1px; background:#ffeef0; color:#ff0; border-bottom:5px solid #CDCAA3; border-top:0px solid #CDCAA3;}

img.b_ap {/* scalable em size class 468px/60px banners */
  width: 80.25em; /* replaces 468px width */
  height: 16.8em; /* replaces 60px height */
  }
  
/*---- Header Red Panel----
#headerleftredPan{width:478px; height:110px; 
background:url(images/redpan-bg.jpg) 0 0 repeat-x #FEFDF1; color:#fff; position:absolute; top:32px; left:0px;
}
#headerleftredPan h2{width:160px; height:69px; font:24px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; top:29px; left:36px; text-transform:uppercase;}
#headerleftredPan h2 span{font-size:39px; line-height:30px;}

#headerleftredPan p{width:262px; height:74px; display:block; position:absolute; top:24px; left:190px; font-size:14px; line-height:17px;} 
#headerleftredPan p span.largetext{font-size:18px; line-height:20px;} 
*/
#headermiddleredPan{width:161px; height:142px; background:#ffffff; position:absolute; top:13px; left:478px;}

/*----Header MORE Panel----*/
#headermorePan{width:47px; height:109px; position:absolute; top:32px; right:0px; font-weight:bold;
    font-style: normal;    font-variant: normal;    font-size: 13px;    line-height: 14px;    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#headermorePan a{width:39px; height:26px; 
    display:block; background:url(images/headermore-normal.gif) 0 0 no-repeat #FEFDF1; color:#FDFCEC; text-decoration:none; padding:85px 0 0 8px;
}
#headermorePan a:hover{background:url(images/headermore-hover.gif) 0 0 no-repeat; text-decoration:none;}

/*----/Header MORE Panel----*/
/*----Header Middle Panel----*/
#headerrightPan{width:46px; height:160px; float:left; background:url(images/rightfolder.gif) 0 0 no-repeat;}
/*----HEADER- PANEL----*/

/*
#bottomleftPan2{width:595px; height:150px; float:left; background:transparent; color:#D80000; margin:0px;}

#bottomleftPan{width:595px; height:380px; float:left; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0px;}
#bottomleftPan h2{width:250px; height:58px; background:url(images/icon1.jpg) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 0 41px;}
#bottomleftPan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;}

#bottomleftPan ul{width:296px; margin:15px 0 0 50px;}
#bottomleftPan ul li{width:290px; height:30px; background:url(images/bullet1.gif) 0 0 no-repeat;} 
#bottomleftPan ul li a{width:210px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;}
#bottomleftPan ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} 

#bottomleftPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
#bottomleftPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomleftPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 
*/ 
/*----/Bottom Left Panel----*/


/*----Bottom Left Panel 2 ----*/
#bottomleftPan2a{width:592px; padding-top:10px; height:2px; float:left; background: transparent; margin: 0 0 0 -1px; border:none; clear:left}


/* 
#bottomleftPan2{width:591px; padding-top:5px; height:127px; float:left; filter: alpha(opacity=20); background:url(img/bg_1.png) repeat-x; color:#5D5B46; margin-top:0px; clear:left;
border:solid 1px silver;  border-right:solid 2px gray; border-bottom:solid 2px gray;}
*/
#bottomleftPan2{width:597px; padding-top:5px; height:131px; float:left; background:#204e7d ; color:#ffffff; margin-top:0px; clear:left;
border:solid 1px silver;  border-right:solid 2px #191970; border-bottom:solid 2px #191970;}

#bottomleftPan2 ul li a{width:135px; height:30px; display:block; background: #204e7d url(../images/bullet1.gif) 0 10px no-repeat; color:#ffffff; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;}
#bottomleftPan2 ul li a:hover{display:block;background:#204e7d url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} 

#bottomleftPan2 a{width:135px; color:#fefefe; font-size:12px; line-height:22px; text-decoration:none;}
#bottomleftPan2 a:hover{width:135px; color:#ffffff; font-size:12px; line-height:22px; text-decoration:none;} 
#bottomleftPan2 td{padding:5px 5px 0 15px; vertical-align: top; border-right:solid 2px @cecece;}

.blp2_td {border-right:solid 2px @cecece; width:1px; margin:0 0 0 0; padding:0 0 0 0;}

.table_ft{padding:1px 2px 0 25px; vertical-align: top; border-right:none; background: transparent;}
/*----/Bottom Left Panel 2 ----*/



/*----Bottom Right Panel---- 
#bottomrightPan{width:900px; height:600px; float:left; background:url(images/bodybottombg.gif) 0 0 no-repeat #FEFDF0; color:#D80000; border-bottom:1px solid #CDCAA3; border-left:1px solid #CDCAA3; border-right:1px solid #CDCAA3; margin:0 0 0 8px;}
*/
/*
#bottomrightPan h2{width:220px; height:58px; background:url(images/icon2.jpg) 0 0 no-repeat; font:26px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 65px; margin:22px 0 0 41px;}
#bottomrightPan h2 span{font-size:20px; background:#FCFBED; color:#5D5B46;}

#bottomrightPan ul{width:220px; margin:15px 0 0 50px;}
#bottomrightPan ul li{width:220px; height:30px; background:url(images/bullet1.gif) 0 0 no-repeat;} 
#bottomrightPan ul li a{width:210px; height:30px; display:block; background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 80px;}
#bottomrightPan ul li a:hover{display:block;background:url(images/bullet1.gif) 0 10px no-repeat #FEFDF1; color:#2F2A28; line-height:30px;} 
 */
/*----/Bottom Right Panel----*/

 
/*----/Bottom Right Panel----*/

/*----FOOTER PANEL----
#footermainPan{height:135px; background:url(images/footerbg.gif) 0 0 repeat-x #3B3B3B; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; padding:75px 0 0;}
*/
#footermainPan{height:125px; background:url(../images/footerbg.gif) 0 0 repeat-x transparent; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; position:relative; margin:0 0 0 0; clear: left; padding:0px 0 0 0; z-index:-10}

#footerPan{width:700px; position:relative; margin:0 auto; top:30px}

#footerPan ul{width:480px; height:20px; position:relative; margin:0 auto; text-align:center;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#3B3B3B; background:transparent; text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:650px; position:relative; padding:10px; background:transparent; color:#0e0e0e; font-size:11px; text-align:center}
#i3_footerPan p.copyright{width:900px; position:relative; padding:15px; background:transparent; color:#204e7d; font-size:10px; text-align:center}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:45px; left:265px;}
#footerPanhtml a{width:66px; height:24px; display:block; background:url(images/html-bg-normal.gif) 0 0 no-repeat #3B3B3B; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 4px;}
#footerPanhtml a:hover{background:url(images/html-bg-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:45px; left:340px;}
#footerPancss a{width:58px; height:24px; display:block; background:url(images/css-bg-normal.gif) 0 0 no-repeat #3B3B3B; color:#fff; font-size:14px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 8px;}
#footerPancss a:hover{background:url(images/css-bg-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff; text-decoration:none;}
/*----/FOOTER PANEL----*/

/*  table classes */

/* ---- HOME ----*/
#home td {border:none; vertical-align:top; padding:0.5em;}
#home a{width:130px; color:#2F2A28; font-size:12px; line-height:22px; text-decoration:none;}
#home a:hover{width:130px; color:#fefefe; font-size:12px; line-height:22px; text-decoration:none;} 

/*----/HOME----*/

.bg_cls20 {vertical-align:top; padding-left:25px; background: #204e7d  url(../images/c2/ot/bg_4.png) repeat-x;}
.bg_cls21 {background: #204e7d;  border:solid 1 white; float:left; margin:0 0 0 5px; height:32em; width:19.5em}
.bg_cls22 {background: #204e7d url(../images/c2/ot/banner2.png) no-repeat; border:none; float:left; height:41em;}

.td_hdr0  {border:none; vertical-align:top; padding:0.5em; padding-left:1.5em;}
.td_hdr1  {border:none; vertical-align:top; padding:0.2em; float:left;}
.td_hdr2  {border:none; vertical-align:top; padding:0.4em; padding-left:1.5em;}


.td_p {    
    margin:0px; 
    padding:0px; 
    color:#ffffff; 
    font:14px/18px Calibri, "Times New Roman", Times, serif;
    }
    
.td_qs1  {border:none; vertical-align:top; padding:0.4em; float:left; height:2em;}
.td_qs2  {border:none; vertical-align:middle; padding:0.4em; float:left; height:2em;}
.td_qs3  {border:none; vertical-align:top; padding:25px; float:left; height:15.7em; width:30em;}

.td_50  {border:none; padding:1em; float:left;}

.td_hdr_news {
    color:#fefefe; 
    font:18px/24px Calibri, "Times New Roman", Times, serif;
}

#faqs td{border:none; vertical-align:top; padding:20px 0 1px 15px;}
#faqs h2{border:none; width:300px; background:none; color:#2F2A28; font:26px/54px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 0; margin:0 0 0 0; text-transform:uppercase}
#faqs a{width:200px; color:#2F2A28; font-size:14px; line-height:25px; text-decoration:none;}

/* i3 settings */
#i3_headerPan{width:1022px; height:35px; position:relative; margin:0 auto;}
#i3_headerbodyPan{width:930px; height:14px; position:absolute; top:3px; left:46px; background:#FEFDF1; color:#ff0; border-bottom:1px solid #CDCAA3; border-top:1px solid #CDCAA3;}

#i3_bottomleftPan{width:99%; 
height:520px; float:left; background:transparent; color:#2F4F4F; margin:0px;
}

#i3_footermainPan{height:125px; vertical-align:text-top; 
clear:both; background:url(../images/footerbg.gif) 0 0 repeat-x transparent; 
color:#fff; font:13px/20px Arial, Helvetica, sans-serif; 
position:relative; margin:0 auto; clear:both; padding:5px 0 0;}

#i3_fi1{width:100%; padding:0 0 5px 0;}


/* main content */
.mcontent{padding: 10px 25px 15px 25px;}
.mcontent h1{color:#3B3B3B; background:transparent; text-decoration:none; font-size:14px;}
.mcontent h2{color:#3B3B3B; background:transparent; text-decoration:none; font-size:12px;}

.mc_cls1 {
    width:850px;
    vertical-align:top;
    background-color:Transparent;
}
.mc_cls1 a{ color:#3399ff; text-decoration:none; font-size:14px; }
.mc_cls1 a:hover{ color:orange; text-decoration:none; font-size:14px; }

.mcontent h2{ color:#204e7d; font-size:16px; }


#i3_bodybottomPan td{
    vertical-align:top;
    padding-left:20px; 
}
#i3_bodybottomPan p{
    padding:0.3em;
    background:url(../img/bg_9.png) 0 0 repeat-x ;
}
#i3_bodybottomPan a{
    padding:0.3em 0.3em 0.3em 0;
    text-decoration:none
}
#i3_bodybottomPan a:hover{
    padding:0.3em 0.3em 0.3em 0;
    text-decoration:none;
    color:blue;
}

#i3_bodybottomPan h2{
    background:transparent; color:#2F2A28; font:18px/24px Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;
    padding:0 0 8px 0; margin:0 0 0 0; width:600px; height:20px; text-transform:uppercase;
}
#i3_bodybottomPan h3{
    background:transparent; color:#2F2A28; font-weight:bold; text-decoration:none;
    padding:0 0 3px 0; margin:0 0 0 0; width:500px; height:15px;
}

/* ---- PW styles ---- */
#pw_bodybottomPan h2{
    background:transparent; color:#dedede; font:18px/24px Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none;
    padding:10px 0 8px 5px; margin:0 0 0 0; width:250px; height:20px; text-transform:uppercase;
}
#pw_bodybottomPan{width:930px; height:620px; 
position:relative; margin:0 0 0 0; padding:0 0 0 2px; top: 0px; left: 0px;
}
#pw_bottomleftPan{width:99%; height:630px; 
float:left; background:transparent; color:#2F4F4F; margin:0px;
background: url(images/c2/ot/bg_8.png) repeat-x; overflow: auto;
}
/* ---- PW styles ---- */




/* Icon styles */

.icon2 {
    width:32px;
    height:32px;    
    border: solid 1px silver;
    padding:2px 5px 2px 2px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}

.icon2:hover {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    padding:2px 5px 2px 2px;
    border:solid 1px silver;  border-right:solid 1px gray; border-bottom:solid 1px gray;
}



/* ===== Tabs CSS ===== 
div.tabPanes > div { display: none; } *//* initially all panes are hidden */
div.tabPanes { border-bottom: solid 0px #e6e1f1; padding: 1px; background: url(tab-gradient.png) repeat-x; }
ul.tabs { list-style: none; margin: 0 0 0 0px; padding: 0; overflow: hidden; border-bottom: solid 2px #204e7d;}
ul.tabs li { float: left; margin-left: 2px; }
ul.tabs li a {
	display: block;
	float: left;
	padding:5px 15px;
	color: #fefefe;
	text-decoration: none;
	font-size: 13px;
}
ul.tabs li a:hover { background: #204e7d; color: #ffffff;}
ul.tabs li a.current { font-weight: bold; }
ul.tabs li a.current { color: #ffffff; background: #204e7d url(tab-gradient.png) repeat-x; }


.depts a, #depts a, .Hyperlink, .depts a.Hyperlink, #depts a.Hyperlink, span.Hyperlink
{
 font-family: Arial ;
 font-size: 10pt;
 color: #fefefe;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
}

#depts img:hover, a:hover{background:transparent; color:#fefefe; font-weight:bold; border:none; text-decoration:none; } 


.myTD_CRH {padding:5px; background: #204e7d; color:#fefefe;}
.myTD_CPO {vertical-align:top; padding:15px; padding-bottom:20px; background: #204e7d; color:#fefefe;}
.myTD_UNI {vertical-align:top; padding:15px; background: #204e7d; color:#fefefe;}