@charset "utf-8";

/*****Zero out margins and padding************************************************************************************/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, th, td, input, textarea, select { margin: 0; padding: 0; }

/******BASIC TAG DEFINITIONS************************************************************************************/

body {
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #4E4E4E; 
	line-height: 18px;
	background: #000 url(/images/harris-back.jpg) repeat-x 0 0;
}

h1 {font: 22px Georgia, Palatino, serif; color: #396178; font-weight: normal; margin-bottom: 15px;}
h2 {font: 18px Georgia, Palatino, serif; font-weight: normal; color: #4e4e4e; margin-bottom: 8px;}
h3 {font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #AC6926;}
h4 {font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #396178;}
h5 {font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #2A4A5D;}
h1.resourceCenter {font: 18px Georgia, Palatino, serif; font-weight: normal; color: #4e4e4e; margin-bottom: 8px;}

p {margin-bottom: 15px;}
img {border:0;}
a:link {color: #006594; text-decoration: underline;}
a:visited {color: #5D8293; text-decoration: underline;}
a:hover {color: #BD7731; text-decoration: underline;}

#pageTxt ul, ol, blockquote {margin: 0 0 10px 24px;}
#pageTxt ul {list-style-image: url(/images/bullet.gif);}
#pageTxt ul li {margin-bottom: 10px;}

input {font-size: 11px;}

/******LAYOUT**************************************************************************************************/

.clearing {clear: both;}

#wrapper, #utility {width: 940px; margin: 0 auto;}

ul#utility {list-style: none; margin-top: 10px; height: 25px;}
ul#utility li {float: right; border-right: 1px solid #fff; padding: 0 10px; line-height: 14px;}
ul#utility li.first {border: none; padding: 0 0 0 10px;}
ul#utility li a:link, ul#utility li a:visited {text-decoration: none; color: #fff; font-weight:bold;}
ul#utility li a:hover {text-decoration: underline; color: #fff; font-weight:bold;}

#header {
	height: 199px; 
	padding: 21px 10px 0px 10px;
	background: #fff url(/images/page-top.png) no-repeat 0 0;
}

#logo {
	float: left; 
	width: 236px; 
	background: #D28A41; 
	color: #fff; 
	height: 199px;
	position: relative;
}

#logo a.logo  {
display: block; 
width: 236px; 
height: 199px;
overflow:hidden;
position:absolute;
left: 0;
top: 0;
}

#logo a.logo span {
cursor: pointer; 
display: block; 
height: 199px; 
width: 236px;
position: absolute; 
left: 0; 
top: 0;
background: url(/images/logo.gif) no-repeat 0 0;
}

#branding {
	float: right; 
	width: 684px; 
	height: 148px;
	background: url(/images/branding.jpg) no-repeat top right;
	}

#brandingHome {
	float: right; 
	width: 684px; 
	height: 148px;
	}

.frame0 {background: url(/images/branding1.jpg) no-repeat top right;}
.frame1 {background: url(/images/branding2.jpg) no-repeat top right;}
.frame2 {background: url(/images/branding3.jpg) no-repeat top right;}
.frame3 {background: url(/images/branding.jpg) no-repeat top right;}

#searchForm {margin:0;}
#search {
	float: right; 
	width: 206px; 
	height: 39px; 
	background: url(/images/search-back.png) no-repeat 0 0;
	padding: 14px 13px 0 19px;
}

#contentArea {background: #fff; padding: 6px 10px 10px 10px;}

#contentArea.home {padding-top: 14px;}

#mainContent {
	clear:left;
	width: 670px; 
	float:left; 
}

#breadcrumbs {
	width: 490px; 
	padding-right: 180px;
	font-size: 10px;
	margin-top: -2px;
	margin-bottom: -2px;
	line-height: 12px;
	}
#breadcrumbs a {
	text-decoration: none;
	}
	
#pageTxt {
	background: url(/images/content-back.png) no-repeat 0 0; 
	padding: 0 16px;
}

#pageUtility {text-align: right; line-height: 12px;}
#pageTxt #pageUtility a { display:block;float:right; }
#pageTxt #pageUtility img {margin-left: 3px; padding: 0px; border: 0px;}
#pageTxt #pageUtility div.share {
	margin-left: 3px; 
	padding: 4px 0; 
	border: 0px; 
	background-image:url(/images/share-btn.png); 
	background-repeat:no-repeat;
	float:right;
	width:93px;
	height:26px;
}

