@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700);
*{ margin:0; padding:0}
body{font-family: 'Roboto', sans-serif}
a img{ border:0; outline:0}
.clear{ clear:both; width:0; height:0}
a{ text-decoration:none}
ul { list-style-type:none}
h2{ font-size:28px; text-align:center; text-transform:uppercase; font-weight:300; color:#FFFFFF}
/*=======================header======================*/
.header{ width:962px; height:88px; margin:auto}
.menuWrapper{ width:100%; height:40px;background:#f23c41}
.menu{ width:962px; height:40px; margin:auto}
.menu ul li { float:right}
.menu ul li a { display:block; padding:0 24px; line-height:40px; color:#FFFFFF; font-size:16px; font-weight:normal; background:url(../images/menu_divider.png) no-repeat right; margin-left:5px}
.menu ul li a:hover, .menu ul li a.active{ background:url(../images/menu_hover.png) repeat-x bottom center; color:#f23c41}
.menu ul li a.last{background-image:none}
.menu ul li a.last:hover, .menu ul li a.act{ background:url(../images/menu_hover.png) repeat-x bottom center; color:#f23c41}
/*======================mainbody=====================*/
.mainbody{width:978px; height:auto; margin:auto; padding-top:18px}
.mainBox{ width:482px; height:293px; padding:0; position:relative; float:left; cursor:pointer; margin:0 14px 10px 0}

img.bw {position: absolute;left:0;top: 0;z-index: 10;}
img.clr {position: absolute;left: 0;top: 0}

/*======================footer======================*/
.footerWrapper{width:100%; height:40px; background:#d9d9d9}
.footer{ width:962px; height:40px; margin:auto; text-align:left; font-size:11px; color:#515151; line-height:40px}
.footer a{ color:#515151}
.footer a:hover{ color:#222}

/*======================innerpage style====================*/

/*======================mainbodyInner=====================*/
.innerMainbody{width:978px; height:auto; margin:auto; background:url(../images/lhs_bg.png) repeat-y left top}

.bodyLHS{width:210px; height:500px;float:left; padding:0 0 0 8px; background:#f2f2f2}

.bodyLHS h3 {display:block; font-family: 'Roboto', sans-serif; font-size:15px; color:#f23c41; padding:18px 0 0 0; text-transform:uppercase; font-weight:500}

.bodyLHS ul { margin-left:5px}

.bodyLHS ul li a{ display:block; padding:3px 0 3px 15px; color:#515151; background:url(../images/menu_arrow.png) no-repeat left 9px; font-family: 'Roboto', sans-serif;  font-size:14px; font-weight:400 }

.bodyLHS ul li a:hover{ color:#111}

.bodyRHS{width:735px; height:auto; float:left; padding:0 0 0 25px}

.breadcrumb{ color:#4b4b4b; padding:18px 0 0 0; height:20px; width:735px; font-size:11px; margin-bottom:20px}

.breadcrumb a{ display:inline-block; color:#7e7e7e; padding-right:14px; margin-right:6px; background:url(../images/breadcrumb_arrow.png) no-repeat right 5px}


h1{ display:block; color:#f23c41; text-transform:uppercase; font-size:20px; font-family: 'Roboto', sans-serif;  font-weight:400 }

h4{ font-family: 'Roboto', sans-serif;  font-weight:400; color:#555; }

.bodyTable tr td{ padding:10px }

.image { display:block; text-align:center; margin:auto}

h5{ color:#f23c41;font-size:16px;  font-family: 'Roboto', sans-serif;  font-weight:400; padding-top:10px; margin-bottom:5px }

.bodyRHS p { color:#6c6c6c; font-size:12px; text-align:justify; line-height:22px}

h6{ display:block; padding:10px 0;  border-top:solid 1px #e0e0e0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#525252}


.bodyRHS ul li{ display:block; color:#6c6c6c; background:url(../images/menu_arrow.png) no-repeat left 8px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 0 5px 13px; }

b.subHeading{display:block; padding:5px 0; color:#777;font-size:18px; font-family: 'Roboto', sans-serif;  font-weight:400; border-bottom:solid 1px #f23c41; margin-bottom:10px}