/* Stylesheet - FivePercentBack */
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, table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent;}

/* * { font-size:1em; font-family: inherit; } */
:focus {outline:none;}

html, body {height: 100%;}
body {font: 12px/18px Arial Rounded MT Bold, Arial, Helvetica, sans-serif; color: #000;}
body.pixelsilk {text-align:center; background: #455f87 url('/site-bg-grad-pattern.gif') repeat-x center top; border: 0;}

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

a, a:link, a:visited {color: #000; text-decoration: none; outline: none;}
a:active, a:hover, a:focus {color: #000; text-decoration: underline; outline: none;}
a[name] {color: #000; text-decoration: none;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin: 0 0 10px 0; font-weight: normal; color: #29546a;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 12px;}

/* Image alignment/spacing classes */
img.alignleft {margin: 5px 20px 20px 0; float: left;}
img.alignright {margin: 5px 0 20px 20px; float: right;}

#theme {position: relative; margin: 0 auto; text-align: left; width: 796px; background: #fff; z-index: 1; /*min-height: 235px; height: auto !important; height: 100%; min-height: 100%;*/}

/* Header styles */
#header {position: relative; margin: 0 auto; width: 796px; height: 49px; z-index: 100;}
#logo {position: absolute; left: -22px; top: 60px; width: 27px; height: 389px; z-index: 200;}

/* Search box/form */
/*
#search {position: absolute; right: 0; top: 69px; width: 198px; height: 19px; border: 1px #DED7CB solid; background: #fff;}
.txtSearch {position: absolute; left: 7px; top: 4px; width: 170px; margin: 0; padding: 0 !important; height: 13px; font-size: 9px; color: #b2b2b2; line-height: 13px; border-width: 0 !important; background: #fff url('/white-spacer.gif');}
.btnSearch {position: absolute; left: 184px; top: 5px; width: 11px; height: 11px;}
*/

/* Menu styles */
#siteMenu {position: absolute; left: 0; top: 0/*18px*/; width: 796px; height: 49px; z-index: 100; background: url('/menu-bg.gif') repeat-x;}
#siteMenu .leftCap {position: absolute; left: -40px; top: -18px; width: 40px; height: 92px; z-index: 150;}
#siteMenu .rightCap {position: absolute; left: 796px; top: -18px; width: 40px; height: 92px; z-index: 150;}
ul#Menu {list-style: none; margin: 0 25px; padding: 0;}
ul#Menu li {display: inline; float: left; position: relative; height: 49px; line-height: 49px;}
ul#Menu li a, ul#Menu li a:link, ul#Menu li a:visited {display: block; padding: 0 10px; font-size: 12px; height: 49px; line-height: 50px; color: #fff; text-decoration: none;}
ul#Menu li a:hover, ul#Menu li a:active {display: block; padding: 0 10px; font-size: 12px; height: 49px; line-height: 50px; color: #fff; text-decoration: underline;}
ul#Menu li.current a, ul#Menu li.currentFade a {color: #fff; text-decoration: underline;}
ul#Menu li.separator {}

div#subNavigation {display: none;}

/* Submenu styles */
ul#Menu li ul {display: none; position:absolute; left: 0; top: 49px; list-style: none; margin:0; padding:0 0 10px; min-width:200px; text-align: left; /* Match UL 'left' attribute below */ background: #012a3f;}
ul#Menu li ul * {list-style-position:outside;}
ul#Menu li ul li {position:relative; height: auto; margin:0; padding:0; width: auto; min-width:200px;}
ul#Menu li ul li a, ul#Menu li ul li a:link, ul#Menu li ul li a:visited {display:block; padding: 0 10px; height:auto; line-height: 24px; color:#fff; font-size: 12px; text-decoration: none; white-space: nowrap; text-align: left;}
ul#Menu li ul li a:hover, ul#Menu li ul li a:active, ul#Menu li ul li a:focus {color: #fff; text-decoration: underline;}
ul#Menu li ul li.separator {}

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

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

/* Main content area styles */
#content {position: relative; margin: 0; padding: 0; width: 796px; text-align: left; z-index: 1;}
#contentInner {padding: 115px 20px 25px 50px; min-height: 357px; color: #000; font-size: 13px; background: #fff url('/bg-generic.gif') no-repeat;}
#contentInner div.pxlContent {height: 357px; overflow: auto;}
#contentInner a {color: #000; text-decoration: underline;}
.leftCol {float: left; width: 333px;}
.rightCol {float: left; margin: 0 0 0 30px; width: 333px;}

/* Sub-content "menu bar" just below content area on every page */
#subcontentBar {position: relative; width: 796px; height: 49px; z-index: 100; background: url('/sub-menu-bg.gif') repeat-x;}
#subcontentBar .leftCap {position: absolute; left: -60px; top: -44px; width: 60px; height: 140px; z-index: 150;}
#subcontentBar .rightCap {position: absolute; left: 796px; top: -44px; width: 60px; height: 140px; z-index: 150;}
#subcontentBar .leftItems {float: left; margin: 0 0 0 40px; width: 300px; height: 49px;}
#subcontentBar .rightItems {float: right; margin: 0 40px 0; width: 300px; height: 49px; text-align: right;}
#subcontentBar a, #subcontentBar a:link, #subcontentBar a:visited {display: inline-block; padding: 0 5px; font-size: 12px; height: 49px; line-height: 50px; color: #fff; text-decoration: none;}
#subcontentBar a img {margin-top: 12px;}
#subcontentBar a:hover, #subcontentBar a:active {display: inline-block; padding: 0 5px; font-size: 12px; height: 49px; line-height: 50px; color: #fff; text-decoration: underline;}

/* Sub-content on every page - News & Blog */
#subcontent {position: relative; margin: 0; padding: 0; width: 796px; text-align: left; z-index: 1; background: url('/bg-subcontent.gif') repeat-x;}
#subcontentInner {padding: 25px 50px; color: #29546a;}
#subcontentInner p {margin-bottom: 0.25em;}
#subcontentInner a {color: #97999c;}
#subcontentLeft {float: left; width: 330px;}
#subcontentRight {float: left; margin: 0 0 0 20px; width: 330px;}

/* Homepage-specific styles */
body.home #contentInner {margin: 0; padding: 0; height: 497px; background: #fff;}
body.home #contentInner div.pxlContent {display: none;}

#homeContent {position: relative; margin: 0 36px 0 36px; width: 724px; z-index: 10; background: url('/home-content-bg.gif') repeat-y;}
#homeContent .inner {position: relative; padding: 38px 20px 29px; z-index: 15; background: transparent;}
#homeContent .inner h1 {color: #fff;}
#homeContentLeft {float: left; width: 330px; text-align: justify; color: #fff; font-size: 11px; line-height: 14px;}
#homeContentRight {float: left; margin: 0 0 0 20px; width: 330px; text-align: justify; color: #fff; font-size: 11px; line-height: 14px;}
#homeContentLeft a, #homeContentRight a {color: #fff; text-decoration: underline;}
#homeContent #hcTop {position: absolute; left: 0; top: 0; width: 724px; height: 55px; z-index: 11;}
#homeContent #hcBottom {position: absolute; left: 0; bottom: 0; width: 724px; height: 29px; z-index: 11;}
#homeContent #hcLeft {position: absolute; left: -36px; top: 0; width: 36px; height: 35px; z-index: 11;}
#homeContent #hcRight {position: absolute; left: 724px; top: 0; width: 36px; height: 35px; z-index: 11;}

/* Hompage "Flash" area */
#homeFlash {position: relative; width: 796px; height: 490px; z-index: 1; background: url('/buy-now-bg-02.gif') no-repeat;}
#homeFlash #homeCopy {position: absolute; left: 448px; top: 50px; width: 270px; height: 166px; z-index: 10;}
#homeFlash #homeCopyImgSeparator {position: absolute; left: 425px; top: 49px; width: 11px; height: 169px; z-index: 10;}

/* Footer styles */
#footer {position: relative; margin: 0; text-align: left; width: 796px; height: 60px; clear: both; background: #29546a;}
#footer {font-size: 8px; line-height: 25px;}
#footer p {margin: 0;}
#footer a {font-size: 8px; color: #fff;}
#footer img {vertical-align: text-bottom;}

#footerMenu {margin: 0; height: 32px; line-height: 32px; color: #fff; font-size: 8px; text-align: center;}
#footerMenu ul {list-style: none; margin: 0; padding: 0;}
#footerMenu ul li {display: inline;}
#footerMenu ul li a, #footerMenu ul li a:link, #footerMenu ul li a:visited {display: inline-block; padding: 0 14px; height: 32px; line-height: 32px; font-size: 8px; color: #fff; text-decoration: none; text-transform: uppercase;}
#footerMenu ul li a:hover, #footerMenu ul li a:active {display: inline-block; padding: 0 14px; height: 32px; line-height: 32px; font-size: 8px; color: #fff; text-decoration: underline; text-transform: uppercase;}

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

/* Contact form styles */
.contactForm {}

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

/* Article styles */
.articleItem {clear: both; margin: 0 0 20px 0;}
.articleItemTitle {margin: 0 0 5px 0;}
.articleItemDate {font-style: italic;}
.articleItemImage {float: left; margin: 0 15px 15px 0;}
.articleItemBody {}
#articleDate {margin: 0 0 15px 0; font-style: italic;}
#articleImage {float: left; margin: 0 20px 15px 0;}

/* Staff styles */
.staffItem {float: left; margin: 0 40px 30px 0; width: 40%;}
.staffImage {float: left; margin: 0 20px 20px 0;}
.staffItemName {font-weight: bold;}
.staffItemTitle {font-style: italic;}
#staffDetailImage {float: left; margin: 0 20px 20px 0;}
#staffDetailBody {}
#staffName {}
#staffJobTitle {}

/* Photo gallery styles */
#photoLargeImage {position:relative; width:665px; height:500px; text-align:center;}
#photoLargeImage img {margin: 0 auto;}
#photoItems {margin: 20px 0 10px 0;}
.photoItem {float:left; margin:0 15px 15px 0; width: 110px; 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;}

.loading {background-image:url('/loadingIcon.gif'); background-repeat:no-repeat; background-position: center 33%;}

/* Basic events styles */
.eventList {}
.eventListItems {}
.eventListItems h2 a {}
.eventItemDate {}
.eventItemLocation {}
#eventDetail {}
#eventDetail h1 {}
#eventDetailDate {}
#eventDuration {}

/* Event calendar styles */
.calendarList {}
.calendarListItems {float: left; width: 231px;}
.calendarListItems h2 a {font-size: 16px;}
#caledarDetail {}
#caledarDetail h1 {}
#calendarDetailDate {}
#calendarImage {float: right; margin: 0 0 10px 20px;}
.calendarPicker {float: left; display: inline; margin: 0 0 0 20px; width: 285px} /* Flash calendar */

/* 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; height: 1px !important; overflow: hidden !important;}
.divAddControl {margin: 25px 0 0 0;}
.divEditDeleteControls {margin: 25px 0 0 0;}
.errorMsg {color: #cc0000;}

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

#sectionBackgroundImage {display: none;}
::-moz-selection{background:#6a7e48; color:#fff;}
::selection {background:#6a7e48; color:#fff;}

dl#faq dt {color: #29546a; font-weight: bold;}
dl#faq dt a {color: #29546a; text-decoration: none;}
dl#faq dd {display: none;}