#portals {
	width: 670px; 
	border-top: 1px solid #BFD1DB;
	border-bottom: 1px solid #BFD1DB;
	margin: 30px 0;
	background: url(/images/portal-divider.gif) repeat-y 0 0;
	padding-top: 10px;
}

#sidebar {width: 240px; float:right;}

#footer {
	width: 940px; 
	height: 123px;
	margin: 0 auto;
	background: #C9D4DB url(/images/footer-back.png) no-repeat 0 0;
	color: #000;
	text-align: center;
	padding-top: 15px;
	line-height: 20px;
	margin-bottom: 6px;
}

#footer2 {
	width: 940px; 
	height: 45px;
	margin: 0 auto; 
	color: #fff;
}

#copy {width: 400px; float:left;}
#webo {width: 400px; float: right; text-align: right; padding-right: 20px; background: url(/images/webo.gif) no-repeat right 2px;}


/*****************MENU STYLES***********************************************************************************/

#navWrap, ul#nav {
	clear: right;
	list-style: none;
	float: right;
	width: 684px;
	height: 51px;
}

ul#nav {background: #000 url(/images/nav-back.jpg) no-repeat 0 0;}

ul#nav li {
	float: left;
	height: 51px;
}

/*main nav*/


ul#nav li#nav1 {width: 148px;}
ul#nav li#nav2 {width: 112px;}
ul#nav li#nav3 {width: 140px;}
ul#nav li#nav4 {width: 162px;}
ul#nav li#nav5 {width: 122px;}

ul#nav li a  {
display: block; 
height: 51px; 
color: #fff;
font-weight:bold;
overflow:hidden;
position:relative;
}

#navWrap ul#nav {background:none;}

ul#nav li a span {
cursor: pointer; 
display: block; 
height: 51px; 
position: absolute; 
left: 0; 
top: 0;
}

ul#nav li#nav1 a span { width: 148px; background: url(/images/nav.png) no-repeat 0px 0px; }
ul#nav li#nav2 a span { width: 112px; background: url(/images/nav.png) no-repeat -148px 0px; }
ul#nav li#nav3 a span { width: 140px; background: url(/images/nav.png) no-repeat -260px 0px; }
ul#nav li#nav4 a span { width: 162px; background: url(/images/nav.png) no-repeat -400px 0px; }
ul#nav li#nav5 a span { width: 122px; background: url(/images/nav.png) no-repeat -562px 0px; }

ul#nav li#nav1 a:hover span, ul#nav li#nav1 a.selected span, ul#nav li#nav1.active a:hover span { 
	background: url(/images/nav.png) no-repeat 0 -51px; 
}
ul#nav li#nav2 a:hover span, ul#nav li#nav2 a.selected span, ul#nav li#nav2.active a:hover span  { 
	background: url(/images/nav.png) no-repeat -148px -51px; 
}
ul#nav li#nav3 a:hover span, ul#nav li#nav3 a.selected span, ul#nav li#nav3.active a:hover span  { 
	background: url(/images/nav.png) no-repeat -260px -51px; 
}
ul#nav li#nav4 a:hover span, ul#nav li#nav4 a.selected span, ul#nav li#nav4.active a:hover span  { 
	background: url(/images/nav.png) no-repeat -400px -51px; 
}
ul#nav li#nav5 a:hover span, ul#nav li#nav5 a.selected span, ul#nav li#nav5.active a:hover span  { 
	background: url(/images/nav.png) no-repeat -562px -51px; 
}

ul#nav li#nav1.active a span { width: 148px; background: url(/images/nav.png) no-repeat 0px -102px; }
ul#nav li#nav2.active a span { width: 112px; background: url(/images/nav.png) no-repeat -148px -102px; }
ul#nav li#nav3.active a span { width: 140px; background: url(/images/nav.png) no-repeat -260px -102px; }
ul#nav li#nav4.active a span { width: 162px; background: url(/images/nav.png) no-repeat -400px -102px; }
ul#nav li#nav5.active a span { width: 122px; background: url(/images/nav.png) no-repeat -562px -102px; }

