/* CSS Document */
body {
margin:0;
padding:0;
font: 11px Tahoma, Arial;
color:#FFFFFF;
background: url(images/background_grad.jpg) top repeat-x #a1a1a1;
height: auto; min-height:100%;
}

* html body {/*IF IE*/ height:100%;}
*, html, body, p, ul, li{margin-top:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;}
p{padding-bottom:10px;margin:0px;}
ul li{list-style-type:square;margin-left:20px;}

h1 {
font:24px "Lucida Sans", Tahoma, Arial;
color:#339966;
margin:0;
padding-bottom:10px;
}  

.h2 {
font:14px "Lucida Sans", Tahoma, Arial;
color:#339966;
margin:0;
padding-bottom:10px;
}

.h3 {
color:#339966;
font:12px bold Tahoma, Arial;
margin:0;
padding-bottom:10px;
}
html, body, #wrapper {height: 100%;}

#wrapper {
/*width:770px;**/
width:1000px;
margin:0 auto;
padding:0;
background:#434343;
min-height: 100%;
height: auto !important;

}
#main {padding-bottom: 100px;}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.menu {
background: url(images/bg_menu.gif) repeat-x;
height:60px;
z-index:50000;
position:relative;
}

.nav {
padding-left:70px;
z-index:50000;
}

#nav ul {
    padding:0;
    margin:0;
    list-style:none;
    float:left;
    width:auto;
	z-index:50000;
}

#nav li {
  position: relative;
  float:left;
  /*line-height : 1.25em;*/
  line-height:60px;
  /*width: 9em;*/
  list-style: none;
  padding-left:35px;
}

#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	/*width:13em;*/
	width:auto;
	z-index:50000;
	line-height:20px;
	background:#FFFFFF;
	margin:40px 0px 0px 30px;
	text-align:left;
}

#nav li ul a {
background:none;
line-height:20px;
color:#333333;
}

#nav li ul ul {
margin:0px 0px 0px 30px;
line-height:20px;
width:auto;
left:0px;
text-align:left;
}

#nav a {
    font-size:12px;
	display:block;
    text-decoration:none;
    text-align:center;
    font-weight:normal;
	font-family: "Lucida Sans", Tahoma, Arial;
	font-style:italic;
	font-weight:bold;
    /*width:8.5em;*/
    /*padding :0px 21px 0px 21px;*/
	padding :0px 42px 0px 25px;
    color:#ffffff;
    /*border:1px solid #809DF9;
    background-color:#6CC1F7;*/
	background:url(images/sap.jpg) no-repeat left;
	z-index:50000;
}
#nav li li a {
    width:12em;
	text-align:left;
	z-index:50000;
	color:#333333;
}

#nav li a:hover {
 color: #f2cc13;
  /*border:1px solid #809DF9;*/
}
#nav li a.SelectedTab {
    font-size:1.12em;
    background-color: #FFF;
}
#nav .DisabledTab {
    color:#ccc;
}
/* no need to change these hover classes 
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;z-index:50000;
}

#nav li:hover ul, 
#nav li.iehover ul {
	top: 1.6em;
	left:0;
}
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,  
#nav li li li.iehover ul {
	top: 0;
	left:12.8em;
}

#navContainerBorder {
    background-color:white;
    padding:2px;
    border:1px solid #333;
    height:30em;
}
#navContainer {
   border:1px solid #333;
   background-color: #d8edfb;
   height:30em;
   width:12em;
   vertical-align:top;
   padding:10px 5px 10px 5px;
}


.banner {
margin:0;
padding:0;
/*height:100%;*/
z-index:-1;
}

.leftside {
/*width:188px; prakash*/
width:238px;
/*height:100%;*/
float:left;
position:relative;
}

.leftmenu {
background:#434343;
z-index:50000;
padding-top:10px;
}

.MenuContainerClassX
{
    background-color:transparent;
    height:auto !important; /* real browsers */
	height:15px; /* IE6: treaded as min-height*/
	min-height:15px; /* real browsers */
	 cursor: pointer; 
	cursor: hand;
}

.MenuItemClassX
{
    font-family: "Lucida Sans", Tahoma, Arial;
    font-size:12px;
	font-weight: bold;
	font-style:italic;
    color:#ffffff;
    height:25px;
    
}

.MenuItemSelectedClassX
{
    font-family: "Lucida Sans", Tahoma, Arial;
    font-size:12px;
	font-weight: bold;
	font-style:italic;
    color:#f2cc13;
}

.rootMenuItemClassX TD
{
   /* width:178px;*/
    width:238px;
    height:25px;
	padding-left: 26px;
    /*background: url(images/arrow.gif) no-repeat left;*/
    vertical-align:middle;
	border-bottom:1px solid #4f4f4f;
}

.rootMenuItemSelectedX TD
{
     /* width:178px;*/
    width:238px;
    height:25px;
   padding-left: 26px;
    /*background: url(images/arrow.gif) no-repeat left;*/
    vertical-align:middle;
}

.rootMenuItemActiveX TD
{
    /* width:178px;*/
    width:238px;
    height:25px;
    padding-left: 26px;
    padding-right:5px;
   /* background: url(images/arrow.gif) no-repeat left;*/
    vertical-align:middle;
}

.SubMenuClassX 
{
    font-family: "Lucida Sans", Tahoma, Arial;
    background-color: #434343 ;
	/*background-image:url(arrow.gif);
	background-position:right;
	background-repeat:no-repeat;*/
    border: solid 1px #bcb481;
    padding: 0;
    cursor: pointer; 
	cursor: hand;
	font-size:12px;
	z-index:50000;
}

.SubMenuActiveX
{
   /* background:#434343;
  background-image:url(arrow.gif);
	background-position:right;
		background-repeat:no-repeat;*/
	color:#ffcd11;
}

.SubMenuOverX
{
   /* background:#434343;
background-image:url(arrow.gif);
	background-position:right;
background-repeat:no-repeat;*/
	color:#ffcd11;
}



.mainbanner {
width:762px;
float:left;
position:relative;
}

.content {
clear:both;
margin:0;
padding:0;
background-color:#656565;
width:820px;
}

.leftpane 
{
background-color:#00411b;
background-repeat:repeat-x;
background-image:url(images/bg_leftpane.jpg);
width:238px;
text-align:center;

}

* html .leftpane {/*IF IE*/ width:238px;}

.leftpanerpt
{
    background:#00411b url(images/bg_leftpane.jpg) repeat-x top;
    text-align:left;
}


.rightpaneCollapsible
{
width:100%;
float:left;
text-align:left;
}
.rightpane {
width:720px;
float:left;
text-align:left;
height:auto;min-height:400px;
padding-right:30px;
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
}


* html .rightpane {/*IF IE*/ height:400px;}

.ctn {
background:#656565;
height:auto;


}

.detail {
text-align:right;
padding-top:10px;
}

.detail a {
color:#ffcd11;
}

.title {
padding: 20px 0px 20px 30px;
}

.green_area {
background:#016233;
 padding:10px 30px;
  height:65px
}

.ctn_in {
padding:20px;
}

.img_left {
width:170px;
margin-right:30px;
float:left;
}

.img_left img {
border:1px solid #fff;
}

.img_right img {
border:1px solid #fff;
}

.footer {
clear:both;
padding:20px 0px 10px 20px;
text-align:left;
}

.footer a:link {
color:#FFFFFF;
text-decoration:none;
}

.footer a:hover {
text-decoration:underline;
color:#FFFFFF;

}
.footer a:visited {
color:#FFFFFF;

}