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

/* --- Global Style ---*/

body, html {
width:100%;
height:100%;
margin:0px;
padding:0px;
text-align:center;
background: #dbe0e3 url(../images/bg.png) top center repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
line-height:16px;
}

div{
margin:0px;
padding:0px;
}

p {
line-height:16px;
margin-bottom:15px;
margin-top:0px;
font-size:11px;
}
h1 {
	
}
h2 {
	font-size:14px;
	margin-bottom:15px;
	margin-top:0px;
	font-family: "arial";
}
h3 {
	
}


img {
padding: 0px;
margin: 0px;
border: 0px;
}
a {
	color:#68ace5;
	text-decoration:underline;
}
a:hover {
	color:#00529b;
	text-decoration:underline;
}
a:active, a:focus {
      outline: 0;
}
.clear {
	height:0px;
	width:100%;
	clear:both;
}

/* Structure */

.container {
	width:900px;
	padding:0px 4px;
	height:auto;
	margin:0px auto;
	background: #dbe0e3 url(../images/bg-container.png) top center repeat;
	text-align:left;
}
/*Header */
#header {
	width:100%;
	height:131px;
	padding-bottom:1px;
	border-bottom:3px solid #e4e2d9;
	position:relative;
	z-index:10;
}
#logo {
	float:left;
}
#header .address {
	float:right;
	padding:14px;
	text-align:right;
	width: 210px;
	line-height: 13px;
}
#header .address span {
	color:#00338e;
}
#topnav {
	width:141px;
	height:26px;
	position:absolute;
	z-index:15;
	background: url(../images/bg-topnav.png) top left no-repeat;
	bottom:32px;
	right:15px;
	color:#7bbff8;
	float: right;
}
#topnav a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
#topnav a:hover {
	text-decoration:underline;
}
#topnav p {
	padding:6px 0px 0px 19px;
}
/*Menu*/

#menu {
	width:900px;
	height:34px;
	position:absolute;
	bottom:0px;
	left:0px;
	background: url(../images/bg-nav.png) top left repeat-x;
	z-index:10;
}

#menu ul {
	margin:0;
	padding:0px 0px 0px 170px;
}
#menu ul li {
	list-style-type: none;
	float:left;
	margin: 0;
	padding: 0;
	position:relative;
	display:block;
}
#menu ul li.divider {
	width:1px;
	height:34px;
	background:url(../images/divider-menu.png) top left no-repeat;
}
#menu ul li a {
	display:block;
	height:34px;
	text-indent:-9999em;
}
#nav1 {
	width:82px;
	background:url(../images/nav1.png) top left no-repeat;
}
#nav2 {
	width:96px;
	background:url(../images/nav2.png) top left no-repeat;
}
#nav3 {
	width:212px;
	background:url(../images/nav3.png) top left no-repeat;
}
#nav4 {
	width:147px;
	background:url(../images/nav4.png) top left no-repeat;
}
#nav5 {
	width:74px;
	background:url(../images/nav5.png) top left no-repeat;
}
#nav6 {
	width:109px;
	background:url(../images/nav6.png) top left no-repeat;
}
#nav1:hover, #nav2:hover, #nav3:hover, #nav4:hover, #nav5:hover, #nav6:hover {
	background-position:0px -34px;
}
#menu .active {
	background-position:0px -34px !important;
}
#menu li ul {
	display:block;
	position: absolute;
	left: -999em;
	top:34px;
	padding:3px 0px 0px 0px;
	z-index: 40;
	clear:none;
	overflow:hidden;
	
}
#menu ul li:hover ul {
	display:block;
	z-index:9000;
	float:left;
	position:absolute;
	left: 0px;
	overflow:visible;
	z-index:40;
}
#menu ul li.sfHover ul {
	display:block;
	z-index:9000;
	position:absolute;
	float:left;
	clear:both;
	left:0px;
	z-index:40;
	overflow:visible;
}
#menu ul li ul li {
	clear:both;
	overflow:visible;
	margin:0px;
	border:1px solid #e4e2d9;
	border-width: 0px 1px 1px 1px;
}
#menu ul li ul li:first-child {
}
#menu ul li ul li a {
	display: block;
	width:180px;
	height:auto;
	text-indent:0px;
	padding:10px 11px 10px 11px;
	text-align: left;
	cursor:pointer;
	background:#ffffff;
	color:#666666;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
}
#menu ul li ul li a:hover {
	background:#68ace5;
	color:#ffffff;
	text-decoration:none;
}
/*Tertiary Nav*/
#menu ul li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#menu ul li li:hover ul, #nav li li.sfhover ul {
	display:block;
	position: absolute;
	z-index: 50;
	clear:none;
	overflow:visible;
	left: 160px;
	top:0px;
}
#menu ul li ul li ul li a {
}
/*End Tertiary Nav*/

/*Content */

#main {
	position:relative;
	z-index:1;
	width:100%;
}