.opt0 {background: #000 url(/images/nav-back1.jpg) no-repeat 0 0;}
.opt1 {background: #000 url(/images/nav-back2.jpg) no-repeat 0 0;}
.opt2 {background: #000 url(/images/nav-back3.jpg) no-repeat 0 0;}
.opt3 {background: #000 url(/images/nav-back.jpg) no-repeat 0 0;}


/*****************HOME PORTALS STYLES***********************************************************************************/

#mainContent #portals p {line-height: 16px;}
#mainContent #portals ul {list-style: none; margin: 0px;}
#mainContent #portals ul li {border-bottom: 1px dashed #BFD1DB; padding: 10px; margin: 0px;}
#mainContent #portals ul li.highlight {border-bottom: 0px; background: #e8eef2; font-size: 12px; line-height: 18px; display: block;}
#mainContent #portals ul li p {margin-bottom: 6px;}

#portal1 {width: 326px; float: left;}
#portal2 {width: 320px; float: right; margin-left: 10px;}

#portal1 h2 {padding-left: 8px;}

#portal1 h2, #portal2 h2 {font: 18px Georgia, Palatino, serif; font-weight: normal; color: #BD7731; margin-bottom: 10px;}

#portal1 h4 a, #portal1 h5 a {text-decoration: none;}
#portals a {font-weight: bold;}

#portal1 img.left {margin-bottom: 0px;}

/*****************SIDE BAR STYLES***********************************************************************************/

ul#ctas {list-style: none; width: 239px; margin-bottom: 15px;}
ul#ctas li {width: 239px;}

ul#ctas li a  {
display: block; 
width: 239px; 
background: #006594;
color: #fff;
overflow:hidden;
position:relative;
}


ul#ctas li#cta1 a {height: 38px;}
ul#ctas li#cta2 a {height: 37px;}
ul#ctas li#cta3 a {height: 39px;}

ul#ctas li a span {
cursor: pointer; 
display: block; 
width: 239px; 
position: absolute; 
left: 0; 
top: 0;
}

ul#ctas li#cta1 a span { height: 38px; background: url(/images/ctas.gif) no-repeat 0px 0px; }
ul#ctas li#cta2 a span { height: 37px; background: url(/images/ctas.gif) no-repeat 0px -38px; }
ul#ctas li#cta3 a span { height: 39px; background: url(/images/ctas.gif) no-repeat 0px -75px; }

ul#ctas li#cta1 a:hover span { 	background: url(/images/ctas.gif) no-repeat -239px 0px; }
ul#ctas li#cta2 a:hover span { 	background: url(/images/ctas.gif) no-repeat -239px -38px; }
ul#ctas li#cta3 a:hover span { 	background: url(/images/ctas.gif) no-repeat -239px -75px; }

h2#connectHead {
	display:block; 
	overflow: hidden; 
	position:relative; 
	width: 239px; 
	height: 31px;
	background: #fff;
	color: #006594;
	margin: 0px;
}

h2#connectHead span {
	display: block; 
	width: 239px; 
	position: absolute; 
	left: 0; 
	top: 0;
	height: 31px; 
	background: url(/images/connect-top.gif) no-repeat 0px 0px;
}

ul#connect {list-style: none; width: 239px; margin-bottom: 15px;}
ul#connect li {width: 239px;}

ul#connect li a  {
	display: block; 
	width: 239px; 
	background: #006594;
	color: #fff;
	overflow:hidden;
	position:relative;
}

ul#connect li#connect1 {
	display: block;
	width: 239px;
	height: 43px;
	background: #006594;
	color: #fff;
	overflow:hidden;
	position:relative	
	}
ul#connect li#connect2 a, ul#connect li#connect3 a, ul#connect li#connect4 a {height: 43px;}
ul#connect li#connect5 a {height: 44px;}

ul#connect li a span {
display: block; 
width: 239px; 
position: absolute; 
left: 0; 
top: 0;
}

ul#connect li#connect1 span {
cursor: pointer; 
display: block; 
width: 239px; 
position: absolute; 
left: 0; 
top: 0;
height: 43px; 
background: url(/images/connect-phone.gif) no-repeat 0px 0px;
}

ul#connect li#connect2 a span { height: 43px; background: url(/images/connect.gif) no-repeat 0px 0px; }
ul#connect li#connect3 a span { height: 43px; background: url(/images/connect.gif) no-repeat 0px -43px; }
ul#connect li#connect4 a span { height: 43px; background: url(/images/connect.gif) no-repeat 0px -86px; }
ul#connect li#connect5 a span { height: 44px; background: url(/images/connect.gif) no-repeat 0px -129px; }

ul#connect li#connect2 a:hover span { height: 43px; background: url(/images/connect.gif) no-repeat -239px 0px; }
ul#connect li#connect3 a:hover span { height: 43px; background: url(/images/connect.gif) no-repeat -239px -43px; }
ul#connect li#connect4 a:hover span { height: 43px; background: url(/images/connect.gif) no-repeat -239px -86px; }
ul#connect li#connect5 a:hover span { height: 44px; background: url(/images/connect.gif) no-repeat -239px -129px; }

