/* Stylesheet - RDX Storage */
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; border: 0; outline: 0; vertical-align: baseline; background: transparent;}

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

html, body {height: 100%;}
body {font: 12px/16px Arial, Helvetica, Sans-Serif; color: #666;}
body.pixelsilk {text-align:center; background: #fff;}

p {margin: 0.75em 0;}
hr {height: 1px; color: #f1f1f1; background-color: #f1f1f1; border: 0;}
object {outline: none;}

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

/* Heading Styles */
h1, h2, h3, h4, h5 {margin: 0 0 15px 0; font-weight: bold; color: #666;}
h1 {font-size: 18px; margin: 0 0 10px 0; padding: 0 0 10px 0; color: #ff6600; border-bottom: 1px #ccc solid;} /* 2em */
h2 {font-size: 16px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {}

/* 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: 987px; /*height: auto !important; height: 100%; min-height: 100%;*/}

/* Header styles */
#header {position: relative; margin: 0; width: 100%; height: 143px; z-index: 100;}
#logo {position: absolute; left: 2px; top: 20px; width: 226px; height: 62px; z-index: 200;}
#memberButton {position: absolute; right: 0; top: 4px; height: 16px; display: block; padding: 0 8px; color: #fff; font-size: 11px; font-weight: bold; text-decoration: none; background: url('/orange-button-bg.gif') repeat-x;}
#language {position:absolute; top:60px; right:0; white-space:nowrap; width:200px; text-align:right;}

/* Menu styles */
#siteMenu {position: absolute; right: 5px; top: 111px; height: 32px; text-align: right; z-index: 100;}
ul#Menu {list-style: none; margin: 0; padding: 0;}
ul#Menu li {display: inline; float: left; position: relative; height: 32px; line-height: 32px;}
ul#Menu li a, ul#Menu li a:link, ul#Menu li a:visited {display: block; padding: 0 0 0 20px; font-size: 18px; height: 32px; line-height: 32px; color: #000; text-decoration: none; text-transform: lowercase;}
ul#Menu li a:hover, ul#Menu li a:active {display: block; padding: 0 0 0 20px; font-size: 18px; height: 32px; line-height: 32px; color: #ff9900; text-decoration: none; text-transform: lowercase;}
ul#Menu li.current a {color: #ff9900; text-decoration: none; text-transform: lowercase;}
ul#Menu li.separator {}
ul#Menu li.home a img {padding-top: 2px;}
div#subNavigation {display: none;}

/* Submenu styles */
ul#Menu li ul {display: none; position:absolute; right: 0; top: 32px; list-style: none; margin:0; padding:10px 0; min-width:200px; text-align: left; /* Match UL 'left' attribute below */ background: #ff9900;}
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: 16px; text-decoration: none; text-transform: lowercase; white-space: nowrap; text-align: right;}
ul#Menu li ul li a:hover, ul#Menu li ul li a:active, ul#Menu li ul li a:focus {color: #fff/*#ff9900*/; text-decoration: underline; background: #ff6600;}
ul#Menu li ul li.separator {}

ul#Menu li ul li ul {position:absolute; top:0; left:200px; width: 200px; 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;}

/* Submenu styles, which appear as "tabs" in the left column on subpages */
ul#subMenu {list-style: none; margin: 0 0 25px 0; padding: 0;}
ul#subMenu li {display: block; margin: 0; padding: 0;}
ul#subMenu li a, ul#subMenu li a:link, ul#subMenu li a:visited {display: block; margin: 0 0 3px 0; padding: 0 0 0 15px/*25px*/; height: 29px; line-height: 29px; font-size: 18px; color: #fff; text-decoration: none; background: url('/sub-menu-sprite2.gif') no-repeat;}
ul#subMenu li a:hover, ul#subMenu li a:active, ul#subMenu li a:focus {background-position: 0 -29px;}
ul#subMenu li.current a {background-position: 0 -29px;}

#content div.jp ul#subMenu li a, #content div.jp ul#subMenu li a:link, #content div.jp ul#subMenu li a:visited {font-size:11px ! important;}

/* Search box/form */
#search {position: absolute; right: 0; top: 4px; width: 167px; height: 22px; background: url('/search-bg.gif') no-repeat;}
.txtSearch {position: absolute; left: 11px; top: 7px; width: 128px; margin: 0; padding: 0; height: 12px; font-family: Georgia, Georgia, sans-serif; font-size: 10px; color: #b5c1c7; line-height: 12px; border-width: 0; background: #fff url('/white-spacer.gif');}
.btnSearch {position: absolute; left: 147px; top: 0; width: 20px; height: 22px;}

/* Main content area styles */
#content {position: relative; margin: 0; padding: 0; width: 100%; text-align: left; z-index: 1;}

/* Subpage styles */
#breadcrumbs {position: relative; margin: 0 0 7px 0; width: 100%; height: 30px;}

#subnavColumn {float: left; position: relative; margin: 37px 0 0 10px/*34px*/; width: 200px/*176px*/;}

#contentColumn {float: left; position: relative; margin: 0; padding: 0; width: 777px; background: url('/site-content-bg.gif') repeat-y;}
#contentColumn #topGradient {position: absolute; left: 0; top: 0; width: 777px; height: 33px; z-index: 1;}
#contentColumn .columnInner {position: relative; margin: 0; padding: 20px 50px; min-height: 408px; background: url('/content-grad-bottom.gif') no-repeat left bottom; z-index: 10;}

#leftCTAs {}
.leftCTA {display: block; margin: 0 0 5px 0;}

#leftContent {display: block; margin: 0 0 5px 0; width: 170px;}

/* Homepage-specific styles */
body.home #contentColumn {float: left; margin: 0 0 0 4px; width: 330px; background-image: none;}
body.home #contentColumn .columnInner {padding: 0; min-height: 0; background-image: none;}
body.home #column2 {float: left; margin: 0 0 0 25px; width: 300px; background: none;}
body.home #column3 {float: left; margin: 0 0 0 30px; width: 298px;}
body.home h2 {color: #ff3300; font-size: 16px;}
body.home a {color: #ff3300;}

#homeFlash {position: relative; margin: 0 0 7px 0; width: 987px; height: 374px;}

#homeCTAs {position: relative; margin: 0 0 20px 0; padding: 0; width: 987px; height: 91px; background: url('/home-cta-bg.gif') repeat-x;}
#homeCTAs #capLeft {position: absolute; left: 0; top: 0; width: 5px; height: 91px;}
#homeCTAs #capRight {position: absolute; right: 0; top: 0; width: 5px; height: 91px;}
.homeCTAsep {float: left; width: 1px; height: 91px;}
.homeCTA {float: left; display: block; width: 194px; height: 91px; overflow: hidden;}
.homeCTA .inner {padding: 12px 20px 0;}
.homeCTA h3 {margin: 0 0 3px 0; text-indent: 40px; color: #000; font-size: 18px; line-height: 20px; /*font-weight: bold;*/ text-transform: lowercase; background: url('/rdx-logo-small.gif') no-repeat left top;}
.homeCTA h3 a {color: #000; font-size: 18px; /*font-weight: bold;*/ text-decoration: none;}
.homeCTA p {margin: 0; color: #000;}
.homeCTA p a {color: #000; text-decoration: none;}

/* Orange button styles */
a.smallButton {display: inline-block; width: 75px; height: 20px; line-height: 20px; text-align: center; font-size: 11px; font-weight: bold; color: #fff !important; text-decoration: none; background: url('/small-button-bg.gif') no-repeat;}
a.smallButton:hover {opacity: 0.85;}
a.largeButton {display: block; width: 222px; height: 21px; line-height: 20px; text-align: center; font-size: 11px; font-weight: bold; color: #fff !important; text-decoration: none; background: url('/large-button-bg.gif') no-repeat;}
a.largeButton:hover {opacity: 0.85;}

/* General form styles */
.formLabel {clear: both; float: left; margin: 0 10px 10px 0; width: 33%; /*text-align: right;*/}
.formField {float: left; margin: 0 0 10px 0; width: 60%;}
.nextLine {clear: both;}
.required {font-weight: bold;}
.formField > span {display: block; width: 49%; float: left; line-height: normal; margin: 0 0 7px 0; padding: 0; white-space: nowrap;}
textarea {width: 100%; height: 150px;}
.formButton {clear: both;}

/* Contact form styles */
.contactForm {}
.contactForm .formLabel {clear: both; float: left; margin: 0 10px 10px 0; width: 33%; /*text-align: right;*/}
.contactForm .formField {float: left; margin: 0 0 10px 0; width: 60%;}
.contactForm .nextLine {clear: both;}
.contactForm .required {font-weight: bold;}
.contactForm .formField > p {display: block; width: 49%; float: left; line-height: normal; margin: 0 0 7px 0; padding: 0; white-space: nowrap;}
.contactForm textarea {width: 100%; height: 150px;}
.contactForm .formButton {clear: both;}

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

#paginator {position: absolute; right: 0; top: 8px; /*margin: 8px 0 0 0; padding: 0;*/ height: 22px; line-height: 22px; font-family: Georgia, Georgia, serif; font-size: 10px; text-align: right;}

/* Article styles */
.articleItemDate {margin: 0 0 15px 0; font-style: italic;}
#articleDate {margin: 0 0 15px 0; font-style: italic;}

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

/* 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;}
#photoItems img {position:relative; z-index:10;}
#photoItems a img:hover {opacity:0.85;}

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

/* Basic events styles */
.eventList {}
.eventListItems {}
#eventDetail {}
#eventDetailDate {}
#eventDuration {}

/* Event calendar styles */
.calendarList {}
.calendarListItems {}
.calendarListItems h2 a {font-size: 18px;}
#caledarDetail {}
#caledarDetail h1 {font-family: Palatino Linotype, Book Antiqua, Palatino, serif; color: #fff;}
#calendarDetailDate {font-size: 14px;}
.calendarPicker {float: left; display: inline; margin: 0 0 0 20px; width: 285px} /* Flash calendar */

/* Sponser slider styles */
div#sponsors {position: relative; width: 330px; height: 123px;}
/*div#sponsorSlider {position: absolute; left: 50px; top: 0; width: 235px; height: 123px;}*/
div#sponsorSlider {position: absolute; left: 0; top: 0; width: 300px; height: 123px;}
div#sponsorSlider ul {list-style: none; margin: 0; padding: 0;}
/*div#sponsorSlider ul li {display: inline-block; position: relative; margin: 0; padding: 0; width: 235px; height: 123px; overflow: hidden; background: url('/sponsor-spotlight-bg.gif') repeat-x;}*/
div#sponsorSlider ul li {display: inline-block; position: relative; margin: 0; padding: 0; width: 300px; height: 123px; overflow: hidden; background: url('/sponsor-spotlight-bg.gif') repeat-x;}
/*div#sponsorSlider ul li > div {position: absolute; left: 25px; top: 14px; width: 185px; height: 95px;}*/
div#sponsorSlider ul li > div {position: absolute; left: 25px; top: 14px; width: 250px; height: 95px;}
div#sponsorSlider ul li img.left {position: absolute; left: 0; top: 0; width: 5px; height: 123px; z-index: 10;}
div#sponsorSlider ul li img.right {position: absolute; right: 0; top: 0; width: 5px; height: 123px; z-index: 10;}
/*div.sliderLogo {position: relative; width: 185px; height: 35px; text-align: center; }
div.sliderText {position: relative; width: 185px; height: 40px; font-size: 11px; line-height: 14px; overflow: hidden;}*/
div.sliderLogo {position: relative; width: 250px; height: 35px; text-align: center; }
div.sliderText {position: relative; width: 250px; height: 40px; font-size: 11px; line-height: 14px; overflow: hidden;}
a.slider {position: absolute; right: 0; bottom: 0; width: 75px; height: 20px;}
span#sliderPrevBtn {position: absolute; left: 16px; top: 50px; width: 25px; height: 25px;}
span#sliderNextBtn {position: absolute; left: 295px; top: 50px; width: 25px; height: 25px;}

/* 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-size: 14px; padding: 0; line-height: 18px; text-decoration: none;}
.Pagination ul li.previous a:hover, .Pagination ul li.previous a:active {font-size: 14px; padding: 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-size: 14px; padding: 0; line-height: 18px; text-decoration: none;}
.Pagination ul li.next a:hover, .Pagination ul li.next a:active {font-size: 14px; padding: 0; line-height: 18px; text-decoration: none; font-weight: bold;}

/* Footer styles */
#footer {position: relative; margin: 15px auto 0; width: 100%; height: 110px; clear: both; z-index: 10;}
#footer #social {float: left; height: 44px;}
#footer #social ul {list-style: none; margin: 0 0 0 6px; padding: 0;}
#footer #social ul li {display: inline; float: left; margin: 0; padding: 0;}
#footer #social ul li a {display: inline-block; margin: 0 0 0 4px; width: 32px; height: 32px; text-decoration: none;}

#footer hr {clear: both; height: 2px; color: #7b7b7b; background-color: #7b7b7b;}
#footerLeft {float: left; margin: 0 0 0 8px; width: 360px; height: 60px; line-height: 60px; color: #000; font-size: 11px;}
#footerRight {float: right; width: 580px; height: 60px; text-align: right; line-height: 60px; color: #000; font-size: 11px;}
#footerRight a {line-height: 60px; font-size: 11px; text-decoration: none;}
#footerRight a:hover {text-decoration: underline;}

/* Misc styles */
.clear {clear: both;}
.divAddControl {}
.divEditDeleteControls {}
.errorMsg {color: #cc0000;}