/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/
/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
body{
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.166;
	width: 100%;
	font-size:12px;
	margin-top: 0px;
	text-align:center;
	background-image:url(../images/bckgrd.jpg);
	background-repeat:repeat-x;
}

h1 {
	font-size:24px;
}

h2 {
	font-size:20px;

}

h3  {
	font-size:15px;
	text-decoration:none;
}

h4  {
	font-size:13px;
	text-decoration:none;
}

a, a:visited, a:link, a:active {
   color:#333333;
   text-decoration:none;
}


a:hover {
	text-decoration:underline;
}

div.shadow {
	width:100%;
	float:left;
	display: block;
	background:   url("../images/shadow.png") no-repeat bottom right;
	margin: 9px 0 0 9px;
}

/* The top-right corner of the shadow */
div.shadow:before {
/*content:"";*/
background:   url("../img/shadow.png") no-repeat top right;
margin: -9px 0 0 0;
display:block;
height: 9px;
}

/* The bottom-left corner of the shadow */
div.shadow:after {
/*content: "";*/
background:   url("../img/shadow.png") no-repeat bottom left;
/*This line changes the bottom of the shadow (first number) */
margin: -30px 0 0 -9px;
display: block;
width: 9px;
height: 30px;
}

/* The item with the shadow */
div.shadow > * {
margin:0;
display: block;
position: relative;
top: -9px; 
left: -9px;
}

.emp {
	color: #ffffff;
	font-weight:bold;
}

.emp a:link{	
	color: #ffffff; 
	text-decoration: none;
}

.emp a:visited{	
	color: #ffffff; 
	text-decoration: none;
}
.emp a:hover {
	color: #ffffff; 
	text-decoration: underline;
}
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#mainBody {
	width: 900px;
	display:block;
	background-color:#FFFFFF;
	border:1px solid #FFFFFF;
	/*height:800px;
	background-image:url(../images/white.gif);
	background-repeat:repeat;*/
}

#masthead{
	height:100px;
	margin:0px 0px 5px 0px;
	clear:both;
	/*border-bottom: 2px solid #FFFFFF;*/
}

#topNav {
	clear:both;
	float:none;
	margin-top:2px;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}

/************* #globalNav styles **************/
#banner {
	height:60px;
}

#globalNav {
	color: #cccccc;
	clear:both;
	text-align:right;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav a:link, #globalNav a:visited {
	font-weight:bold;
	padding: 0px;
	margin:0px;
	color:#0033CC;
	text-decoration:none;
}

#globalNav a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}

.globalNavItem {
	float:left;
	text-align:center;
	background-color:#FFFFFF;
	margin:0px 2px 0px 2px;
	width:80px;
}

.globalNavItem:hover {
	float:left;
	clear:none;
	text-align:center;
	background-color:#000000;
	margin:0px 2px 0px 2px;
	width:80px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}

#breadCrumb a:visited {
	color: #006699;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
}
/*********** #TreeView link styles ***********/
.TreeviewSpanArea {
	background-color:#FFFFFF;
	margin:3px 0px 0px 0px;
	padding:5px 2px 2px 2px;
	width:200px;
	height:100%;
	float:left;
	color:#333399;
}


.TreeviewSpanArea a, a:link, a:visited, a:active {
	color:#333399;
}
.TreeviewSpanArea a:hover{
	color:#FF0000;
}
/*********** #Left Menu link styles ***********/
#navMenu{
	float:left;
	width:22%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.sectionLinks{
	font-size: 100%;
	border:1px solid #8CA3C9;
	margin: 0px 5px 15px 1px;	
	color:#123F76;
	background-color:#FFFFFF;
}

.sectionLinks h3{
	padding: 0px 0px 2px 5px;
	font-size:120%;
	color:#CC3366;
	font-weight:bold;
	text-decoration:underline;
}

.sectionLinks ul {
	margin: 0px 2px 2px 10px;
	padding: 0px 2px 2px 10px;
}

.sectionLinks li{
	margin: 0px 0px 6px 0px;
}
/*
.sectionLinks a:link, a:visited {
	color:#123F76;
	text-decoration:none;
}

.sectionLinks a:hover {
	color:#FF0066;
	text-decoration:none;
}

.relatedLinks h3{
	padding: 5px 0px 2px 5px;
	font-size:120%;
	color:#CC3366;
	text-decoration:underline;
}

.relatedLinks{
	font-size: 100%;
	border:1px solid #8CA3C9;
	margin: 0px 5px 15px 1px;
	color:#123F76;
	background-color:#FFFFFF;
}

.relatedLinks ul{
	margin: 0px 2px 2px 10px;
	padding: 0px 2px 2px 10px;
}

.relatedLinks li{
	margin: 0px 0px 6px 0px;
}

.relatedLinks a:link,a:visited {
	color:#123F76;
	text-decoration:none;
}
.relatedLinks a:hover {
	color:#FF0066;
	text-decoration:none;
}

*/


/************** content styles ***************/
#content{
	width:74%;
	float:right;
	margin:3px 5px 5px 0px;
	padding:10px 10px 10px 10px;
	background-color:#F6F9FE;
	border:1px solid #8CA3C9;
}

.feature{
	padding: 10px 20px 10px 20px;
	margin: 10px 20px 10px 20px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	height:100%;
}

.feature h3{
	margin: 0px 0px 0px 0px;
	text-align: left;
	text-decoration:underline;
}

.feature img{
	float:right;
	padding: 5px 5px 5px 5px;
	display:inline;
}
/*
.feature a:visited, a:link, a:hover {
	color:#006699;
	margin:0px;
	padding:0px;
}
*/
.portlet{
	width:45%;
	padding: 20px 30px 10px 30px;
	border:1px dotted #CCCCCC;
}


.portlet a, a:visited, a:link, a:hover {
	color:#006699;
	margin:0px;
	padding:0px;
}

.portlet blockquote{
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 20px;
}

#dwnld_area {
	width:580px;
	text-align:right;
	border:1px solid #999999; 
	padding:10px 15px 10px 15px;
	clear:both;
}

#dwnld_btn a {
	background-color:#555555;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 6px 2px 6px;
}

#dwnld_btn a:hover {
	background-color:#FF0000;
	color:#FFFFFF;

	padding:2px 6px 2px 6px;
}


/************* #footer styles ***************/
.footer {
    width:100%;
	clear: both;
	margin: 0px;
	background-color:#000a23;
	padding:0px;
	color:#FFFFFF;
}

.footer a {
	background-color:#000a23;
	line-height:normal;
}

/************ Layout for Services ***********/
#lt_panel {
	float:left; 
	width:600px;
	background-color:#F6F9FE;
	border: 1px solid #999999;
	margin: 2px 5px 2px 5px;
	padding:5px 10px 5px 5px;
}

#rt_panel
{
	float:right; 
	width:250px; 
	border:1px solid #999999; 
	margin: 2px 5px 2px 5px;
	padding: 10px 2px 5px 2px;
}