/* CSS Document */
html, body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #FFFFFF;
	color: #333333;
	/*height: 100%;*/
	font: 12px Arial; 
}
/* container for all the content */ 
#outerwrapper {
	width: 968px;
	margin: 0px auto;
	background: url(images/bkg_shadow.gif) center center repeat-y;
	display: table; /* must put this in for FireFox. */
	}
/* Internet Explorer (IE) 6 and below doesn't support min-height */
* html #outerwrapper {
	height: 100%;
}	 
#wrapper {
	width: 950px;
	margin: auto;
	background: url(images/img_about.jpg) right bottom no-repeat;
	display: table; /* must put this in for FireFox. */
	}
/* Internet Explorer (IE) 6 and below doesn't support min-height */
* html #wrapper {
	height: 100%
}
/*  Float containers fix: Content is floated and needs to be contained in order for the background 
to show in the browsers other than IE   */
.clearfix:after {
content: "."; 
display: block; 
min-height: 100%;
/*max-height: 2800px;
min-height: 500px;*/
clear: both; 
visibility: hidden;
}
/* Hack Targets IE Win only \*/
* html .clearfix {height: 100%;}
.clearfix {
	display: block;}
/* End Hack */
/*  Float containers fix:  Content is floated and needs to becontained in order for the background 
to show in the browsers other than IE only for content area  */
.clearfixcont:after {
	content: ".";
	display: block;
	min-height: 100%;
	/*max-height: 2800px; */
	/*min-height: 500px; */
	clear: both; 
	visibility: hidden;
}
/* Hack Targets IE Win only for content area\*/
* html .clearfixcont {
	height: 79%;
}
.clearfixcont {
	display: block;
}
/* End Hack */		


/* Top navgation or banner*/
#topnav {
	top: 0px;
	background: #99CCFF;
	height: 100px;
	width: inherit;
	}
/* Top navgation or banner*/
#banner {
	height: 63px;
	background: url(images/bkg_banner.jpg) left top no-repeat; 
	margin: auto;
	/*padding: 40px 50px 0px 50px;*/
	width: 950px;
	}
/* Main content area style setting */		
#rightnavi{
	/*background: white;*/
	max-height: 2800px;
	min-height: 340px;
	background: url(images/bkg_navi.jpg) left bottom no-repeat; 
	margin: 0px 0px;
	width: 225px;
	float: left;
	padding: 15px 0px 0px 25px;
	}
/* Internet Explorer (IE) 6 and below doesn't support min-height */	
* html #rightnavi{	
	height: 100%; 
	}		
#banner2{
	width: 700px;
	height: 216px;
	float: right;
	/*background: #FFCCCC;*/
	margin: 0px;
	padding: 0px 0px 0px 0px;
	/*background: url(images/img_about.jpg) right Top no-repeat;*/
	}	
	
#maincontent{
	width: 595px;
	max-height: 2800px;
	min-height: 320px;
	float: right;
	/*background: #FFCCCC;*/
	margin: 0px;
	padding: 25px 70px 0px 35px;
	/*background: url(images/img_about.jpg) right Top no-repeat;*/
	}	
* html #maincontent{ 
	height: 100%; 
	}				
/* Copyright footer area */		
#footer {
	clear: both;
	width: 900px;
	height: 65px;
	font-size: 10px;
	text-align: left;
	background: url(images/bkg_footer.gif) right bottom repeat-x;
	padding: 10px 0px 0px 50px;
	margin: 0 auto;
	}
/* container for all the content */ 
#footwrapshadow {
	clear: both;
	height: 75px;
	width: 968px;
	margin: 0px auto;
	background: url(images/bkg_shadow.gif) center center repeat-y;
	display: table; /* must put this in for FireFox. */
	}
/* Internet Explorer (IE) 6 and below doesn't support min-height */
* html #footwrapshadow {
	height: 75px;
}	

/* Navigtion  CSS style */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Arial, Helvetica, sans-serif;
color: #FF6600;
text-align: right;
width: 200px; /* Main Menu Item widths */
/*border-bottom: 1px solid #ccc;*/
}
* html .sidebarmenu ul{ height: 250px;}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #FFFFFF;
height: 22px;
text-decoration: none;
padding: 6px 5px 0px 0px;
/*border-bottom: 1px solid #778;*/
/*border-right: 1px solid #778;*/
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
/*background-color: #012D58;*/
background-image: url(images/bkg_dropdwn.jpg);/*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color:  #FFFFFF;

}

.sidebarmenu ul li a:hover{
/*background-color: black; */
color: #333300;
background-color: #828452;
/*background-image: url(images/bkg_dropdwn2.jpg);*/
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 200px; /*Sub Menu Items width */
padding: 6px 50px 0px 0px;
height: 22px;
text-align: left;
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
/*background: url(right.gif) no-repeat 97% 50%;*/
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: right; height: 22px; color: #FFFFFF; }
* html .sidebarmenu ul li a { height: 22px; color: #FFFFFF; }
/* End */

/*end of navigation style*/

/* header style */

.title {font-size: 20px; color: #333333; font-weight: bold; text-align: left; letter-spacing: 1px; line-height: 22px; height: 20px; } 
.bodytext {font-size: 11px; color: #333333; line-height: 20px;} 
.tdbkg {background-image: url(images/bkg_title.gif); background-position:right; line-height: 20px;}