/*** GENERAL STYLES ***/
body {background: #a3c2e0;}
body .mainBody {background: #a3c2e0; text-align: center; margin: 0; padding: 0 0 30px 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: "trebuchet ms", arial, helvetica, sans-serif; font-size: 12px; color: #333;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 16px;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

h1 {font-size: 18px; line-height: 20px; margin-bottom: 20px; font-weight: normal;}
h2 {font-size: 14px; margin-bottom: 10px;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #f60; text-decoration: none; cursor: pointer;}
a:hover {color: #f60 !important; text-decoration: underline;}

.hide {display: none;}
.alert {color: #d00;}
.small {font-size: 10px;}
.center {text-align: center;}
.right {text-align: right;}

.floatleft {float: left; margin: 0 15px 0 0;}
.floatright {float: right; margin: 0 0 0 15px;}
.imgleft {float: left; margin: 0 15px 15px 0;}
.imgright {float: right; margin: 0 0 15px 15px;}
.spacer {float: none; clear: both; height: 1px; overflow: hidden;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** TOP STYLES ***/

#outer {position: relative; width: 982px; margin: 0 auto; text-align: left; background: #fff url(Images/design/outer.gif); padding: 0 4px;}

#top {position: relative; height: 80px;}
#top h1 {margin: 0;}
#top h1 a {position: absolute; left: 0; top: 0; width: 250px; height: 80px; font-size: 20px; text-align: center; line-height: 80px;}
#top h1 a .ir {background: #fff url(Images/design/logo.gif) 17px 28px no-repeat;}
#top h2 {position: absolute; right: 15px; bottom: 15px; width: 200px; height: 20px; font-family: arial, sans-serif; font-size: 19px; color: #ccc; margin: 0; text-align: right; line-height: 20px;}
#top h2 .ir {background: #fff url(Images/design/top-h2.gif) right bottom no-repeat;}
#top h2 .superscript{font-size:x-small; vertical-align:top;}
#top ul {position: absolute; right: 14px; top: 15px; overflow: hidden; font-size: 11px; line-height: 13px;}
#top li {float: left; position: relative; right: 1px; border-left: 1px solid #069; padding: 0 8px;}
#top a {color: #069;}

#topnav {height: 34px; background: #f2f2f2 url(Images/design/nav.gif);}

#topnav ul {font-size: 13px; line-height: 34px;}
#topnav li {float: left; padding-right: 1px; background: url(Images/design/nav-li.gif) right top no-repeat;}
#topnav a {display: block; padding: 0 10px; color: #333;}
#topnav li.on a {color: #fff !important; text-decoration: none;}
#topnav a:hover {text-decoration: none;}
#topnav li.on a {background: #4395c3 url(Images/design/nav-on.gif);}

#subnav {border-bottom: 1px solid #e1e1e1; height: 29px; line-height: 29px; background: #eee url(Images/design/subnav.gif);}
#subnav li {float: left; border-right: 1px solid #e1e1e1;}
#subnav a {display: block; padding: 0 8px; color: #666;}
#subnav a:hover {text-decoration: none;}
#subnav li.on a {background: #fff; color: #069;}


/*** LEFT STYLES ***/

#leftcol {border-top: 1px solid #e1e1e1;}
#leftnav {background: #eee;}
#leftnav li {border-bottom: 1px solid #e1e1e1;}
#leftnav li a {display: block; padding: 8px 20px 6px 30px; text-transform: uppercase; color: #069; background: url(Images/design/bullet-blue.gif) 18px 13px no-repeat; font-family: "trebuchet ms",arial,helvetica,sans-serif; font-size: 12px;}
#leftnav li a:hover {text-decoration: none;}
#leftnav li.on a {background-color: #e1e1e1; background-image: url(Images/design/bullet-dkgray.gif); color: #333;}
#leftbottom {padding: 15px; min-height: 210px; background: #eee url(Images/design/leftbottom.gif) 0 bottom repeat-x;}
#leftbottom img {border: 1px solid #e1e1e1;}
#leftcol blockquote {margin: 0 0 1em 0; color: #888; font-size: 16px; line-height: 20px;}
#leftcol cite {font-style: normal; color: #888; font-size: 12px; line-height: 14px;}


/*** CONTENT STYLES ***/

#hero {height: 227px; overflow:auto;  background: #2581af url(Images/design/hero.gif); color: #fff; line-height: 17px; font-size: 13px; margin: 1px 0; overflow: hidden;}
#herotext {padding: 40px 35px 0 35px;}
#hero h1 {font-size: 26px; color: #fff; font-weight: normal; line-height: 30px; margin-bottom: 20px;}
#heroimage {float: right; border-left: 1px solid #fff; margin-left: 35px;  margin-right: -4px;}
#heroimg {float: right; border-left: 1px solid #fff; margin-left: 35px; margin-right: -4px;}
#herospacer {height: 15px;}

.officeTitle {margin-bottom: 0px;}
.officeTitle a:link, .officeTitle a:active, .officeTitle a:visited { color: #333333; }
.officeTitle a:hover { color: #333333; }

/*#officeTitle2 {margin-bottom: 0px; border: 1px solid red;}
#officeTitle2 a:link, #officeTitle2 a:active, #officeTitle2 a:visited { color: #333333; }
#officeTitle2 a:hover { color: #333333; }*/

#officeTitle2 h2 { color: #333333; margin-bottom: 0px;}
#officeTitle2 h2 a:link, #officeTitle2 h2 a:active, #officeTitle2 h2 a:visited { color: #333333; }
#officeTitle2 h2 a:hover { color: #333333; text-decoration: none; }

#main {background: url(Images/design/line-vertical.gif) 233px 0 repeat-y;}
#leftcol {float: left; width: 233px;}
#rightcol {float: right; width: 685px; padding: 30px 30px 30px 0;}
#rightcol #leftpane {float:left;}

#rightcol ul {margin: 1.5em 0;}
#rightcol ul li {padding-left: 18px; background: url(Images/design/bullet-square.gif) 5px 5px no-repeat;}
#rightcol ul li p {margin-bottom: 1em;}
#rightcol .half {width: 325px;}
#rightcol ul ul {padding-left: 15px;}

/* Replaced below for SharePoint site
#rightcol #crumbs {margin: -20px 0 30px 0; height: 16px; color: #999;}
#rightcol #crumbs li {float: left; padding: 0 10px 0 0; background: none;}
#rightcol #crumbs li a {display: block; padding: 0 16px 0 0; background: url(Images/design/bullet-ltgray.gif) right center no-repeat; color: #999; text-decoration: underline; font-size: 11px;}
*/

#rightcol .crumbs {margin: -20px 0 30px 0; height: 16px; color: #999; font-size: 11px;}
#rightcol .crumbs a {padding: 0; color: #999; text-decoration: underline; font-size: 11px;}


/**
table {border-collapse: collapse; margin: 2em 0;}
td, th {padding: 10px; border: 1px solid #e1e1e1;}
thead td, thead th {font-weight: bold; color: #fff; background: #1d4f6b url(Images/design/thead.gif) left bottom repeat-x;}
**/

#contactform {margin: 2.5em 0;}
#contactform div {clear: left;}
#contactform label {float: left; width: 120px; padding-right: 15px; text-align: right;}
#contactform input, #contactform textarea {border: 1px solid #999; margin: 0 5px 5px 0; width: 250px;}
#contactform #state {width: 50px;}
#contactform #zip {width: 100px;}
#contactform textarea {width: 350px; height: 120px;}
#contactform #contactsubmit {width: auto; margin-left: 135px;}
.button {background: #387ca2; color: #fff; font-weight: bold; border: 1px solid #eee;}


#menuZone a, #menuZone a:link, #menuZone a:visited { color: #006699; }
#menuZone a:hover { color: #006699; text-decoration: none; }

.menuZoneLink {
	color: #006699;
}

/*** SIDEBAR STYLES ***/

.sidebar {float: right; width: 235px; margin: 0 0 30px 30px; padding-top: 10px;}
.sidebarphoto {border: solid #fff; border-width: 1px 0;}
.sidebartext {background: #eee url(Images/design/sidebartext.gif) left bottom repeat-x; padding: 15px; min-height: 105px;}
.sidebartext p {margin: .8em 0;}
.sidebartext ul {margin: .8em 0 !important;}
.sidebartext li {background-image: url(Images/design/bullet-blue.gif) !important; margin-bottom: 5px;}
.sidebartext a {color: #069;}


/*** HOME STYLES ***/

#hometop {position: relative; margin-top: 1px; height: 227px; background: #2989bb url(Images/design/hometop.gif);}
#homehero {position: relative; width: 690px; height: 227px; border-right: 1px solid #fff; overflow: hidden;}
#homeherotext {position: absolute; left: 0; top: 0; padding: 60px 35px 35px 35px; color: #fff;}
#homehero h1 {font-size: 26px; color: #fff; font-weight: normal; line-height: 30px; margin-bottom: 20px;}

#homenews {position: absolute; top: 0px; right: 0px; width: 260px; height: 225px; overflow: hidden; padding: 0px 0 0px 0px;}
#homenews h4, #homenews ul {width: 290px; border: 1px solid blue;}
#homenews h4 {font-size: 14px; color: #fff; text-transform: uppercase; margin-bottom: 6px;}
#homenews ul {line-height: 15px; border-top: 1px solid #64abcf;}
#homenews li {border-bottom: 1px solid #64abcf; border: 1px solid fuchsia;}
#homenews a {display: block; color: #fff; padding: 10px 3px;}
#homenews a:hover {color: #fff !important; text-decoration: none; background: #64abcf;}

#homemiddle {margin: 15px 0; background: url(Images/design/line-vertical.gif) 228px 0 repeat-y;}
#homemiddle h4, #homebottom h4 {font-size: 13px; text-transform: uppercase; color: #636363;}
#homelinks {float: left; width: 190px; padding: 5px 15px; margin-right: 9px; margin-left: -6px;}
#homelinks ul {margin-top: 10px;}
#homelinks li {padding-left: 7px; margin-bottom: 5px; background: url(Images/design/bullet-blue.gif) 0 6px no-repeat;}
#homelinks a {color: #069;}
#homemessage {float: left; width: 470px; padding: 10px 0 10px -20px;}
html>body #homemessage {float: left; width: 470px; padding: 10px 0 10px 30px;}
#homeawards {float: right; width: 220px; margin-top: -10px; padding-right: 5px; padding-bottom: 10px;}
#homeawards a {float: left; margin: 0px -10px 0 0; background: #fff;} /* style for IE6 only */
html>body #homeawards a {float: left; margin: 10px 10px 0 0; background: #fff;} /* background color weirdly needed to fix layout problem in IE6 */

#homebottom {border-top: 1px solid #e1e1e1; background: url(Images/design/homebottom.gif) 228px top repeat-y; margin-bottom: 15px; height: 10px;}
	html>body #homebottom {height: auto;}
.homebottoms {position: relative; float: left; margin-right: 1px; background: url(Images/design/homebottom-div.gif) 0 28px repeat-x; min-height: 75px; padding: 0 15px;}
#homesuccess {width: 198px;}
#homeleadership {width: 206px;}
#homeclients {width: 201px;}
#homeevents {width: 254px; margin: 0;}
.homebottoms h4 {margin: 0 -15px; border-bottom: 1px solid #e1e1e1;}
.homebottoms h4, .homebottoms a.viewall {height: 27px; line-height: 27px; padding: 0 15px; margin-bottom: 15px;}
.homebottoms a.viewall {position: absolute; right: 0; top: 0; font-size: 11px; color: #888;}
.homebottoms h3 {font-size: 13px; margin-bottom: 1em;}
.homebottoms h3 a {color: #069;}
#homeleadership img {border: 1px solid #e1e1e1;}
.homebottomdiv {margin-top: 30px;}
#homeclientsflashdiv {border: 1px solid #e1e1e1; margin-top: 30px;}
#homeeventstabs {height: 24px; line-height: 23px; border-bottom: 1px solid #e1e1e1; font-size: 10px; margin-bottom: 15px; overflow: hidden;}
#homeeventstabs li {float: left; border: 1px solid #e1e1e1; background: #fff; margin-right: 1px;}
#homeeventstabs a {display: block; padding: 0 7px; color: #069;}
#homeeventstabs li.on a {color: #fff !important; text-decoration: none; background: #2486b8 url(Images/design/eventstabs-on.gif);}
#homeeventslist {height: 195px; overflow: auto;}
#homeeventslist li {width: 230px;}
#homeeventslist a {display: block; padding: 8px 3px; color: #333 !important;}
#homeeventslist a strong {color: #f60 !important;}
#homeeventslist a:hover {background: #eee; text-decoration: none;}

.homeeventshidden {display:none;}
.homeeventsshown {display:block;}

/*** FOOTER STYLES ***/

#mainfooter {background: url(Images/design/footer.gif) left bottom no-repeat; margin: 0 -4px; padding: 0 5px 30px 10px; font-size: 11px; height: 28px;} 
#mainfooter .spacer {background: #e1e1e1; margin-bottom: 10px;} 
#mainfooter ul {position: relative; left: 1px; overflow: hidden;} /* removed float: right property */ 
#mainfooter li {float: left; position: relative; right: 1px; border-left: 1px solid #069; padding: 0 8px; margin-top: 4px; } 
#mainfooter p {margin: 0;} 
#mainfooter a {color: #069;}

#mainfooterLeft {float: left; width: 570px; padding: 30px 10px 10px 10px; }  
#mainfooterRight {float: right; margin: 0px; width: 370px; height: 13px; padding: 10px 0px 10px 0px;}


/*** RECRUITING STYLES ***/

.recruitingFormLabel, .recruitingFormLabel span {
color:#333333;
font-family:"trebuchet ms",arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
line-height:16px;
text-align:left;
vertical-align:top;
width:175px;
}
.recruitingDetailsLabel, .recruitingDetailsBody, .recruitingDetailsLabel span, .recruitingDetailsBody span {
color:#333333;
font-family:"trebuchet ms",arial,helvetica,sans-serif;
font-size:12px;
line-height:16px;
width:175px;
}
.recruitingFormBody {
color:#333333;
font-family:"trebuchet ms",arial,helvetica,sans-serif;
font-size:12px;
line-height:16px;
}
.recruitingFormBody input {
color:#333333;
font-family:"trebuchet ms",arial,helvetica,sans-serif;
font-size:12px;
line-height:16px;
width:200px;
}
.recruitingButton {
text-align: right;
}
.recruitingLink a:link, .recruitingLink a:visited {
color:#006699;	
}
#gvBrowseJobs {
border-color:#ffffff;
}
#gvBrowseJobs td {
color:#333333;
font-family:"trebuchet ms",arial,helvetica,sans-serif;
font-size:12px;
line-height:16px;
padding-left:5px;
}
#gvBrowseJobs td a {
color:#006699;
font-family:"trebuchet ms",arial,helvetica,sans-serif;
font-size:12px;
line-height:16px;
}
#gvBrowseJobs th, #gvBrowseJobs th a:link, #gvBrowseJobs th a:visited {
background: #006699;
color: #ffffff;
padding-left:5px;
text-align: left;
}