@charset "utf-8";
/* CSS Document */

body {
	background:url(images/homeBkg.jpg) top center no-repeat;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.clear {clear:both;}

/* WRAPPER */
#wrapper {
	width:1000px;
	border:0px solid red;
	margin:0px auto;
}


/* TOP BAR */
#topBar {
	width:100%;
	border:0px solid white;
	margin:15px 0px;
	}
#topBar .logo {
	background:url(images/logo.png);
	width:315px;
	height:65px;
	float:left;
	}
#topBar .mainMenu {
	width:auto;
	height:66px;
	float:right;
	border:0px solid red;
	background:url(images/mainMenuBkg.png) top left repeat;
	}

/* MAIN MENU */
.cssmenu ul,
.cssmenu li,
.cssmenu span,
.cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
.cssmenu {
  border-radius: 0px;
}
.cssmenu:after,
.cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
.cssmenu a {
	display: inline-block;
	font-size:11px;
	text-transform:uppercase;   
	padding:25px 12px;
	color:#fff;
	text-decoration: none;
}
.cssmenu ul {
  list-style: none;
}
.cssmenu > ul {
  float: right;
}
.cssmenu > ul > li {
  float: left;
}
.cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -10px;
}
.cssmenu > ul > li:first-child a {
  border-radius: 0px 0 0 0;
}
.cssmenu > ul > li:last-child a {
  border-radius: 0px;
}
.cssmenu > ul > li.active a {
  background: #070707;
  background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
  background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
  background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
  background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
}
.cssmenu > ul > li:hover > a {
	color:#fff;
}
.cssmenu .has-sub {
  z-index: 9999;
}
.cssmenu .has-sub:hover > ul {
  display: block;
}
.cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 250px;
  top: 100%;
  left: 0;
  z-index:9999;
}
.cssmenu .has-sub ul li {
  *margin-bottom: -1px;
  margin-left:0px;
}
.cssmenu .has-sub ul li a {
	background: #fdb65d;
	border-bottom: 1px solid #fff;
	filter: none;
	color:#fff;
	font-size:11px;
	text-transform:uppercase; 
	display: block;
	line-height: 120%;
	padding: 10px;
}
.cssmenu .has-sub ul li:hover a {
  color:#fff;
}
.cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
.cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
.cssmenu .has-sub .has-sub ul li a {
  background: #528009;
  border-bottom: 1px dotted #97b36b;
}
.cssmenu .has-sub .has-sub ul li a:hover {
  background: #345105;
}

/* COLORS IN MENUS */
.cssmenu li.white {
	border-bottom:4px solid #1871a8;
}
.cssmenu li.white a:hover {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;	
}
.cssmenu li.whiteCurrent, .cssmenu li.whiteCurrent a {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;	
}

.cssmenu li.red {
	border-bottom:4px solid #db2e30;
}
.cssmenu li.red a:hover {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;	
}
.cssmenu li.redCurrent, .cssmenu li.redCurrent a {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;	
}

.cssmenu li.orange {
	border-bottom:4px solid #ff7b3a;
}
.cssmenu li.orange a:hover {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;	
}
.cssmenu li.orangeCurrent, .cssmenu li.orangeCurrent a {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;	
}

.cssmenu > ul > li.orange:hover > a {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;	
}
.cssmenu .orange ul li a {
	background:url(images/mainMenuBkg.png) repeat;
	border-bottom: 0px solid #fff;
	filter: none;
	color:#fff;
	font-size:11px;
	text-transform:uppercase; 
	display: block;
	line-height: 120%;
	padding: 10px;
}
.cssmenu .orange ul li a:hover {
	background: #477393;
	color:#fff;
}

.cssmenu li.yellow {
	border-bottom:4px solid #fedb21;
}
.cssmenu li.yellow a:hover {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;	
}
.cssmenu li.yellowCurrent, .cssmenu li.yellowCurrent a {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;	
}

.cssmenu li.green {
	border-bottom:4px solid #2fad49;
	margin-top:1px;
}
.cssmenu li.green a:hover {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;	
}
.cssmenu li.greenCurrent, .cssmenu li.greenCurrent a {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;	
}

.cssmenu li.blue {
	border-bottom:4px solid #3fa8c8;
}
.cssmenu li.blue a:hover {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;	
}
.cssmenu li.blueCurrent, .cssmenu li.blueCurrent a {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;
}


.cssmenu > ul > li.blue:hover > a {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;	
}
.cssmenu .blue ul li a {
	background:url(images/mainMenuBkg.png) repeat;
	border-bottom: 0px solid #fff;
	filter: none;
	color:#fff;
	font-size:11px;
	text-transform:uppercase; 
	display: block;
	line-height: 120%;
	padding: 10px;
	width:237px;
	width:235px;
}
body:nth-of-type(1) .cssmenu .blue ul li a{width:236px;}
.cssmenu .blue ul li a:hover {
	color:#fff;
	background:#477393;
}
.cssmenu li.indigo {
	border-bottom:4px solid #2b6096;
}
.cssmenu li.indigo a:hover {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;	
}
.cssmenu li.indigoCurrent, .cssmenu li.indigoCurrent a {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;	
}