h2#updateHead {
	display:block; 
	overflow: hidden; 
	position:relative; 
	width: 239px; 
	height: 42px;
	background: #fff;
	color: #006594;
	margin: 0px;
}

h2#updateHead span {
	display: block; 
	width: 239px; 
	position: absolute; 
	left: 0; 
	top: 0;
	height: 42px; 
	background: url(/images/update-top.gif) no-repeat 0px 0px;
}

dl#update {
	width: 215px;
	background: #D3E4EE;
	padding: 0 12px;
}

dl#update dt {
	text-transform: uppercase;
	font-weight: bold;
	color: #777879;
	}
	
dl#update dd {
	padding-bottom: 10px;
	line-height: 16px;
}

dl#update dd a {text-decoration: none;}

.updateBtm {
	width: 231px; 
	height: 22px;
	background: #006594 url(/images/update-btm.gif) no-repeat 0 0;
	padding: 11px 0 0 8px;
	margin-bottom: 15px;
}


/******BLOG STYLES**************************************************************************************************/
#pageTxt.blog h1.summary {
	font: 22px Georgia, Palatino, serif; 
	color: #396178; 
	font-weight: normal; 
	margin-bottom: 10px;
	border-bottom: 0px;
	padding: 0px;
}

#pageTxt.blog h1, #pageTxt.blog h2 {
	font-size: 18px;
	color: #BD7731;
	border-bottom: 1px dotted #80a3b7;
	padding: 3px 145px 2px 0;
	margin-bottom: 3px;
	text-decoration:none;
}

#pageTxt.blog h2 a {
	font-size: 18px;
	color: #BD7731;
	padding: 3px 145px 2px 0;
	margin-bottom: 3px;
	text-decoration:none;
}

#pageTxt.blog .blogAttorneys {text-align:center; margin: 20px 0;}
#pageTxt.blog .blogAttorneys img {border: 0px; padding: 0px;}

.date {
	width: 150px; 
	float:right; 
	margin-top: -24px;
	text-align: right;
	font: 14px Georgia, Palatino, serif;
	font-style: italic;
	color: #777879;
}
.details {
	clear:both;
	line-height: 12px;
	margin-bottom: 12px;
}

h2#categoriesHead, h2#recentpostsHead, h2#archiveHead {
	display:block; 
	overflow: hidden; 
	position:relative; 
	width: 239px; 
	height: 42px;
	background: #fff;
	color: #006594;
	margin: 0px;
}

h2#categoriesHead span {
	display: block; 
	width: 239px; 
	position: absolute; 
	left: 0; 
	top: 0;
	height: 42px; 
	background: url(/images/blog-category-head.png) no-repeat 0px 0px;
}

h2#recentpostsHead span {
	display: block; 
	width: 239px; 
	position: absolute; 
	left: 0; 
	top: 0;
	height: 42px; 
	background: url(/images/blog-posts-head.png) no-repeat 0px 0px;
}

h2#archiveHead span {
	display: block; 
	width: 239px; 
	position: absolute; 
	left: 0; 
	top: 0;
	height: 42px; 
	background: url(/images/blog-archive-head.png) no-repeat 0px 0px;
}

ul#categories, ul#recentposts, ul#archive {
	width: 215px;
	background: #D3E4EE;
	padding: 0 12px 6px 12px;
	list-style:none;
}

ul#archive {background: #D3E4EE url(/images/blog-sidebar-btm.png) no-repeat bottom left;}
	
ul#categories li, ul#archive li {
	padding-bottom: 10px;
	line-height: 16px;
	font-weight:bold;
}

ul#recentposts li {
	padding-bottom: 10px;
	line-height: 16px;
}

ul#categories li a, ul#recentposts li a, ul#archive li a {text-decoration: none;}

.postSummary {clear: both; margin-bottom: 38px;}

.postSummaryFooter {
	height: 37px;
	background: url(/images/blog-summary-footer.png) no-repeat 0 0;
}

.readmore {
	width: 188px; 
	float:left; 
	margin-left: 10px;
	margin-top: 12px;
}
.readmore a {
	display: block; 
	height: 20px; 
	width: 188px; 
	background: url(/images/blog-readmore-arrow.gif) no-repeat right 2px;
	font-weight:bold;
	text-decoration: none;
}
.commentsViews {
	width: 186px; 
	float: right; 
	font-weight: bold; 
	text-align:center; 
	margin-right: 10px;
	margin-top: 6px;
}

