/*-----------------------------------------------------------------------------
	DEFAULT GLOBAL
-----------------------------------------------------------------------------*/

* {margin: 0; padding: 0;}

body {font: 62.5% Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, sans-serif; color: #444444; background: #ffffff url(../images/bg-page.gif) 0 0 repeat-x;}

.smaller {font-size: 0.9em;}
.smallest {font-size: 0.8em;}
.larger {font-size: 1.2em;}
.largest {font-size: 1.4em;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.floatleft {float: left;}
.floatright {float: right;}

p {margin: 0 0 1em 0;}

.strong {font-weight: bold;}
.em {font-style: italic;}
.hide {display: none;}
.block {display: block;}
.inline {display: inline;}
.none {display: none;}

.cap {text-transform: capitalize;}
.ucase {text-transform: uppercase;}
.lcase {text-transform: lowercase;}

hr {margin: 1em 0 1em 0; background: #b2cbe2; width: 100%; height: 1px; color: #b2cbe2; border: none; clear: both;}
.hr {margin: 1em 0 1em 0; border-top: 1px dotted #b2cbe2;}
	.hr hr {display: none;}
	
.clear {position: relative; width: 100%; clear: both; line-height: 0; height: 0; display: block;}

img {border: none;}
	img.left {float: left; margin: 0 20px 5px 0;}
	.typography img.left-bordered {float: left; margin: 0 20px 5px 0; border: 5px solid #e6eef6;}
	img.right {float: right; margin: 0 0 5px 20px;}
	img.right-bordered {float: right; margin: 0 0 5px 20px; border: 5px solid #e6eef6;}
	img.bordered {border: 5px solid #e6eef6; margin: 0 5px 5px 0;}
	img.center {float: none; margin: 0 auto; display: block;}
	
.caption {color: #e2383f; font-size: 0.9em; font-style: italic; text-align: left; display: block;}

		
/* for flash and similar */
embed, object {position: relative; z-index: 0;}

/*-----------------------------------------------------------------------------
	DEFAULT LINKS
-----------------------------------------------------------------------------*/

a {color: #e2383f; text-decoration: none; cursor: pointer;}
	a:hover {color: #444444;}
	a:focus {outline: none;}

/*-----------------------------------------------------------------------------
	TABLES
-----------------------------------------------------------------------------*/

table, td, th {vertical-align: top; text-align: left; font-size: 1em;}

/*-----------------------------------------------------------------------------
	DEFAULT HEADINGS
-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, sans-serif;}

h1 {font-size: 1.8em; font-weight: normal; color: #0053a0; margin: 0 0 1em 0;}
	
h2 {font-size: 1.6em; font-weight: normal; color: #999999; margin: 1em 0 0.7em 0;}

h3 {font-size: 1.4em; font-weight: normal; color: #e2383f; margin: 1em 0 0.7em 0;}

h4 {font-size: 1.3em; font-weight: bold; color: #0053a0; margin: 0.7em 0 0.5em 0;}

h5 {font-size: 1.2em; font-weight: bold; color: #999999; margin: 0.7em 0 0.5em 0;}

h6 {font-size: 1.1em; font-weight: bold; color: #e2383f; margin: 0.7em 0 0.5em 0;}

/*-----------------------------------------------------------------------------
	DEFAULT LISTS
-----------------------------------------------------------------------------*/

ul {margin: 0 0 1em 1.5em;}
	ul li {margin: 0 0 0.3em 0;}
	ul.spaced li {margin: 0 0 1em 0;}
	
ol {margin: 0.5em 0 1em 3em;}
	ol li {margin: 0 0 0.2em 0;}
	ol.spaced li {margin: 0 0 1em 0;}
	
/*
----------------------------------------------------------------------------- 
Forms
-----------------------------------------------------------------------------*/

form {font-size: 0.9em;}

fieldset, legend {margin: 0; padding: 0; border: 0;}

label {font-weight: bold; color: #444444;}

input, textarea, select {font: 1em Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, sans-serif; color: #444444; margin: 0 0 5px 0; padding: 1px 2px 1px 2px; border: 1px solid #b2cbe2; background: #f7fafc; width: 200px;}

	input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {background: #ffffff; border: 1px solid #e2383f;}
	
	.action {background: #e2383f; width: auto; color:#ffffff; padding: 1px 5px 1px 5px;}
		.action:hover, .action:focus {background: #0053a0; cursor: pointer;}
	
	textarea {overflow: auto; height: 100px;}
	
	select {padding: 0; width: 208px;}
	
form ul {list-style: none; margin: 0 0 5px 0;}

form#SearchForm_SearchForm {float: right; padding: 10px;}

#Search, #Search .middleColumn {display: inline;}

	#Search input {width: 100px; color: #808080;}

	#SearchForm_SearchForm .action {background: transparent url(../images/icon-search.gif) 0 0 no-repeat; border: 0; width: 12px; height: 15px; margin: 0 0 0 3px;}

.message {font-weight: bold; color: #e2383f}

input[type="radio"], input[type="checkbox"], input.checkbox {width: auto !important; margin: 2px 2px 0 0; border: 0;}
input[type="hidden"] {display: none;}
select[multiple="multiple"] {margin-left: 0;}

/*-----------------------------------------------------------------------------
	LAYOUT
-----------------------------------------------------------------------------*/

#container {position: relative; width: 980px; margin: 0 auto; text-align: left; background: transparent url(../images/bg-container.gif) 0 140px no-repeat;}

	#container .container{padding: 0 10px; margin: 0;}

#top-header {position: relative; width: 100%; height: 101px; overflow: hidden;}

#logo {position: absolute; top: 20px; left: 101px; display: block; background: transparent url(../images/logo-hillssvl-ed.png) 0 0 no-repeat;}
	#logo a {display: block; width: 375px; height: 68px;}
		#logo a span {display: none;}
	* html #logo {background: transparent url(../images/logo-hillssvl-ed.gif) 0 0 no-repeat;}

#phone-number {position: absolute; bottom: 20px; right: 10px; color: #808080; font-size: 2.4em; font-family: Helvetica, Arial, sans-serif;}

#text-sizes {position: absolute; bottom: 60px; right: 10px;}
	#text-sizes a {color: #e2383f; margin: 0 0 0 1px;}
		#text-sizes a:hover {color: #444444;}
	
#header {position: relative; width: 958px; height: 143px; background: #ffffff; border: 1px solid #b2cbe2; border-bottom: none; margin: 1px 0 0 0;}
	#header.home {height: 318px;}

#primary, #secondary, #tertiary {position: absolute; left: 9px; display: block;}

	#primary {top: 9px;}
	#secondary {top: 51px;}
		.home #secondary {top: 110px;}
	#tertiary {top: 93px;}
		.home #tertiary {top: 211px;}

	#primary a, #secondary a, #tertiary a {display: block; width: 250px; height: 41px;}
		.home #primary a, .home #secondary a, .home #tertiary a {height: 98px;}
	
		#primary a span, #secondary a span, #tertiary a span {display: none;}

	#primary a {background: transparent url(../images/primary2.jpg) 0 0 no-repeat;}
		.home #primary a {background: transparent url(../images/primary.jpg) 0 0 no-repeat;}

	#secondary a {background: transparent url(../images/secondary2.jpg) 0 0 no-repeat;}
		.home #secondary a {background: transparent url(../images/secondary.jpg) 0 0 no-repeat;}

	#tertiary a {background: transparent url(../images/tertiary2.jpg) 0 0 no-repeat;}
		.home #tertiary a {background: transparent url(../images/tertiary.jpg) 0 0 no-repeat;}

	#primary a:hover, #secondary a:hover, #tertiary a:hover, .home #primary a:hover, .home #secondary a:hover, .home #tertiary a:hover {background-position: -250px 0;}

#solutions {position: absolute; top: 9px; left: 269px; width: 680px; height: 300px; overflow: hidden;}

	#solutions .header, #solutions .content {float: left; height: 300px;}
		
	#solutions .header {display: block; width: 25px; background-position: 0 0; background-repeat: no-repeat;}

		#solutions .header a {display: block; width: 25px; height: 300px;}
			#solutions .header a span {display: none;}

	#solutions .content {position: relative; display: none; width: 0; overflow: hidden; background-position: 0 0; background-repeat: no-repeat;}

		#solutions .content.visible {display: block; width: 480px;}

		#solutions .content .overlay {position: absolute; width: 480px; height: 98px; bottom: 0; left: 0; background: transparent url(../images/bg-black-50.png); overflow: hidden; color: #ffffff; font-size: 1.7em; text-align: right; line-height: 1.2em;}
		
			* html #solutions .content .overlay {background: transparent url(../images/bg-black.gif);}

			#solutions .content .overlay a {display: block; width: 440px; height: 78px; padding: 10px 20px 10px 20px; color: #ffffff;}

			#solutions .content .overlay span.findout {display: block; background: transparent url(../images/findout.gif) 100% 0 no-repeat; height: 22px; margin: -5px 0 0 0;}

#heading {position: absolute; top: 9px; left: 269px; width: 680px; height: 125px; overflow: hidden; background: #0053a0;}

	#heading h1 {position: absolute; left: 20px; bottom: 10px; font-size: 3em; font-weight: normal; color: #e6eef6; margin: 0; text-transform: uppercase; width: 260px;}
	
	#heading img {float: right; width: 300px; height: 125px;}

	#heading #img-overlay {position: absolute; top: 0; left: 283px; width: 156px; height: 125px; background: transparent url(../images/header-img-overlay.png) 0 0 no-repeat;}
	
		* html #heading #img-overlay {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='images/header-img-overlay.png');}
	
#mid {border: 1px solid #b2cbe2;}

	#mid .container {width: 956px; background: transparent url(../images/bg-mid-top.gif) 0 0 repeat-x; margin: 1px; padding: 0;}

		#mid .container .container {background: transparent url(../images/bg-mid-bottom.gif) 0 100% repeat-x; margin: 0; padding: 20px 9px 20px 9px; width: auto; min-height: 300px}

		* html #mid .container .container {height: 300px}

#sidebar {float: left; width: 250px;}

#main {float: right; width: 660px;}

#breadcrumbs {width: 100%; border-bottom: 1px dotted #b2cbe2; padding: 0 0 3px 0; margin: 4px 0 15px 0; color: #999999;}

	#breadcrumbs a {color: #0053a0;}
		#breadcrumbs a:hover {color: #e2383f;}

#content {float: left; width: 380px; font-size: 1.2em; margin: 7px 0 0 0;}

	.home #content {width: 380px;}

#right {float: right; width: 250px; margin-top: 10px;}

	.home #right {width: 250px; margin-top: 0;}
	
.panel {background: #e6eef6; padding: 5px;}

	#right .panel {padding-bottom: 0;}
	
	.panel h1 {background: #0053a0 url(../images/bg-panel-0053a0.gif) 100% 0 no-repeat; margin: 0; padding: 7px 10px 7px 10px; font-size: 1.2em; color: #ffffff; text-transform: uppercase;}

	#sidebar .panel .container, #right .panel .container {margin: 0; padding: 10px; background: none; min-height: 0;}

		* html #sidebar .panel .container, #right .panel .container {height: 0;}

	.panel .banner {padding: 0 0 2px 0;}
		#banner {margin: 0 0 2px 0;}

#latest-news {margin: 10px; width: 220px;}

#partners {border: 1px solid #b2cbe2; margin: 1px 0 1px 0;}

	#partners .container {position: relative; width: 956px; height: 67px; background: #d9e6f1; margin: 1px; padding: 0;}

	#partner-logos {position: absolute; top: 12px; margin: 0 0 0 11px; width: 930px; height: 43px; overflow: hidden;}
	
	.partner-logo {display: block; margin: 0 10px 0 0;}

		.partner-logo a {display: block; width: 108px; height: 43px; background-position: 0 -43px; background-repeat: no-repeat;}
			.partner-logo a:hover {background-position: 0 -43px;}
			.partner-logo a span {display: none;}

#footer {float: left; color: #cccccc; background: #666666 url(../images/bg-footer-top.gif) 0 0 no-repeat; width: 100%;}

	#footer a {color: #cccccc;}
		#footer a:hover {color: #ffffff;}

	#footer .container {background: transparent url(../images/bg-footer-bottom.gif) 0 100% no-repeat; margin: 0; padding: 30px 0 50px 0; min-height: 220px;}

	* html #footer .container {height: 220px;}
	
	#footer .col {float: left; width: 200px; padding: 0 20px 0 20px;}

	#footer h1 {color: #ffffff; font-size: 1.2em; text-transform: uppercase; border-bottom: 1px solid #a1a1a1; padding: 0 0 10px 0; margin: 0 0 20px 0;}
	
#copyright {color: #bbbbbb; font-weight: bold; font-size: 0.9em;}

	#copyright a {color: #bbbbbb;}
		#copyright a:hover {color: #444444;}
	#copyright .floatleft {padding: 10px 10px 30px 20px;}
	#copyright .floatright {padding: 10px 20px 30px 10px;}
	#copyright .copy {font-size: 1.6em;}
	#copyright p {display: inline;}
	
blockquote {margin: 1.5em 10px 1.5em 10px; padding: 15px 30px 0 30px; background: url(../images/blockquote-start.gif) 0 0 no-repeat;}

	blockquote div {margin: 0 -30px -15px 0; padding: 0 30px 15px 0; background: url(../images/blockquote-end.gif) 100% 100% no-repeat; color: #b2cbe2; font-size: 1.4em; font-weight: bold;}

	cite {font-size: 0.8em; font-weight: normal; text-align: right; display: block; margin: 1em 0 0 0;}

#sitemap-list {margin: 0 0 1em 0.1em;}

	#sitemap-list li {list-style: none; font-weight: bold; text-transform: uppercase;}

		#sitemap-list ul {margin: 0 0 1em 2em;}

		#sitemap-list ul li {list-style: disc; font-weight: normal; font-size: 0.95em; text-transform: none;}

/*-----------------------------------------------------------------------------
	TOP NAV
-----------------------------------------------------------------------------*/

#nav {background: transparent url(../images/nav-divider.gif) 100% 0 no-repeat; height: 38px;}

/*** ESSENTIAL STYLES ***/
.nav, .nav * {margin: 0; padding: 0; list-style: none;}
	.nav {line-height: 1em;}
	
.nav ul {position: absolute; top: -999em; width: 15em;}
	
.nav li {float: left; position: relative; z-index: 1; width: auto;}
	.nav li li {width: 100%;}

.nav a {display: block;}

.nav li:hover ul, ul.nav li.sfHover ul {left: -1px; top: 38px;}

.nav li:hover li ul, .nav li.sfHover li ul {top: -999em;}

.nav li li:hover ul, ul.nav li li.sfHover ul {left: 15em; top: -1px;}

.superfish li:hover ul, .superfish li li:hover ul {top: -999em;}

/*** ACTUAL SKIN ***/
.nav {float: left; font-size: 1.1em; background: transparent url(../images/nav-divider.gif) 0 0 no-repeat;}

.nav ul {border: 1px solid #ffffff; border-bottom: none}

.nav li {font-weight: bold; text-transform: uppercase; background: transparent url(../images/nav-divider.gif) 100% 0 no-repeat;}

.nav li a {color: #ffffff; padding: 12px 1em 12px 1em; line-height: 14px;}

.nav li:hover, .nav li.sfHover, .nav li a:hover {color: #ffffff; background: #ca252c;}

.nav li li {border-bottom: 1px solid #ffffff; background: #f33b48; font-weight: normal; text-transform: none;}

.nav li li a {color: #ffffff; padding: 0.5em 1em 0.5em 1em; width: 13em; line-height: 1.1em;}

.nav li li:hover, .nav li li.sfHover, .nav li li a:hover {color: #ffffff; background: #ca252c;}

/*-----------------------------------------------------------------------------
	LHS NAV
-----------------------------------------------------------------------------*/

.nav2 {margin: 0 0 20px 0; padding: 0;}

.nav2 li {list-style: none; margin: 1px 0 0 0; padding: 0;}
	.nav2 li a {color: #0053a0; display: block; padding: 5px 10px 5px 10px; background: #b2cbe2; text-transform: uppercase;}
	* html .nav2 li a {display: inline-block; width: 220px;}
		.nav2 li a:hover, .nav2 li a.current {color2: #ffffff; background: #ffffff;}
			.nav li a.current:hover {color: #b2cbe2; font-weight: bold;}

.nav2 li ul {margin: 0; padding: 0 0 10px 10px;}
.nav2 li li {margin: 0;}
	.nav2 li li a {padding: 4px 10px 4px 10px; text-transform: none; background: none; border-bottom: 1px dotted #b2cbe2;}
	* html .nav2 li li a {width: 210px;}