/* CSS Document */
BODY, TD {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; color:#5a5a5a;
	margin: 0px; padding:0px;
	
}
.pageBG{
background:url(../images/body_bg.gif) left repeat-y;
width:817px; text-align:left;
padding-left:19px ;

}
.pageBG1{
background:url(../images/body_bg.gif) left repeat-y;
width:817px; text-align:left;
padding-left:19px ;

}
.insex-pageBG{
background:url(../images/body_bg.gif) left repeat-y;
width:817px; text-align:left;
padding-left:19px ;

}
.topMenu{
	font-size:11px;
	margin-right:37px;
	margin-bottom:7px;
	color:#5a5a5a;
}
.topMenu A{color:#5a5a5a;text-decoration:none;}
.topMenu A:hover, .topMenu A.active{color:#e67817;text-decoration:none;}
.topBox{
	height:49px !important;
	height:50px;
	border-top:1px solid #e67817; 
	border-left:1px solid #e67817;
}
.mainMenu{ 
	text-align:center; font-size:11px;
	background:url(../images/dot_orange.gif) repeat-x bottom;
	margin-bottom:30px;
}
.mainMenu A{color:#3c3c3c;text-decoration:none;}
.mainMenu A:hover, .mainMenu A.active{color:#e67817;text-decoration:none;}

.footerMenu{ 
	background:url(../images/footer_bg.gif) repeat-x; color:#787878;
}
.footerMenu A{color:#787878;text-decoration:none;}
.footerMenu A:hover, .footerMenu A.active{color:#e67817;text-decoration:none;}


.blue{color:#263c89;}
A.blue {color:#1355a1;text-decoration:none;}
A.blue:hover{color:#e67817;text-decoration:none;}

.nolink {color:#787878;}
A.nolink {color:#787878;text-decoration:none;}
A.nolink:hover{color:#787878;text-decoration:none;}

.leftBoxHome{font-size:9px; border-left:1px solid #e67817; border-right:1px solid #e67817;}
.leftBoxHome P{padding:0px; padding-left:6px; padding-right:6px;}
.leftBoxHome UL{margin:5px; margin-left:20px; padding:0px; list-style:url(../images/ul.gif);}
.leftBoxHome UL LI{margin-bottom:5px;}
.leftBoxHome P.title {color:#787878; line-height:17px; padding-left:8px; background:#ebebeb; border-bottom:1px solid #d7d7d7; border-top:1px solid #d7d7d7;font-size:10px; }

.leftMenu {position:relative; top:-40px; z-index:100;}
.leftMenu DIV.title{color:#e67817; font-size:11px;  padding-left:10px; margin-bottom:12px;z-index:100;}
.leftMenu A{font-size:11px;  display:block; padding-left:10px; line-height:18px; color:#5a5a5a; text-decoration:none; margin-bottom:3px;}
.leftMenu A:hover, .leftMenu A.active{font-size:11px; display:block; padding-left:10px; line-height:18px; color:#FFFFFF; margin-bottom:3px; text-decoration:none; background:#e67817;}

.leftMenu .leftMenu2 A{font-size:10px; margin-bottom:3px; display:block; padding-left:10px;padding-top:0px; padding-bottom:0px; color:#e67817; text-decoration:none;}
.leftMenu .leftMenu2 A:hover,.leftMenu .leftMenu2 A.active{font-size:10px; display:block; padding-left:5px; padding-top:0px; padding-bottom:0px;  color:#e67817; text-decoration:none; border-left:5px solid #e67817; background:none; margin-bottom:3px; }

.rightMenu A{display:block; padding-left:10px; padding-top:4px; padding-bottom:4px; color:#5a5a5a; text-decoration:none;}
.rightMenu A:hover, .rightMenu A.active{display:block; padding-left:5px; padding-top:4px; padding-bottom:4px; color:#e67817; text-decoration:none; border-left:5px solid #e67817;}

.icoLinks A{ display:block;color:#5a5a5a; text-decoration:none; margin-bottom:5px;}
.icoLinks A:hover,.icoLinks A.active{ display:block;color:#e67817; text-decoration:none; margin-bottom:5px;}
H1{font-size:17px; color:#e67817; font-weight:bold; margin:0px; padding:0px; margin-bottom:6px;}
h2{font-size:12px; color:#e67817; font-weight:bold; margin:0px; padding:0px; margin-bottom:6px;}
h4{font-size:12px; color:#000; font-weight:bold; margin:0px; padding:0px; margin-bottom:6px;}

.orange{color:#e67817;}
.red{color:#FF0000;}

.formTable input,.formTable textarea,.formTable select{border:1px inset #999999;}
.formTable .button{border:1px outset #999999;}
.formTable .checkbox{border:none;}


.tooltip{
    position:relative; /*this is the key*/
    z-index:24; 
    color: #787878;
    text-decoration:none}

.tooltip:hover{z-index:25; color:#000}

.tooltip span{display: none}

/* the span will display just on :hover state */
/*.tooltip:hover span{ 
    display:block;
    position:absolute;
    top:0em; left:5em; width:15em;
    border:1px solid #ffcc66;
    background-color:#eee; color:#000;
    text-align: left}*/

.tooltip:hover span{ 
    display:block;
    position:absolute;
	padding:2px;
    top:1.5em; left:0em; width:15em;
    border:1px solid #5a5a5a;
    background-color:#ffcc66; 
	color:#000;
    text-align: center}

.techskill{
	display:block;
    border:5px #EBEBEB;
	border-style:solid;
	position:relative;
	padding:0px;
	background-color: #EBEBEB;
	color:#787878;
	}

.style2 {color: #3F3D3D}
.style4 {
	font-size: 11px;
	font-weight: bold;
}