@charset "utf-8";
/* CSS Document */
@import("skin.css");
@import("jquery.jcarousel.css");

/*-------------------Reset CSS-------------------------------*/
*{margin:0;	padding:0;}
img{border:none;}
ul li{list-style:none;}
.clear{clear:both;font-size:0;display:block;height:0;}
.clearfix:after {content: ".";display: block;height:0; clear: both;visibility: hidden;}/*For FireFox clear float*/
.clearfix {*zoom:1;}/* Only IE */

/*  public class */
.floatLeft{ float:left;}
.floatRight{ float:right;}
.textLeft{ text-align:left;}
.textRight{ text-align:right;}
.textCenter{ text-align:center;}
.fontBold{font-weight:bold;}

/*----------font style------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table,caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{font-family: Arial, Helvetica, sans-serif;}
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table,caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{font-size:11px;color:#000;}

/*link style*/
a:link{color: #000;text-decoration: none;}
a:visited{text-decoration: none;color: #000;}
a:hover{text-decoration:none;color:#cc0000;}
a:active {text-decoration: none;color: #000;}
/*-----------------new-----------*/
#main{ width:955px; margin:0 auto;+margin-top:6px;}
#rightList{ width:290px;}
#leftList{ width:655px; margin-right:10px;}
/*.marginTop10{margin-top:10px;+margin-top:14px;}*/
.marginTop10{margin-top:10px;+margin-top:14px;_margin-top:0px;}
.paddingLeft0{padding-left:0px;}


/* Panel  */
.panelHeader{background:url(../images/panel_tm.gif) #fefeff left bottom repeat-x ;height:26px;}
.rectLeft{background:url(../images/rect_tl.gif) no-repeat left top;height:3px;_background:none;}
.rectRight{float:right;width:3px;height:3px;background:url(../images/rect_tr.gif) no-repeat right top;_background:none;}
.panelTitle{border-left:1px solid #cbcbcb;border-right:1px solid #cbcbcb;height:26px;line-height:26px;}
.panelName{font-weight:bold;font-size:12px;padding:0px 0px 0px 9px;line-height:20px;display:block;_padding:3px 0px 0px 9px;}
.panelImg{margin-right:9px;_padding-top:8px;}
.panelImg ul li{float:left;padding-left:5px;}
.panelContent{background:url(../images/panelContent.gif) #fdfeff left bottom repeat-x;border:1px solid #cbcbcb; border-top:none;padding:10px;_padding:6px;}
/*.panelContent{background:url(../images/panelContent.gif) #fdfeff left bottom repeat-x;border:1px solid #cbcbcb; border-top:none;padding:10px;}*/
.panelContent ul li{line-height:18px;}
.panelLine{border-bottom:1px dotted #666666;margin-bottom:8px;}
.clearPadding{ padding:10px 6px 10px 6px;}
.horImg{background:url(../images/panelContent.gif) #fdfeff left bottom repeat-x;border:1px solid #cbcbcb; border-top:none;padding:4px;}
.horImg ul li{float:left;padding-left:4px;}
.eventHeight{height:125px;+height:122px;}
/*Joyce 20091119*/
.noFlash{background:url(../images/flashBg.gif) repeat-x;width:289px;height:196px;position:relative;}
.adobe{position:absolute;top:50px;left:50px;}
.adobeFont{font-family:Lucida Sans Unicode;font-size:12px;font-style:italic;font-weight:bold;color:#5d5d59;}
.flashTitle{position:absolute;top:168px;left:0px;}
.Title1{background:#66ad5b;border:1px solid #8d8426;border-bottom:none;line-height:30px;color:#fff;padding:5px 4px;font-weight:bold;}
.Title2{background:#9a9a9a;border:1px solid #8d8426;border-bottom:none;line-height:30px;color:#fff;padding:5px 4px;font-weight:bold;}
.Title3{background:#aba350;border:1px solid #8d8426;border-bottom:none;line-height:30px;color:#fff;padding:5px 4px;font-weight:bold;}
/*Joyce 20091119 END*/



/* tab */
#bl{ padding-top:10px;}
#tabs ul li{background:url(../images/tabt.gif) no-repeat left top; float:left; cursor:pointer;text-align:center; height:26px; width:214px;+width:215px;
line-height:26px; padding-left:3.5px;}
#tabs ul .active{background:url(../images/taba.gif) no-repeat left top;}
/*#tabs ul li span{display:block;font-weight:bold;color:#000;text-decoration:none; background:url(../images/tabt.gif) no-repeat right top; padding: 0px 30px;font-size:12px;}*/
#tabs ul li span{display:block;font-weight:bold;color:#000;text-decoration:none; background:url(../images/tabt.gif) no-repeat right top; font-size:12px;}
#tabs ul .active span{background:url(../images/taba.gif) no-repeat right top;color:#cc0000;}
.bContent{height:100%;display:none;}
/*.content{float:left;padding:20px 15px 5px;line-height:20px;margin-right:10px; _padding:8px 5px 3px 5px;}*/
.content{float:left;padding:20px 15px 5px;line-height:20px; }
#tabsContent .content{margin-bottom:3px;}
#tabsContent{border:1px solid #ccc;border-top:none; clear:both; height:145px;width:651.1px;+width:652px;+height:142px;}
#contactUs .content {background:none;}
#services{background:url(../images/tab1.gif) repeat-x left bottom;}
#recognition{background:url(../images/tab2.gif) repeat-x left bottom;}
#aboutUs{background:url(../images/tab3.gif) repeat-x left bottom;}
#contactUs{background:url(../images/tab4.gif) repeat-x left bottom;}

.whiteBg{ background:#fff;}
.panelBorder{border-right:1px solid #cbcbcb;height:70px; padding-right:10px;}
.panelInfo p{line-height:20px;font-size:12px;font-weight:bold;}
.panelInfo span,a{/*padding-left:10px;*/}
.orangeColor{color:#e9743b} 

.smallIcon{clear:both;}
.smallIcon a:link{color: #000;text-decoration: none;}
.smallIcon a:visited{text-decoration: none;color: #000;}
.smallIcon a:hover{text-decoration:none;color:#cc0000;}
.smallIcon a:active {text-decoration: none;color:#000;}
.smallIcon ul li{float:left;margin:10px 50px 0px 0px;padding-bottom:10px;line-height:16px;}
.penIcon{background:url(../images/pen.gif) no-repeat;padding-left:20px;}
.starIcon{background:url(../images/star.gif) no-repeat;padding-left:18px;height:16px;}
.homeIcon{background:url(../images/homeIcon.gif) no-repeat;padding-left:18px;height:17px;}

.stepList {float:left;line-height:25px;padding:0px 20px 0px 10px;}
.stepList2 {float:left;line-height:20px;padding:0px 15px 0px 20px;}
.stepList3{float:left;line-height:18px; padding:0px 8px 0px 8px;}

/*banner Tab*/
.imgContent{display:none;}
.on{display:block;margin:0 auto;width:653px;height:171px;}
.imgFlashBg{background:url(../images/numBg.gif) repeat-x left bottom;width:653px;height:24px;line-height:24px;margin-left:1px;}
.imgFlashBg ul li{float:right;padding-right:12px;}
.imgFlashBg ul li:hover{background:#31a9ad right;height:24px;width:17px;}
.imgFlashBg ul li a {color:#000;font-size:12px;font-weight:bold;}
.imgClick{background:#31a9ad right;height:24px;width:17px;}
.imgClick a{color:#FFFFFF}
.imgClick a:link{color:#FFFFFF}
.imgClick a:visited{color:#FFFFFF}
.imgClick a:hover{color:#FFFFFF}
.imgClick a:active{color:#FFFFFF}

/*news List*/
.eventsBoxs{display:none;}
.newsOn{display:block;margin:0 auto;}

/*Hearder*/
#header{background:url(../images/headImg.gif) no-repeat left bottom;width:955px;margin:0 auto;height:113px;position:relative;z-index:1;margin-bottom:5px;margin-top:8px;} /*WHITE HEADER*/
#nav #listmenu .clearBg{ background:none;}
#logo{float:left;width:118px;height:113px;}

/*-----------headr right-----------*/
#headerRight{float:left;width:824px;_float:right;_width:750px;}
/*#quickLinks{margin-top:3px; clear:both; float:right;} Menu with Search*/ 
#quickLinks{margin-top:22px; clear:both; float:right;}
#quickLinksInv{margin-top:27px; margin-bottom:3px; clear:both; float:right;}/*tammy sheck add Investor header 7/30*/
#quickLinks ul{	float:right;}
#quickLinks ul li{float:left;line-height:20px;margin-left:5px;}
.search { margin-top:5px;}
.search ul {float:right;margin-right:0px;}
.search ul li {float:left;margin-left:5px;}
label{font-family:Arial, Helvetica, sans-serif;}

/*------------menu part------------*/
#nav{margin-top:0px; +margin-top:-9px; _margin-top:-5px;}

/*--------------------------------------------------*/
/*
	This is for menu css style
*/
/*---------------------------------------------------*/

/* CSS Document - drop down menu */
/* the horizontal menu starts here */
div#listmenu {
	clear:both;
	background:url(../images/menu_bac.gif) repeat-x;
	height:25px;
	white-space:nowarp;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
	padding-left:133px;
	 _margin:0px; _border:0px;/*only valid for IE6*/
	 margin-top:-3px;
	 top:-3px;
	 position:relative; +position:static;	
	 _float:right;
}
div#listmenu ul {float:right;padding:0px 40px 0px 0px;}
div#listmenu li {
	font-family:Arial, Helvetica, sans-serif;
	float:left;	/* causes the list to align horizontally instead of stack */
	list-style-type:none;	/* removes the bullet off each list item */
	padding:7px 15px 3px 15px; /*This adjusts the height of themenu and the spacing between root menu items */
	line-height:normal;
	background:url(../images/nav_line.gif) no-repeat right 10px;
}
div#listmenu li ul li:hover {
    display:block;
	background-color:#095F6B; /*Sets the background of the second menu items */
}
/*div#listmenu a {color:white;display:block;font-weight:bold;text-decoration:none;background-color:transparent;} GREEN HEADER*/
div#listmenu a {background-color:transparent;color:#000;display:block;font-weight:bold;text-decoration:none;	font-family: Verdana, Arial, Helvetica, sans-serif;}/* WHITE HEADER */
div#listmenu a:hover {
	color:#cc0000;  /* tammy sheck edit 062409 #BAFCFB*/
	TEXT-DECORATION:none;
	/*background:#095F6B;*//*When hover the menu background*/
}

/* the horizontal menu ends here */

/* the drop-down starts here */

div#listmenu ul li ul {
	position:absolute;
	width:140px; /* This adjusts the width of the drop down menus */
	left:-1px;	
	margin-top:2px; /* positions drop downs */
	+margin-top:3px; /* positions drop downs */
	margin-left: -7px;
}

div#listmenu ul li ul strong a:hover {color: #DBFB83;}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	background:#218A98;
	padding:3px 0px 3px 0px;
}
/*div#listmenu ul li ul li a{font-weight:normal;} GREEN HEADER*/
div#listmenu ul li ul li a {color:#FFFFFF !important;font-weight:normal;font-family:Arial, Helvetica, sans-serif;}/* WHITE HEADER */

div#listmenu ul li ul li a:hover{background:#095F6B;display:block;}

/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;z-index:10;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {left:auto;display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
div#listmenu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	margin-left:170px;
	+margin-left:173px;
	margin-top:-17px;
	position:absolute;
	width:163px;	
}

div#listmenu ul li ul li ul li {padding-left:10px;}	
div#listmenu ul li ul li ul li ul li {padding-left: 30px;}	
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li:hover ul li{visibility:visible;} /* same effect as display:block in this situation */


/* third level popouts start here*/
div#listmenu ul li ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li ul li:hover ul {top:auto;display:block} /* same effect as display:block in this situation */


/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	margin-left:1px; /* IE doubles the given value above - why? */
}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
.menubtm{
    background:url(../images/subMenu_bg.gif) no-repeat !important;
	height:5px;
   }
/*Menu current font style*/   
/*div#listmenu ul .activeMenu a{ color:#DBFB83;} GREEN HEADER*/
div#listmenu ul .activeMenu ul li a{ color: #fff;font-family: Arial, Helvetica, sans-serif;}
div#listmenu ul .activeMenu ul li a:hover{ color: #BAFCFB;}

/* end of hack zone */
/* END OF LIST-BASED MENU */


/*Footer*/
#footer {clear:both;margin:0 auto;width:955px;}
#footerLeft {background:transparent url(../images/footerl.gif) no-repeat scroll left top;}
#footerLeft {float:left;height:26px;padding-left:4px;}
#footerRight {background:transparent url(../images/footerr.gif) no-repeat scroll right top;}
#footerRight {float:left;height:26px;padding-right:4px;}
#footerContent {background:transparent url(../images/footer.gif) repeat-x scroll left top;}
#footerContent {float:left;height:26px;line-height:24px;width:947px;}
#footerNav {float:right;}
#footerNav {color:#333;font-size:10px;}
#footerNav a {padding:0 5px;}
#footerNav a {font-size:10px;}
#footerNav a{ color:#000;}
#footerNav a:link{ color:#000;}
#footerNav a:visited{ color:#000;}
#footerNav a:hover{color:#cc0000;text-decoration:none;}
#footerNav a:active{ color:#000;}


.gayFont {color:#A8A8A8;font-size:10px;}

/*About Page*/
.aboutCenter{margin:0px auto;width:563px;}
.aboutTitleBg{background:url(../images/aboutTitleBg.gif) no-repeat left top ;height:19px;padding:3px 0 0 8px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.aText {border-bottom:1px solid #E4E4E4;margin-top:10px;padding:0 10px 10px;}
.aTexth {font-size:14px;font-weight:bold;line-height:28px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#666;}
.aTexthp li {height:15px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#666;}
.aTextp {font-family:Verdana,Arial;font-size:11px;line-height:15px;color:#666;}
.clearBorder{border:none;}
.marginBottom40{margin-bottom:40px;}
.fontCopyRight{font-size:10px;color:#999;}
/*About Page END*/


