@charset "utf-8";
body{background:#a5a5a5 url(../images/mainBg.gif) repeat-x left top; margin:0px auto; padding:0px; font:normal 12px Arial, Helvetica, sans-serif; color:#333; text-align:center;}
p{margin:0px; padding:5px 2px; text-align:justify;}
b{margin-bottom:5px;}
a{color:#0c4599; text-decoration:none;}a:hover{color:#0c4599; text-decoration:underline;}
a:hover{color:#333333; text-decoration:none;}
.marT{margin-top:10px;}
.red{font:normal 11px Arial, Helvetica, sans-serif; color:#f00;}
.liggreyF{font:normal 11px Arial, Helvetica, sans-serif; color:#999;}
.hr{border-top:#efefef solid 1px;}
.bg{background:url(../images/bg.gif) repeat-x left top; height:auto; width:auto;}
.banner{background:url(../images/bannerBg.jpg) no-repeat left top; width:890px; height:328px;}
.bannerInn{background:url(../images/banner_InnBg.jpg) no-repeat left top; width:890px; height:238px;}
h1{font:bold 18px Arial, Helvetica, sans-serif; color:#0c4599; padding:0px; margin:3px 0px;}
h2{font:bold 14px Arial, Helvetica, sans-serif; color:#0c4599; padding:0px; margin:3px 0px;}
h3{font:bold 12px Arial, Helvetica, sans-serif; color:#333; padding:0px; margin:3px 0px;}
h4{font:bold 14px Arial, Helvetica, sans-serif; color:#0c4599; padding:0px; margin:0px;}
.padT5{padding-top:8px;}
.fontB{font:bold 12px Arial, Helvetica, sans-serif; color:#666666;}
.link{font:bold 12px Arial, Helvetica, sans-serif; color:#0c4599; text-decoration:none;}
.link:hover{font:bold 12px Arial, Helvetica, sans-serif; color:#0c4599; text-decoration:underline;}
.colWhite{background-color:#fff;}
.ritMenuBg{background:url(../images/ritMenuBg.gif) no-repeat right top; width:273px; height:auto;}
.ritMenuBg ul{margin:0px; padding:0px; margin-top:20px; font-weight:bold;}
.ritMenuBg ul li{margin:0px; padding:0px; list-style:none; float:inherit;}
.ritMenuBg ul li a{background:url(../images/rimenuNormal.gif) no-repeat center center; width:234px; color:#1a53a7; height:27px; display:block; padding:12px 0px 0px 35px; text-decoration:none;}
.ritMenuBg ul li a:hover{background:url(../images/rimenuActive.gif) no-repeat center center; width:234px; color:#FFF; height:27px; display:block; padding:12px 0px 0px 35px; text-decoration:none;}
.ritMenuBg ul li .active{background:url(../images/rimenuActive.gif) no-repeat center center; width:234px; color:#FFF; height:27px; display:block; padding:12px 0px 0px 35px; text-decoration:none;}
.footerBg{background:url(../images/footerBg.png) no-repeat center top; width:916px; height:117px;}
.dotted{background:url(../images/dottedline.gif) repeat-x left top; width:auto; height:3px}
.footer{color:#FFF}
.footer a{color:#fff; text-decoration:none; padding:0px 5px;}.footer a:hover{color:#CCC; text-decoration:un; padding:0px 5px;}
.footer .first{padding:0px 5px 0px 0px;}.footer .first:hover{padding:0px 5px 0px 0px;}
.borderBtm{background:url(../images/dashed.gif) repeat-x left center; width:auto;}
.excepBg{background:url(../images/exceptationBg.gif) repeat-x left top; width:auto; height:168px;}
.exceptImg{border:#c7c7c7 solid 2px;}
#paginte{width:220px; height:auto; margin:0px; margin-top:10px; padding:0px; float:right; font-weight:bold;}
#paginte ul{margin:0px; padding:0px; list-style:none; float:left;}
#paginte ul li{ margin:0px; padding:0px; list-style:none; float:left; line-height:18px;}
#paginte ul li a{text-decoration:none; color:#333; background-color:#99ccff; padding:0px 5px; margin:0px 2px;}
#paginte ul li a:hover{text-decoration:none; color:#FFF; background-color:#003399;}
#paginte ul li .active{text-decoration:none; color:#FFF; background-color:#003399;}
#paginte ul li .inactive{text-decoration:none; color:#FFF; background-color:#CCC;}
#paginte ul li .inactive:hover{text-decoration:none; color:#FFF; background-color:#efeeee;}
.ritMenuBg .ritsubmenu{background:url(../images/ritbtmBorder.gif) no-repeat left bottom; width:auto; height:auto; padding:6px 0px 7px 18px; margin:0px; text-decoration:none; color:#666666;}
.ritMenuBg .ritsubmenu:hover{background:url(../images/ritbtmBorder.gif) no-repeat left bottom; width:auto; height:auto; padding:6px 0px 7px 18px; margin:0px; text-decoration:none; color:#333333;}
.ritMenuBg .on{background:url(../images/ritbtmBorder.gif) no-repeat left bottom; width:auto; height:auto; padding:6px 0px 7px 18px; margin:0px; text-decoration:none; color:#333333;}
.ritMenuBg .on:hover{background:url(../images/ritbtmBorder.gif) no-repeat left bottom; width:auto; height:auto; padding:6px 0px 7px 18px; margin:0px; text-decoration:none; color:#333333;}




/*===================TOP NAViGATION STYLE=====================*/
.mainmenu {padding:0px; margin:0px; list-style:none; height:47px; position:relative; margin-left:30px;}
.mainmenu li {float:left;}
.mainmenu li a {display:block;  height:47px; line-height:35px; color:#FFF; text-decoration:none; font-size:13px; font-family:Arial; text-align:center; padding:0 0 0 10px; cursor:pointer; margin: 0px 2px 0 2px;}
.mainmenu li a b {float:none; display:block; padding:0 10px 0 0;  height:26px; font-family:Arial; font-size:13px; }
.mainmenu li a.current{color:#fff; background:url(../images/menuBg.gif); height:47px;}
.mainmenu li a.current b{background:url(../images/menuBg.gif) right top; height:47px; }
.mainmenu li a:hover {color:#fff; background:url(../images/menuBg.gif); height:47px; }
.mainmenu li a:hover b {background:url(../images/menuBg.gif) right top; height:47px;}
.mainmenu li a.current:hover {color:#FFF; background:url(../images/menuBg.gif); cursor:pointer;}
.mainmenu li a.current:hover  b{background:url(../images/menuBg.gif) right top; height:47px; cursor:pointer;}
/*===================bgcolors=====================*/


.grybg{background:url(../images/dotted.jpg) bottom #efefef repeat-x; padding:15px 0 5px 8px; text-align:left;}
.grybg a{text-decoration:none; color:#666;}
.grybg a:hover{text-decoration:none; color:#000;}
.grybg a b{padding-bottom:5px; clear:both;}
.lightgrybg{background:url(../images/dottedgry.jpg) bottom #f7f7f7 repeat-x; padding:15px 0 5px 8px; text-align:left;}
.lightgrybg a{text-decoration:none; color:#666;}
.lightgrybg a:hover{text-decoration:none; color:#000;}
.lightgrybg a b{padding-bottom:5px; clear:both;}
.smallheading {font:bold 14px Arial; color:#000; text-decoration:none;} 
.smallfont {font:bold 12px Arial; color:#0c4599; text-decoration:none;} 
.shadowimg { background:url(../images/shadow-img.jpg) no-repeat center bottom; height:128px; width:200px; padding-bottom:8px;}
.grytextnew{ font:bold 12px arial; color:#333; text-decoration:none;}
.bluetext{font:normal 12px Arial, Helvetica, sans-serif; color:#0c4599; text-decoration:none;}



/*==================Banner Styles==================*/
.container {
	width: 861px;
	height:328px;
	padding: 0px;
	margin: 0 auto;
	background:url(bannerBg.jpg) no-repeat left top;
	text-align:center;
}
.folio_block {
	position: relative;
	width:861px;
	height:auto;
	display:table;
}
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	width: 861px;
	height:328px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	float:left;

}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	float:left;
	top: 270px; left: 30px;
	width: 861px; height:30px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: left;
	line-height: 30px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #333;
	background:url(../images/ligGrey.png) no-repeat center center;
}
.paging a.active {
	font-weight: bold; 
	background:url(../images/ligGreyOn.png) no-repeat center center;
	color:#fff;}
.paging a:hover {font-weight: bold;}
.newBtmbg{background:url(../images/mdlshadow2.gif) no-repeat center center; width:auto; height:14px;}