/* CSS Document */

body{
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
	padding:11px 0 14px 0;
	margin:0;
	background: url(images/page.jpg) repeat-x #ffffff;
	color:#054574;
}
*html img, div { behavior: url(iepngfix.htc) }
/* TinyMCE specific rules */
body.mceContentBody {
   background: #FFF;color: #054574
}

div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0; color: #054574
}
table {font-size:90%;}
a, a:visited {color:#0099CC; text-decoration:underline}
a:hover {color:#000000; text-decoration:underline}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:11px;
	
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	background:url(images/header1.jpg) -5px 3px no-repeat;
	width:1000px;
	height:175px;
	position:relative;
	margin:0 auto;
}


#header img.logo{

	left:40px;
	top:8px;
	width:65px;
	height:114px;
}

/*------------------------------------------------header--------------------*/

/*------------------------------------------------navigation--------------------*/
#navigation{
	width:968px;
	height:45px;
	position:relative;
    margin: 0 0 0 11px;
	background:none;
	z-index:100;
}


/*------------------------------------------------/navigation--------------------*/

/*------------------------------------------------body-------------------*/
#body{
	width:997px;
	margin:-5px auto;
	color: #054574
	/*background:url(images/border.png) 0 0 repeat-y;	*/
}

/*------------------------------------------------body--------------------*/

/*-----------------------------------------------menu--------------------*/

#menuPositioner {width:100%; position:relative; float:left; margin-top:-35px }

#menuHolder {position:relative; float:left; left:50%;}

#menu, 
#menu ul {padding:0; margin:0; list-style:none; font-weight:normal; font-size:90%; font-family: arial, verdana, sans-serif; position:relative; z-index:100;}
#menu {height:50px; float:left; padding:0; position:relative; right:40%;}
#menu ul {position:absolute; left:-9999px; top:-9999px;}
#menu li {float:left;}
#menu li a, #menu li a:visited  {display:block; float:left; color:#FFFFFF; height:49px; padding:0 15px 0 0; line-height:38px; text-decoration:none; background:url(pro-image/tab-off.gif) no-repeat right top;}
#menu li a:hover { color:#CCCCCC; text-decoration:none}

#menuPositioner img {clear:left; display:block; margin:0 auto;}

/*------------------------------------------------/menu--------------------*/


/*------------------------------------------------bodyBottom--------------------*/
#bodyBottom{
	width:990px;
	color:#fff;
	padding:0 0px 0px 0px;
	margin:-41px auto 0 auto;
	background:url(images/border.png) repeat-y;
}
*HTML #bodyBottom{
	width:990px;
	color:#fff;
	clear:both;
}

#news{
	width:200px;
	float:left;
	margin:0 8px 0 15px;

}
*html #news{
	width:180px;
	float:left;
	margin:0 8px 0 15px;
	clear:both;
	height:350px;
}

#news p{
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#054574;
	background-color:inherit;
	padding:0 0 13px 0;
}
#news p span{
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#054574;
	background-color:inherit;
	text-decoration:underline;
	display:block;
}

#news ul{
	padding:0;
	margin:0px;
	display:block;
}

#news ul li{

	display:block;
	line-height:0;
	background:url(images/buttonbg.jpg) repeat-x;
	height:25px;
}
#news ul li a{
	display:block;
	padding:3px 0 0 10px;
	font:normal 11px/20px  Arial, Helvetica, sans-serif;
	color:#47472D;
	background-color:inherit;
	text-decoration:none;
	height:25px;
}
#news ul li a:hover{
	color:#974D04;
	background:url(images/arrow_white_hover.gif) 0 12px no-repeat #DDDDCB;
	text-decoration:none;
}

#service{
	width:700px;
	float:left;
	color:#054574;
	padding:0px 0px 0px 20px
}
 *html #service{
	width:700px;
	color:#054574;
	clear:right;
	
}
#service #contentarea {
height:100%;
min-height:200px;}

