/* Stylesheet - The Stafford */
html, body, div, span, applet, object, iframe,
p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
fieldset, form, label, legend, caption
{margin: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent;}

:focus {outline:none;}

html, body {height: 100%;}
body {font: 11px/1.5em Trebuchet MS, Trebuchet MS, sans-serif; color: #555; position: relative; z-index: 1;}
body.pixelsilk {text-align:center; background: #0c1124 url('/site-bg-grad.gif') repeat-x; border: 0;}
body.home {color: #f8e8cf;}

p {margin: 0 0 0.75em 0;}
a img {border: 0;}
hr {margin: 15px 0; height: 1px; color: #ddd; background-color: #ddd; border: 0;}
object {outline: none;}
sub {font-size: 0.8em; vertical-align: sub;}
sup {font-size: 0.8em; vertical-align: super;}

a, a:link, a:visited {color: #45b1d5; text-decoration: none; outline: none;}
a:active, a:hover, a:focus {color: #009aca; text-decoration: underline; outline: none;}
a[name] {color: #555; text-decoration: none;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin: 0 0 10px; color: #009aca; line-height: normal;}
h1 {font-size: 18px;} /* 2em */
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active, h2 a:focus {color: #669933;}

/* Alignment/spacing classes */
.alignleft {margin: 0 20px 20px 0; float: left;}
.alignright {margin: 0 0 20px 20px; float: right;}

#theme {position: relative; margin: 0 auto; padding: 19px 0 0; text-align: left; width: 960px; z-index: 2; background: #e7f0ff; /*height: auto !important; height: 100%;*/}
body.home #theme {background: #353b49;}
#stripe {position: absolute; left: 0; top: 19px; width: 100%; height: 143px; background: transparent url('/blue-60-bg.png'); z-index: 1;}

/* Header styles */
#header {position: relative; margin: 0 auto; width: 100%; height: 143px; z-index: 10; background: transparent url('/blue-60-bg.png');}
#logo {position: absolute; left: 37px; top: 6px; width: 217px; height: 130px; z-index: 100;}

#textSize {position: absolute; right: 20px; bottom: 20px; width: 250px; height: 22px; text-align: right; z-index: 100; font-size: 9px !important; vertical-align: middle; color: #f8e8cf;}
#textSize .button {display: inline-block; width: 15px; height: 22px; margin: 0 0 0 2px; text-align: center; line-height: 22px; color: #f8e8cf; text-decoration: none; font-size: 13px;}
#textSize .smaller {font-size: 11px;}
#textSize .larger {font-size: 15px;}

/* Menu styles */
#siteMenu {position: absolute; right: 20px; top: 52px; width: 666px; height: 34px; z-index: 200; text-align: right;}
ul#topMenu {list-style: none; margin: 0; padding: 0;}
ul#topMenu li {display: inline-block; /*float: left;*/ position: relative; height: 34px; line-height: 34px;}
ul#topMenu li a, ul#topMenu li a:link, ul#topMenu li a:visited {display: block; padding: 0 12px; font-size: 14px; font-weight: bold; height: 34px; line-height: 34px; color: #f8e8cf; text-decoration: none;}
ul#topMenu li a:hover, ul#topMenu li a:active {display: block; padding: 0 12px; font-size: 14px; font-weight: bold; height: 34px; line-height: 34px; color: #f8e8cf; text-decoration: none; background: transparent url('/blue-50-bg.png');}
ul#topMenu li.current a, ul#topMenu li.currentFade a {display: block; padding: 0 12px; font-size: 14px; font-weight: bold; height: 34px; line-height: 34px; color: #009aca; text-decoration: none; background: transparent url('/blue-50-bg.png');}
ul#topMenu li.separator {height: 32px; font-size: 14px; font-weight: bold; line-height: 32px; color: #f8e8cf;}

div#subNavigation {display: none;}

/* Submenu styles */
ul#topMenu li ul {display: none; position:absolute; left: 0; top: 34px; list-style: none; margin:0; padding:0; min-width:200px; text-align: left; /* Match UL 'left' attribute below */ z-index: 1000;}
ul#topMenu li ul * {list-style-position:outside;}
ul#topMenu li ul li {display:block; position: relative; margin:0; padding:0; width:200px; height: auto; background: transparent url('/blue-50-bg.png'); overflow: none;}
ul#topMenu li ul li a, ul#topMenu li ul li a:link, ul#topMenu li ul li a:visited {display:block; padding: 0 15px; height:auto; line-height: 24px; color:#f8e8cf; font-size: 12px; font-weight: normal; text-decoration: none; white-space: nowrap; text-align: left; background: none;}
ul#topMenu li ul li a:hover, ul#topMenu li ul li a:active, ul#topMenu li ul li a:focus {color: #009aca; text-decoration: none;}
ul#topMenu li ul li.separator {height: 1px; line-height: 1px; background: none;}

ul#topMenu li ul li ul {position:absolute; top:0; left:200px; width:200px; /* Match UL width above */}
ul#topMenu li ul li ul li {}
ul#topMenu li ul li ul li a {white-space: nowrap;}

span.menu-sub-indicator {float:right;}

/* Main content area styles */
#content {position: relative; margin: 20px 0 0 0; padding: 0 20px 20px; width: 960px; text-align: left; z-index: 2;}
body.home #content {margin: 259px 0 0; padding-bottom: 0;}

#mainColumn {position: relative; float: left; margin: 0 0 0 20px; padding: 0; width: 880px; z-index: 10;}
body.home #mainColumn {width: 420px;}
body.twocol #mainColumn {width: 460px;}
body.threecol #mainColumn {width: 400px;}

#middleColumn {float: left; margin: 0 0 0 40px; width: 210px;}
body.home #middleColumn {margin: 0 0 0 20px; width: 210px;}

#rightColumn {float: left; margin: 387px 0 0 40px; width: 400px;}
body.home #rightColumn {margin: 0 0 0 20px; width: 210px;}
body.threecol #rightColumn {margin: 0 0 0 40px; width: 210px;}

.column {margin-left: 25px;}
.first.column {margin: 0;}
.last.column {}

#contentFooter {position: relative; padding: 0 20px; width: auto; height: 240px; z-index: 10;}
#contentFooterHtml {float: left; padding: 20px; width: 440px; min-height: 200px; font-size: 12px; color: #f8e8cf; background: #313745; overflow: hidden;}
#contentFooterHtml p{font-size: 12px; color: #f8e8cf;}
body.threecol #contentFooterHtml {margin: 0 0 0 20px; width: 190px;}

#sectionImageTop {position: absolute; right: 20px; top: 0; width: 420px; height: 550px; overflow: hidden; z-index: 5;}
#sectionImageBottom {float: left; margin: 0 0 0 20px; width: 420px; height: 240px; overflow: hidden;}
body.threecol #sectionImageBottom  {margin: 0;}
#sectionImageBottomRt {float: left; margin: -250px 0 0 20px; width: 230px; height: 490px;} /*489*/

#contentFooterLinks {position: relative; padding: 0 20px; line-height: 40px; font-size: 12px; text-align: right;}
#contentFooterLinks a {font-size: 12px; line-height: 40px; text-decoration: none;}
#contentFooterLinks a:hover {color: #000;}

/* Homepage specific styles */
#homeSlidesContainer {position: absolute; left: 0; top: 0; width: 960px; height: 401px; overflow: hidden; z-index: 5;}
#homeSlides {position: absolute; left: 0; top: 0; width: 960px; height: 401px; overflow: hidden; z-index: 5;}
#homeSlidesNav {position: absolute; right: 5px; bottom: 5px; width: auto; height: 16px; text-align: right; z-index: 20;}
#homeSlidesNav a {margin: 0 3px 0 0; padding: 0 5px; font-size: 12px; line-height: 14px; border: solid 1px #999ca3; color: #333; background: #fff;}
#homeSlidesNav a.activeSlide {font-size: 12px; line-height: 14px; border: solid 1px #999ca3; color: #fff; background: #999ca3;}

#introductoryOffer {position: relative; margin: 40px 0 0; height: 103px; border-top: solid 1px #2d3341; z-index: 10;}
#offerCTA {position: absolute; left: 635px; top: -41px; width: 203px; height: 144px; z-index: 10;}
#offerHead {position: absolute; left: 40px; top: 32px; width: 154px; height: 43px; font-size: 14px; line-height: 43px; text-align: center; font-weight: bold; color: #fc6700; background: #0c1124; z-index: 11;}
#offerHead a {font-size: 14px; line-height: 43px; font-weight: bold; color: #fc6700; text-decoration: none;}
#offerMain {position: absolute; left: 196px; top: 32px; width: 416px; height: 43px; line-height: 43px; text-align: center; background: #0c1124; z-index: 11;font-size: 11px;}
#offerMain a {line-height: 43px; font-size: 11px; text-decoration: none;}
#offerGo {position: absolute; left: 614px; top: 32px; width: 43px; height: 43px; font-size: 16px; line-height: 43px; text-align: center; background: #0099cd; z-index: 11;}
#offerGo a {font-size: 16px; line-height: 43px; color: #f8e8cf; text-decoration: none;}
#offerLinks {position: absolute; left: 855px; top: 0; width: 105px; height: 103px; font-size: 10px; line-height: normal; z-index: 10;}
#offerLinks a {font-size: 10px; line-height: normal; text-decoration: none;}
#offerLinks a:hover {color: #fff;}

/* Footer styles */
#footer {position: relative; margin: 15px auto 0; padding: 0; width: 960px; height: 100px; text-align: left; clear: both; z-index: 10;}
#footer {color: #f8e8cf; font-size: 12px; line-height: 1.4em;}
#footer a {color: #f8e8cf; font-size: 12px; text-decoration: none; line-height: 1.4em;}
#footer a:hover {color: #f8e8cf; text-decoration: underline;}
#footer .copyright {color: #f8e8cf; font-size: 10px; line-height: 1.4em;}
#footer .addthis_button {position: absolute; right: 125px; top: -3px; width: 125px; height: 16px;}
#facebookLink {position: absolute; right: 336px; top: -8px; width: 27px; height: 27px;}
#twitterLink {position: absolute; right: 303px; top: -8px; width: 28px; height: 27px;}
#linkedinLink {position: absolute; right: 270px; top: -8px; width: 27px; height: 27px;}
#footerPhone {position: absolute; right: 0; top: -3px; width: 115px; height: 18px; font-size: 18px; color: #009aca; text-align: right;}

/* Search form(s) */
#search {position: absolute; right: 20px; top: 18px; width: 263px; height: 20px; background: transparent url('/blue-50-bg.png');}
.txtSearch {position: absolute; left: 6px; top: 1px; width: 232px; height: 18px; margin: 0; padding: 0 !important; font-size: 9px; color: #c6c0b0; line-height: 18px; border-width: 0 !important; background: transparent;}
.btnSearch {position: absolute; right: 1px; top: 1px; width: 18px; height: 18px;}

/* General form styles */
.editForm>div {clear: both; margin: 0 0 10px 0;}
.editForm label {float: left; margin: 0 10px 0 0; width: 33%;}
.editForm span {float: left; width: 60%;}
.required {font-weight: bold;}
.editForm span > p {display: block; width: 49%; float: left; line-height: normal; margin: 0 0 7px 0; padding: 0; white-space: nowrap;}
.editForm textarea {width: 100%; height: 150px;}
.editForm fieldset {clear: both; float: left; margin: 0 0 10px 0; width: 100%; height: 300px; border: 1px #ccc solid;}
.editForm fieldset .inner {padding: 5px 10px 0 10px; height: 273px; overflow: auto;}
.editForm fieldset p {width: 100px; float:none;}
.editForm legend {margin: 0 0 0 10px;}
.editForm .radioGroup span {display: block; width: 60px; float: left; line-height: normal; margin: 0; padding: 0;}

/* Misc form field styles */
.width100 > input {width: 100px;}
.width150 > input {width: 150px;}
.width200 > input {width: 200px;}
.width300 > input {width: 300px;}

/* General List Item styles */
.listItem {clear: both; margin: 0 0 20px 0;}
.listItemImage {float: left; margin: 0 15px 15px 0;}
#listItemImage {float: left; margin: 0 20px 15px 0;}

/* Event Calendar */
.calendarList {}
.calendarListItems {float: left; width: 425px;}
.calendarPicker {float: left; width: 425px; margin: 0 0 0 30px;}

/* Photo gallery styles */
#photoLargeImage {display: none; position:relative; width:100%; height:600px; text-align:center;}
#photoLargeImage img {margin: 0 auto;}
#photoItems {margin: 20px 0 10px;}
.photoItem {float:left; margin:0 25px 15px 0; width: 135px; cursor:pointer; position:relative; text-align: center;}
#photoItems img {position:relative; z-index:10;}
#photoItems a img:hover {opacity:0.85;}

#photoImageTitle {position: relative; height: 24px;}
#photoImageDescription {position: relative; height: 35px;}
.photoItemTitle {display: none;}
.photoItemDescription {display: none;}

/* Pagination */
.pagination {display: block; margin: 0; text-align: right;}
.pagination ul {list-style: none; margin: 0; padding: 0;}
.pagination ul li {margin: 0; padding: 0; font-size: 10px; display: inline;}
.pagination ul li a, .pagination ul li a:link, .pagination ul li a:visited {font-size: 10px; padding: 0 3px; line-height: 18px; text-decoration: none;}
.pagination ul li a:hover, .pagination ul li a:active {font-size: 10px; padding: 0 3px; line-height: 18px; text-decoration: none; font-weight: bold;}
.pagination ul li.current {margin: 0; padding: 0 3px; font-size: 10px; display: inline; line-height: 18px; font-weight: bold;}

.pagination ul li.previous a, .pagination ul li.previous a:link, .pagination ul li.previous a:visited {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 5px 0 0; line-height: 18px; text-decoration: none;}
.pagination ul li.previous a:hover, .pagination ul li.previous a:active {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 5px 0 0; line-height: 18px; text-decoration: none; font-weight: bold;}

.pagination ul li.next a, .pagination ul li.next a:link, .pagination ul li.next a:visited {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 0 0 5px; line-height: 18px; text-decoration: none;}
.pagination ul li.next a:hover, .pagination ul li.next a:active {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 0 0 5px; line-height: 18px; text-decoration: none; font-weight: bold;}

/* Misc styles */
.clear {clear: both;}
.hidden {display: none;}
.divAddControl {margin: 25px 0 0 0;}
.divEditDeleteControls {margin: 25px 0 0 0;}
.errorMsg, .error {color: #cc0000;}
.loading {background: url('/loadingIcon.gif') no-repeat center 33%;}

label.error {margin: 0 0 0 5px; color: #cc0000;}
#cse-search-results iframe {width: 600px;}

#locationsMap {margin: 0 auto; width: 960px; height: 700px;}

#jobListings {min-height: 200px; background: url('/loadingIcon.gif') no-repeat center 33%;}
.jobListing {float: left; margin: 0 20px 0 0; width: 300px;}
.modalContent {overflow: auto;}


.videoLightboxContainer {float: right; margin: 0 0 15px 25px; padding: 0; width: 210px;}