/*****************RESOURCE CENTER STYLES***********************************************************************************/

.resourceCat {
	font: 22px Georgia, Palatino, serif; 
	color: #396178; 
	font-weight: normal; 
	margin-bottom: 6px;
	border-bottom: 1px dotted #80a3b7;
	padding-bottom: 2px;
}

.resourceMenu {
	padding: 8px 8px 0 8px;
	background: #EEF6FB;
	border: 1px solid #D3E4EE;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom: 24px;
}

.resourceMenu a {text-decoration: none; font-weight: bold;}

.menuCol1, .menuCol2, .menuCol3, .menuCol4 {
	float:left; 
	padding-right: 25px;
	line-height: 1lpx;
}

.menuCol1 a, .menuCol2 a, .menuCol3 a, .menuCol4 a {
	line-height: 11px;
	display: block;
	padding: 0 0 10px 10px; 
	background: url(/images/resource-menu-bullet.gif) no-repeat 0 2px;
}

/******FORM STYLES**************************************************************************************************/

.formHead {
	height: 26px;
	padding: 10px 0 0 15px;
	background: url(/images/form-head-back.png) no-repeat 0 0;
	color: #006594;
	font-size: 13px;
	font-weight: bold;
	margin: 15px 0;
}

form {	margin-left: 15px;}

.required {color: #9d3a04;}
.notes {margin-left: 10px; width: 150px; float: left;}

ol.forms { float: left; list-style: none; width: 100%; margin: 0px;}

ol.forms li { 
	clear: both; 
	float: left; 
	margin: 0 0 10px 0; 
	width: 100%; 
}
ol.forms label {
	cursor: pointer; 
	display: block; 
	float: left; 
	font-weight: bold; 
	margin: 0 10px 0 0; 
	width: 90px; 
	text-align:right;
}
ol.forms input { 
	font: 11px Verdana, Arial, Helvetica, sans-serif;  
	width: 200px; 
	background-color: #edf4f8; 
	border: 1px solid #ddeaf2;
	float: left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 4px;
	line-height: 18px;
}
ol.forms input.largeField { 
	font: 11px Verdana, Arial, Helvetica, sans-serif;  
	width: 450px; 
	background-color: #edf4f8; 
	border: 1px solid #ddeaf2;
	float: left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 4px;
	line-height: 18px;
}

ol.forms input.noLabel { 
	width:20px;
	background-color:#FFFFFF;
	border:0;
}

ol.forms textarea {
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	background-color: #edf4f8; 
	border: 1px solid #ddeaf2;
	width: 450px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 4px;
	}
	
ol.forms li.buttons { float: none; width: auto; margin-left: 100px;}

ol.forms input.button {background: #006594; width:auto; color:#fff; font-weight: bold; border: 0px; margin-right: 6px;}

/*
ol.forms li.grouping label { margin: 0; width: auto; }
ol.forms li.grouping { margin-bottom: 10px; }
ol.forms li.grouping ul { list-style: none; margin-left: 100px; }
ol.forms li.grouping ul label { display: inline; float: none; font-weight: normal; margin: 0 0 0 10px; width: auto; }
ol.forms li.grouping ul input { width: auto; }
ol.forms li.grouping textarea { width: 97%;}

ol.forms li.checkboxes input { font: inherit; padding: 0px; width: 20px; }
ol.forms li.checkboxes label {float: none; display: inline;}*/

/******SEARCH STYLES**************************************************************************************************/
.resultList { margin:10px 0;padding:0; }
.resultList span { color:#D28A41;font-size:9px;}

/******MISC STYLES**************************************************************************************************/
img.left {float: left; margin: 4px 10px 8px 0;}
img.right {float: right; margin: 4px 0 8px 10px;}

#pageTxt img {
	padding: 4px;
	background: #fff;
	border: 1px solid #D3D3D4;
	}

#search input {border: none; background: transparent;}
#search input.search {
	width: 165px; 
	height: 20px; 
	float: left;
	padding-top: 7px;
}
#search input.searchBtn {
	width: 29px; 
	height: 27px; 
	background: url(/images/search-go-btn.png) no-repeat 0 0; 
	cursor:pointer; 
	float:right;
	}
	
#footer a, #footer a:visited {color: #000; text-decoration: none;}
#footer a:hover {color: #000; text-decoration: underline;}

#footer2 a, #footer2 a:visited {color: #fff; text-decoration: none;}
#footer2 a:hover {color: #fff; text-decoration: underline;}