#service  .breadcrumb {
width:500px;
float: left;
font-size:80%;
color:#054574;
padding-bottom:15px;
}
#service  .breadcrumb a, a:visited {
color:#003366;
text-decoration:underline;
padding-right:5px;
}
#service  .breadcrumb a:hover {
color:#993300;
text-decoration:none;
}
#service  .breadcrumb .bcsep {
background:url(images/sep.png) no-repeat;
height:12px; 
width:25px;
margin:0;
padding:0;
}
#service .sectionbanner {
width:700px; height:135px;
padding:1px;
border:1px solid #ddd;
margin-bottom:10px;
}
*html #service .sectionbanner {
width:700px; height:135px;
padding:1px;
border:1px solid #ddd;
margin-bottom:10px;
margin-top:10px;
}
#service .mb h3{
display:block;
	height:20px;
	margin:0;
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	color:#065692;
}
#service h3{
	display:block;
	width:680px;
	height:20px;
	padding:20px 0 0 10px;
	margin:0;
	font:bold 20px/20px Arial, Helvetica, sans-serif;
	color:#065692;
	margin-top:-10px;
}
#service h4{
	display:block;
	width:680px;
	height:20px;
	padding:20px 0 0 10px;
	margin:0;
	font:bold 17px/18px Arial, Helvetica, sans-serif;
	color:#065692;
	margin-top:-10px;
}
	
#service p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	color: #054574;
	padding:10px;
	text-align:justify;
}

#service a.readMore{
	display:block;
	background:url(images/services.gif) 0 0 no-repeat;
	width:212px;
	height:30px;
	position:relative;
	left:480px;
	top:10px;

}
#service ul {
color: #054574
}
#service li {
font-size:12px}

.left{
	width:380px;
	float:left;
	padding: 0 0 10px 0;
}

.right{
	width:380px;
	float:right;
	padding: 0 0 10px 0;
}

.left1{
	width:380px;
	float:left;
}

.right1{
	width:380px;
	float:right;
}
.leftlomain {width:250px; background-color:#eeeeee; margin:5px 5px 5px 0px; float:left; padding:5px; color:#999999; font-size:11px}
.leftlomain p {padding:1px; margin:0; color:#999999;}
.leftlomain ul {list-style:circle;margin:5px}
.leftlomain li {margin:2px auto;}
.leftlomain li a, .leftlomain li a:visited {color:#0099CC; text-decoration:underline}
.leftlomain li a:hover {color:#000000; text-decoration:underline}
.leftlomain a, .leftlomain a:visited {color:#0099CC; text-decoration:underline}
.leftlomain a:hover {color:#CC0000; text-decoration:hover}
.rightlomain {width:485px; background-color:#c0c0c0; margin:5px 5px 5px 275px; padding:5px;}
/*------------------------------------------------bodyBottom--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
	width:990px;
	height:90px;
	margin:0 auto;
	background:url(images/footer_bg.jpg) no-repeat;
	position:relative;
}

#footer p.copyright{
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	color:#054574;
	background-color:inherit;
	width:500px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
/*------------------------------------------------footer--------------------*/
/*Accordion Menu Formatting/Styling */
.glossymenu{
margin: 0 0 0 0;
padding: 0;
width: 195px; /*width of menu*/
border: 1px solid #CCC;
border-bottom-width: 0;
margin-bottom:20px;
}

.glossymenu a.menuitem{
background: url(glossyback.gif) repeat-x bottom left;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #444;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 5px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #000;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image:#EEE;
color:#000000;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;

margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
font-size:11px;
}
*html .glossymenu div.submenu ul li{
font-size:11px;
overflow:hidden;
}

.glossymenu div.submenu ul li a, .glossymenu div.submenu ul li a:visited {
display: block;
font-family:Arial, Helvetica, sans-serif;
color:#444;
text-decoration: none;
padding: 2px 0;
padding-left:0;
}

.glossymenu div.submenu ul li a:hover{
background: #DDD;
color: #000;
}

/*End menu styles*/