#content {
	float:right;
	width:613px;
	position:relative;
	padding-right:42px;
	padding-top:27px;
}
#content p { line-height:20px; }
.alignright {
	float:right;
	margin:15px;
}
.hdr {
	display:block;
	margin-bottom:36px;
	clear:both;
}
/*Home */
#mainbanner {
	width:900px;
	height:264px;
	padding-bottom:1px;
	border-bottom:8px solid #c1c1c1;
}
#homecontent {
	width:816px;
	/*height:200px;*/
	height: 225px;
	margin:0px auto;
	padding-top:40px;
}
#homecontent a { font-weight:bold; }
#homemain {
	float:left;
	width:358px;
	height:200px;
}
#homemain h2 {
	color:#272727;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 10px 0px;
}
#homemain h2, #homemain p {
	padding-right:38px;
}
#casestudies {
	/*background: url(../images/bg-home-casestudies.png) top left no-repeat;*/
	background: url(../images/bg-home-casestudies.png) bottom left no-repeat;
	width:229px;
	/*height:200px;*/
	height: 230px;
	float:left;
}
#casestudies ul {
	list-style-type:none;
	margin:0px;
	padding:0px 10px 0px 16px;
	}
#casestudies li {
padding-left:15px; /* move text away from image */
margin:0px 0px 3px 0px;
background:url(../images/arrow.png) no-repeat 0 5px; /* use image position to align to text */
line-height:14px;
}
#casestudies .more {
	text-align:right;
	padding:3px 16px 0px 0px;
}
#homevideos {
	background: url(../images/bg-home-videos.png) top left no-repeat;
	width:182px;
	height:200px;
	float:right;
	padding:0px 13px 0px 14px;
}
#homevideos .more {
	text-align:right;
	padding-top:8px;
}
#homevideos .more a { color:#ffffff; }

#homeoptout {
	background: url(../images/bg-home-opt-out-settlements.png) top left no-repeat;
	width:182px;
	height:200px;
	float:right;
	padding:0px 13px 0px 14px;
}
#homeoptout .more {
	text-align:right;
	padding-top:8px;
}
#homeoptout .more a { 
	color:#dfb043; 
		font-weight:normal !important;
}

/*Sidebar */
#sidebar {
	width:184px;
	float:left;
	position:relative;
	left:42px;
	padding-top:27px;
}
#sidebarvideos {
	background: url(../images/bg-sidebar-videos.png) top left no-repeat;
	width:164px;
	height:200px;
	float:right;
	padding:0px 10px 0px 10px;
	margin-top:15px;
}
#sidebarvideos .more {
	text-align:right;
	padding-top:6px;
}
#sidebarvideos .more a { color:#ffffff; }

#sidebaroptout {
	background: url(../images/bg-sidebar-opt-out-settlements.png) top left no-repeat;
	width:164px;
	height:200px;
	float:right;
	padding:0px 13px 0px 8px;
}
#sidebaroptout .more {
	text-align:right;
	padding-top:8px;
}
#sidebaroptout .more a { 
	color:#dfb043; 
	font-weight:normal !important;
}

#sidebar ul {
	margin:0px 0px 20px 0px;
	padding:0px;
	list-style:none;
}
#sidebar ul li {
	border-top:1px solid #fdfdfd;
	border-bottom:1px solid #d6d6d6;
}
#sidebar ul li a {
	text-decoration:none;
	color:#555555;
	background:#f7f7f4;
	display:block;
	padding:12px 0px 12px 28px;
	line-height:11px;
}
#sidebar ul li a:hover {
	background: #f7f7f4 url(../images/bg-sidebar-nav.png) 18px 13px no-repeat;
	font-weight:bold;
}
#sidebar ul li a.active {
	background: #f7f7f4 url(../images/bg-sidebar-nav.png) 18px 13px no-repeat !important;
	font-weight:bold !important;
}
#sidebar h2 {
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
	color:#424242;
	margin:0px;
	line-height:11px;
	padding:12px 0px 12px 28px;
	border-top:5px solid #a9a9a9;
	border-bottom:1px solid #d6d6d6;
}

/*Footer */
#footer {
	width:100%;
	height:90px;
	background:#949494;
	position:relative;
	z-index:1;
	margin-top:26px;
}
#footer p {
	color:#ffffff;
	font-size:10px;
}
#footer .left {
	float:left;
	padding:13px 42px;
}
#footer .right {
	float:right;
	padding:13px 42px;
	text-align:right;
}
#footer a {
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
	color:#ffffff;
}


/*Accordian Dropdown */
.demo-show {
   width: 614px;

}
.demo-show h2 {
   color:#68ACE5;
   font-size:12px;
   margin: 0;
   padding-bottom:15px;
   cursor:pointer;
}
.demo-show div {
  padding: .5em .25em;
}

/*Video Rollover*/
a.video { 
        background:url('../images/playvideo-s.jpg') no-repeat 0px 0px; 
        width: 164px; 
        height: 104px; 
        display: block; 
}

a.video span { 
        display: none; 
}

a.video:hover { 
        background: url('../images/playvideo-s.jpg') no-repeat 0px -104px; 
}