.cssmenu > ul > li.indigo:hover > a {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;	
}
.cssmenu .indigo ul li a {
	background:url(images/mainMenuBkg.png) repeat;
	border-bottom: 0px solid #fff;
	filter: none;
	color:#fff;
	font-size:11px;
	text-transform:uppercase; 
	display: block;
	line-height: 120%;
	padding: 10px;
	width:140px;
}
body:nth-of-type(1) .cssmenu .indigo ul li a{width:136px;}
.cssmenu .indigo ul li a:hover {
	color:#fff;
	background:#477393;
}
.cssmenu li.voilet {
	border-bottom:4px solid #705093;
}
.cssmenu li.voilet a:hover {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;	
}
.cssmenu li.voiletCurrent, .cssmenu li.voiletCurrent a {
	color:#fff;
	background:url(images/mainMenuBkgHover.png) repeat;	
}

/* BANNER */
#banner {
	background:url(images/statement.png) left center no-repeat;
	width:100%;
	height:480px;
	border:none;
	margin:0px;
}

/* HOMEPAGE BOXES */
#homepageBox {
	width:100%;
	border:0px solid blue;
}
#homepageBox .boxShadow {
	background:url(images/boxShadow.jpg);
	height:15px;
	width:245px;
	border:0px solid blue;
}
#homepageBox .leftBox {
	width:245px;
	height:355px;
	float:left;
	margin-right:6px;
	border:0px solid blue;
}
#homepageBox .leftBoxHeading {
	background:#fff;
	width:230px;
	height:30px;
	font-size:14px;
	color:#053a48;
	padding:15px 0px 0px 15px;
	text-transform:uppercase;
}
#homepageBox .leftBoxImg01 {
	background:url(images/leftBoxImage01.jpg);
	width:245px;
	height:109px;
}
#homepageBox .leftBoxImg02 {
	background:url(images/leftBoxImage02.jpg);
	width:245px;
	height:109px;
}
#homepageBox .leftBoxImg03 {
	background:url(images/leftBoxImage03.jpg);
	width:245px;
	height:109px;
}
#homepageBox .rightBox {
	width:245px;
	height:345px;
	float:right;
	margin-right:0px;
	border:0px solid blue;
}
#homepageBox .rightBoxHeading {
	background:#fff;
	width:230px;
	height:30px;
	font-size:14px;
	color:#053a48;
	padding:15px 0px 0px 15px;
	text-transform:uppercase;
}
#homepageBox .rightBoxImg04 {
	background:url(images/leftBoxImage04.jpg);
	width:245px;
	height:109px;
}
#homepageBox .leftBoxLightBlue {
	background:#c8e3ea;
	width:225px;
	height:165px;
	font-size:12px;
	color:#001a21;
	padding:10px;
}
#homepageBox .leftBoxDarkBlue {
	background:#4ca0c1;
	width:225px;
	height:165px;
	font-size:12px;
	color:#fff;
	padding:10px;
}
#homepageBox .leftBoxDarkBlue a {
	font-size:12px;
	color:#fff;
	text-decoration:underline;
}
#homepageBox .leftBoxDarkGreen {
	background:#98cc4e;
	width:225px;
	height:165px;
	font-size:12px;
	color:#fff;
	padding:10px;
}
#homepageBox .rightBoxLightGreen {
	background:#c6e999;
	width:225px;
	height:165px;
	font-size:12px;
	color:#3f6506;
	padding:10px;
}




h1 {
	font-size:13px;
	color:#fff;
	margin:-4px 0px 10px 0px;
}

p { font-size:12px; margin:0px 0px 10px 0px;}



/* FOOTER HOME PAGE */
#footerHome {
	border-top:1px solid #e5e5e5;
	padding-top:15px;
	margin-top:50px;
	margin-bottom:20px;
	width:100%;
}
#footerHomeInner {
	width:1000px;
	margin:0px auto;
}
#footerHomeInner .leftColFHI {
	width:850px;
	margin:0px;
	float:left;
	border:0px solid blue;
}
#footerHomeInner .leftColFHI ul {
	margin:0px 0px 10px -50px;
}
#footerHomeInner .leftColFHI li {
	list-style:none;
	display:inline;
	padding:0px 10px;
	font-size:12px;
	text-transform:uppercase;
}
#footerHomeInner .leftColFHI li a {
	color:#c6c6c6;
	text-decoration:none;
}
#footerHomeInner .leftColFHI li a:hover {
	color:#666;
	text-decoration:none;
}

/* COPYRIGHT HOME */
#footerHomeInner .copyright {
	color:#c6c6c6;
	font-size:11px;
	margin-top:0px;
	clear:both;
	text-decoration:none;
}
#footerHomeInner .copyright a {
	color:#666;
	text-decoration:none;
}
#footerHomeInner .copyright a:hover {
	color:#666;
	text-decoration:underline;
}
/* --------------------- */


#footerHomeInner .socialHome {
	border:0px solid blue;
	width:110px;
	float:right;
}
#footerHomeInner .facebook {
	background:url(images/socialSprite.png) top left no-repeat;
	border:0px solid blue;
	width:32px;
	height:32px;
	float:right;
	margin-left:3px;
}
#footerHomeInner .facebook:hover {
	background-position:0px -32px;
}
#footerHomeInner .twitter {
	background:url(images/socialSprite.png) -34px 0px no-repeat;
	border:0px solid blue;
	width:32px;
	height:32px;
	float:right;
	margin-left:3px;	
}
#footerHomeInner .twitter:hover {
	background-position:-34px -32px;
}
#footerHomeInner .linkedin {
	background:url(images/socialSprite.png) -68px 0px no-repeat;
	border:0px solid blue;
	width:32px;
	height:32px;
	float:right;
	margin-left:3px;	
}
#footerHomeInner .linkedin:hover {
	background-position:-68px -32px;
}


