@charset "utf-8";
*{padding:0; margin:0;}
html, body {margin:0; padding:0; height:100%;}
body {font-family:"Varela", Verdana, Arial, Helvetica; font-size:15px; text-align:left; color:#2e3438; background:url(../images/Banner_Blue_bgr.png) top repeat-x;}
div, form, ul, li, a, span, form, img, br {padding:0; margin:0; border:0;}

#container {min-height:100%; position:relative;}
#header {padding:0; height:300px;}
#body {padding-bottom:110px; /* Height of the footer */}
#footer {bottom:0; width:100%; height:110px; /* Height of the footer */ background:url(../images/Footer_line.gif) top repeat-x #e1e9ed; position:absolute; font-size:14px;}

.headerStyle {background:url(../images/header_img_bgr.jpg) top left no-repeat; height:300px; width:970px; margin:0px auto; position:relative;}
.contentHomeStyle {position:relative; width:920px; margin-left:auto; margin-right:auto; margin-bottom:30px;}
.contentStyle {position:relative; width:970px; margin-left:auto; margin-right:auto; margin-bottom:30px;}
.footerStyle {height:110px; width:970px; margin:0px auto; background:url(../images/footer_img_bgr.png) top center no-repeat; position:relative;}

a {color:#0061ad; text-decoration:underline;}
a:hover {color:#3c9fee; text-decoration:underline;}

h1 {font-size:36px; font-family:"Varela", Verdana, Arial, Helvetica; font-weight:normal; padding:0 0 15px 0; text-align:center; color:#0061ad;}
h2 {font-size:21px; font-family:"Varela", Verdana, Arial, Helvetica; font-weight:normal; padding:5px 0 18px 0; text-align:left; color:#0061ad;}
h3 {font-size:26px; font-family:"Varela", Verdana, Arial, Helvetica; font-weight:normal; padding:15px 0 15px 0; text-align:left; color:#fff; text-shadow:1px 1px #394e65;}
h4 {font-size:21px; font-family:"Varela", Verdana, Arial, Helvetica; font-weight:normal; padding:15px 0 15px 0; text-align:center; color:#0061ad;}

p {font-family:"Varela", Verdana, Arial, Helvetica; font-size:15px; color:#2e3438; font-weight:normal; margin:15px 0 15px 0; padding:0;}

.clear {clear:both; display:block;}
.Spacer {clear:both; height:20px; display:block;}

/*--------------- Head Section -----------------*/

.HeaderLeftSec {background:url(../images/HeaderMenu_bgr.png) repeat-x top; height:110px; position:absolute; top:0; left:0; right:50%; margin-right:72px; border-bottom-right-radius:6px;}
.HeaderRightSec {background:url(../images/HeaderMenu_bgr.png) repeat-x top; height:110px; position:absolute; top:0; left:50%; right:0; margin-left:485px; border-bottom-left-radius:6px;}
.HeaderLogoSec {width:358px; height:74px; position:absolute; margin:18px 0 0 25px; float:left;}

.HeaderMenuBar {right:0; position:absolute;}
	.HeaderMenuBar ul {display:block;}
	.HeaderMenuBar li {display:block; width:auto; float:left; list-style:none;}
	.HeaderMenuBar li.Separator {float:left; list-style:none; display:block; background:url(../images/HeaderMenu_Separator.png) top no-repeat; width:1px; height:110px;}
	.HeaderMenuBar li a {width:auto; color:#62676a; text-decoration:none; display:block; font-size:14px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; background:url(../images/HeaderMenu_bgr.png) top repeat-x #FFF; height:110px; line-height:110px; padding:0 15px;}
	.HeaderMenuBar li a:hover {width:auto; color:#086dd5; text-decoration:none; display:block; font-size:14px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; background:url(../images/HeaderMenu_bgr_selected.png) bottom repeat-x #FFF; height:100px; line-height:100px; padding:0 15px;} 
	.HeaderMenuBar li a.selected {width:auto; color:#086dd5; text-decoration:none; display:block; font-size:14px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; background:url(../images/HeaderMenu_bgr_selected.png) bottom repeat-x #FFF; height:100px; line-height:100px; padding:0 15px;}
	
	.HeaderMenuBar li:hover:a,
	.HeaderMenuBar li.selected:a,
	.HeaderMenuBar li:target:a{
    /* This property triggers the CSS3 transition */
    opacity:1;
	}

	.HeaderMenuSpacer {padding-top:35px;}

.HeaderImgBgr {background:url(../images/Banner_img_bgr.png) no-repeat; width:970px; height:200px; top:100px; position:absolute;}
.HeaderBannerTitle {position:absolute; top:120px; width:490px; height:230px; left:25px;}
.HeaderBannerImg {position:absolute; right:22px; top:130px; width:409px; height:113px; background:url(../images/Banner_img_001.png) no-repeat;}
.ContentTop {position:absolute; bottom:0; left:-6px; width:982px; height:46px; background:url(../images/ContentTop.png) no-repeat;}
	
/*--------------- Home Page Section -----------------*/

.contentHomeStyle ul {list-style-image:url(../images/ListStyleArrow.png); padding-left:15px;}
.contentHomeStyle li {margin-bottom:15px;}

.roundedBorderFrame {-moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; background:url(../images/content_bgr.gif); border:solid 1px #d6d9dc; width:212px; height:350px; margin-bottom:50px; margin-top:10px; float:left; position:relative;}
.contentSpacer {padding:11px;}
.mbArrow {float:left; margin:17px 9px 27px 0;}

.mbButton {cursor:pointer; bottom:-22px; left:29px; position:absolute;}

.mbButton_darkBlue {cursor:pointer; width:160px; height:37px; bottom:-18px; left:29px; position:absolute;}
	.mbButton_darkBlue a{width:160px; height:37px; display:block; background:url(../images/ReadMore_btn_darkBlue.png); margin:0; padding:0;}
	.mbButton_darkBlue a:hover{width:160px; height:37px; display:block; background:url(../images/ReadMore_btn_darkBlue.png) 0 37px; margin:0; padding:0;}
	
.mbButton_lightBlue {cursor:pointer; width:160px; height:37px; bottom:-18px; left:29px; position:absolute;}
	.mbButton_lightBlue a{width:160px; height:37px; display:block; background:url(../images/ReadMore_btn_lightBlue.png); margin:0; padding:0;}
	.mbButton_lightBlue a:hover{width:160px; height:37px; display:block; background:url(../images/ReadMore_btn_lightBlue.png) 0 37px; margin:0; padding:0;}
	
.mbButton_Cyan {cursor:pointer; width:160px; height:37px; bottom:-18px; left:29px; position:absolute;}
	.mbButton_Cyan a{width:160px; height:37px; display:block; background:url(../images/ReadMore_btn_Cyan.png); margin:0; padding:0;}
	.mbButton_Cyan a:hover{width:160px; height:37px; display:block; background:url(../images/ReadMore_btn_Cyan.png) 0 37px; margin:0; padding:0;}
	
.mbButton_Green {cursor:pointer; width:160px; height:37px; bottom:-18px; left:29px; position:absolute;}
	.mbButton_Green a{width:160px; height:37px; display:block; background:url(../images/ReadMore_btn_Green.png); margin:0; padding:0;}
	.mbButton_Green a:hover{width:160px; height:37px; display:block; background:url(../images/ReadMore_btn_Green.png) 0 37px; margin:0; padding:0;}

/*--------------- Body Content Section -----------------*/

.contentStyle ul {list-style-image:url(../images/ListStyleArrow.png); padding-left:25px;}
.contentStyle li {margin-bottom:15px;}

.container25px {padding:0 0 25px 25px; position:relative;}

.textBoxGrey {padding:40px; background:url(../images/content_bgr.gif);}
.textBoxWhite {padding:40px;}
.imgLeftPos {float:left; margin-right:50px;}
.imgRightPos {float:right; margin-left:50px;}

.roundedBorderFrame920 {-moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; background:url(../images/content_bgr.gif); border:solid 1px #d6d9dc; width:920px;}

/*--------------- Slide Section -----------------*/

.SlideSec {padding:0; margin:0; list-style:none;}
#content {width:600px; height:410px; overflow:hidden; position:relative; float:right;}
#SlideNav {width:260px; height:410px; background:url(../images/content_bgr.gif); -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; border:solid 1px #d6d9dc; float:left; padding-top:15px;}
	#SlideNav .sup {margin:15px 10px; font-size:14px; list-style:none;}
		#SlideNav ul {margin:5px 0; list-style:none;}
		#SlideNav a {font-weight:bold; text-decoration:none;}				
		#SlideNav .sup li {margin:3px 0 !important; margin:-4px 0;}
.SlideSec{width:600px; position:relative;}
	.SlideSec .sub {width:600px; height:410px; position:relative; float:left;}

/*--------------- Footer Section -----------------*/

.FooterLeftSec {float:left; width:350px; margin-top:30px; margin-left:25px; height:70px;}
.FooterLeftSec p {line-height:30px; font-size:14px; color:#62676a;}

.FooterRightSec {float:right; width:500px; margin-top:30px; margin-right:25px; text-align:right; font-size:14px;}
	.FooterRightSec ul {margin:0; padding:0; display:block; float:right; font-size:14px;}
	.FooterRightSec li {width:auto; list-style:none; display:inline;}
	.FooterRightSec li.Separator {padding-left:5px; padding-right:5px;}
	.FooterRightSec li a {width:auto; color:#62676a; text-decoration:none; display:inline;}
	.FooterRightSec li a:hover {width:auto; color:#3c9fee; display:inline; text-decoration:none;}
	
.FooterColorsSec {width:323px; height:10px; background:url(../images/Footer_colors.png) repeat-y right; right:25px; bottom:0; position:absolute;}
	
	.CopyRight {color:#62676a; text-decoration:none; bottom:20px; right:25px; font-size:12px; position:absolute;}