@charset "UTF-8";

@font-face {
  font-family: 'CartoMatrex';
  src: url('fonts/CartoGothic/CartoGothicStd-Book-webfont.eot');
  src: url('fonts/CartoGothic/CartoGothicStd-Book-webfont.eot?iefix') format('eot'), url('fonts/CartoGothic/CartoGothicStd-Book-webfont.woff') format('woff'), url('fonts/CartoGothic/CartoGothicStd-Book-webfont.ttf') format('truetype'), url('CartoGothicStd-Book-webfont.svg#webfont') format('svg');
}

@font-face {
  font-family: 'CartoMatrexBold';
  src: url('fonts/CartoGothic/CartoGothicStd-Bold-webfont.eot');
  src: url('fonts/CartoGothic/CartoGothicStd-Bold-webfont.eot?iefix') format('eot'), url('fonts/CartoGothic/CartoGothicStd-Bold-webfont.woff') format('woff'), url('fonts/CartoGothic/CartoGothicStd-Bold-webfont.ttf') format('truetype'), url('CartoGothicStd-Bold-webfont.svg#webfont') format('svg');
}

@font-face {
  font-family: 'CartoMatrexItalic';
  src: url('fonts/CartoGothic/CartoGothicStd-Italic-webfont.eot');
  src: url('fonts/CartoGothic/CartoGothicStd-Italic-webfont.eot?iefix') format('eot'), url('fonts/CartoGothic/CartoGothicStd-Italic-webfont.woff') format('woff'), url('fonts/CartoGothic/CartoGothicStd-Italic-webfont.ttf') format('truetype'), url('CartoGothicStd-Italic-webfont.svg#webfont') format('svg');
}


* { margin: 0px; padding: 0px; }
.clear { clear: both; }


/* STRUCTURAL ELEMENTS
--------------------------------------------*/
body { background-color: #4D4D4D; font-family: CartoMatrex, Arial, Helvetica, sans-serif; }

#header { width: 1000px; margin-right: auto; margin-left: auto; padding-bottom: 15px; }

#contentBG { border-top: 5px solid #705386; border-bottom: 5px solid #705386; text-align: center; background-image: url(images/bg_mainPattern.gif); }
.contentWrap-fixedHeight { height: 500px; width: 1000px; margin-right: auto; margin-left: auto; background-color: #4f397b; overflow: hidden; position: relative; }

#mainNavigationWrap { background-color: #331d54; width: 100% }

#footer { width: 1000px; margin: 30px auto 20px auto; border-top: 1px solid #3b3b3b }

.hwdWrap { float: left; width: 330px; border-right: 5px solid #705386; position: relative; }
.hwdWrapRight { float: left; width: 330px; border: none; position: relative; }

.bioWrap { position: absolute; z-index: 150; width: 290px; padding-top: 15px; padding-left: 30px; text-align: left; }

#scrollContent { height: 380px; overflow: auto; width: 100%; padding-right: 15px; outline: none; }

.sitemapCol { font-size: 12px; color: #FFFFFF; float: left; width: 180px; list-style-type: none; line-height: 18px; }
.sitemapCol li a { color: #FFFFFF; text-decoration: underline; }
.sitemapCol li a:hover { color: #F0B310; }


/* TYPOGRAPY
--------------------------------------------*/
p { font-size: 14px; line-height: 20px; color: #FFFFFF; margin-bottom: 10px; }
b { font-family: CartoMatrexBold, Arial, Helvetica, sans-serif; }
i { font-family: CartoMatrexItalic, Arial, Helvetica, sans-serif; }

a { color: #F0B310; text-decoration: underline; }
a:hover { color: #331D54; text-decoration: underline; }

h1 { font-size: 24px; line-height: 28px; font-weight: normal; color: #f0b310; margin-bottom: 15px; background-image: url(images/bg_arrowHeader.png); background-repeat: no-repeat; margin-left: -15px; padding-left: 15px; background-position: 0px 3px; }
h2 { font-size: 18px; line-height: 24px; font-weight: normal; color: #FFFFFF; margin-bottom: 24px; }
h3 { font-size: 18px; line-height: 24px; font-weight: normal; color: #FFFFFF; margin-bottom: 10px; }
h4 { font-size: 18px; line-height: 24px; font-weight: normal; color: #f0b310; }

.bullets { margin-bottom: 10px; color: #FFFFFF; margin-left: 20px; }
.bullets li { font-size: 14px; color: #FFFFFF; line-height: 20px; }

.textmargin { margin-bottom: 5px; margin-top: 20px; }
.address { font-size: 14px; line-height: 20px; color: #FFFFFF; margin-bottom: 10px; list-style-type: none; }
.sitemapMainLink { font-family: CartoMatrexBold, Arial, Helvetica, sans-serif; margin-top: 10px; }


/* GRAPHIC ELEMENTS
--------------------------------------------*/
.headerLogo { float: left; margin-top: 24px; margin-left: 40px; }
.headerTagline { float: right; margin-top: 100px; }
.recognitionList li img { float: left; margin-right: 10px; }
.printPDFicon { margin-left: 5px; margin-top: 5px; border: 0; outline: 0; }


/* GALLERY AND CAROUSEL ELEMENTS
--------------------------------------------*/
.carousel { }

.carouselPager { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 15px; position: absolute; left: 0px; top: 479px; }
.carouselPager a { color: #9680a7; padding: 6px; text-decoration: none; position: relative; }
.carouselPager a:focus { outline: none; border: none; }
.carouselPager a:hover, .carouselPager a.activeSlide { color: #FFFFFF; padding: 6px; text-decoration: none; background-color: #705386; }

.carouselCaption { position: absolute; top: 395px; text-align: right; right: 15px; }
.carouselCaption h1 { font-size: 14px; line-height: 18px; font-weight: normal; color: #FFFFFF; margin-bottom: 5px; background: none; }
.carouselCaption p { font-size: 12px; line-height: 18px; margin: 0px; padding: 0px; }

.carouselPlayPause { position: absolute; top: 476px; outline: none; right: 15px; }
.carouselPlayPause a { border: none; outline: none; }

.carouselPlayPause a#pbtn { cursor:pointer; margin: 0px; padding:2px 8px; }
.carouselPlayPause a.pause { background-image: url(images/btn_pause.gif); background-repeat: no-repeat; background-position: center; }
.carouselPlayPause a.play { background-image: url(images/btn_play.gif); background-repeat: no-repeat; background-position: center; }
.pauseBtn { outline: none; border: none; }

#biosCarousel div img { float: left; margin-right: 10px; margin-bottom: 10px; }
#biosCarousel div p { clear: both; margin-bottom: 10px; }

#biosPager { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 15px; position: absolute; left: 30px; top: 470px; }
#biosPager a { color: #b59d93; padding: 6px; text-decoration: none; background-color:#927263; margin-right: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; position: relative; }
#biosPager a:focus { outline: none; border: none; }
#biosPager a:hover, #biosPager a.activeSlide { color: #FFFFFF; padding: 6px; background-color:#f0b310; text-decoration: none; }

#textPager { font-size: 10px; }


/* OVERLAYS AND TEXT CONTAINERS
--------------------------------------------*/
.textWrap { width: 270px; text-align: left; margin-top: 30px; margin-left: 40px; z-index: 100; position: absolute; }
.transOverlay { position: absolute;  z-index: 50; width: 350px; height: 500px; background-color: #4f397b; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; left: 0px; top: 0px; }

.galleryTextWrap { width: 250px; text-align: left; height: 500px; padding: 30px 40px 0 40px; z-index: 150; position: absolute; }
.galleryOverlay { position: absolute; z-index: 100; width: 330px; height: 500px; background-color: #4f397b; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }

.wideTextWrap { position: absolute; z-index: 150; width: 370px; height: 500px; padding: 30px 40px 0 40px; text-align: left; }
.wideOverlay { position: absolute; width: 450px; height: 500px; background-color: #4f397b; z-index: 10; background-color: #4f397b; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }

.biosOverlay { position: absolute; width: 350px; height: 500px; background-color: #4f397b; z-index: 10; background-color: #4f397b; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }

.hwdTextWrap { position: absolute; z-index: 150; width: 260px; margin-top: 310px; margin-left: 35px; text-align: left; }
.hwdOverlay { position: absolute; z-index: 100; width: 330px; height: 210px; margin-top: 290px; background-color: #4f397b; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; }

.contactTextWrap { width: 320px; text-align: left; margin-top: 30px; margin-left: 40px; z-index: 100; position: absolute; }
.contactOverlay { position: absolute; width: 400px; height: 500px; background-color: #4f397b; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; left: 0px; top: 0px; }


/* NAVIGATION
--------------------------------------------*/
.mainNavigation { height: 58px; position: relative; width: 1000px; margin-right: auto; margin-left: auto; list-style-type: none; background-color: #331d54; }
.mainNavigation li { float: left; position: relative; }
.mainNavigation li a { font-size: 18px; color: #785f9d; text-decoration: none; position: relative; float: left; line-height: 18px; padding: 20px; }
.mainNavigation li a:hover { color: #FFFFFF; text-decoration: none; background-color: #F0b310; float: left; position: relative; padding-bottom: 30px; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -khtml-border-radius: 0px 0px 5px 5px; behavior: url(scripts/PIE.htc); }

.bodycopyNavigation { list-style-type: none; }
.bodycopyNavigation li { margin-bottom: 10px; }
.bodycopyNavigation li a { color: #f0b310; padding: 7px 20px 5px 20px; text-decoration: none; background-image: url(images/bg_arrowNav_off.png); background-repeat: no-repeat; background-position: 10px 8px; }
.bodycopyNavigation li a:hover { color: #FFFFFF; text-decoration: none; background-color: #f0b310; background-image: url(images/bg_arrowNav_over.png); background-repeat: no-repeat; background-position: 11px 8px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; behavior: url(scripts/PIE.htc); }

.footerNavigation { font-size: 12px; color: #FFFFFF; list-style-type: none; float: left; margin-right: 10px; margin-top: 30px; }
.footerNavigation li { display: inline; margin-right: 10px; }
.footerNavigation li a { color: #FFFFFF; text-decoration: underline; }
.footerNavigation li a:hover { color: #f0b310; text-decoration: underline; }

.mediaNavigation { float: right; margin-top: 20px; list-style-type: none; }
.mediaNavigation li { display: inline; margin-left: 10px; }


/* BUTTONS AND FORMS
--------------------------------------------*/
#searchForm { margin-top: 25px; float: left; width: 260px; }
#searchForm .field { font-size: 12px; color: #666666; background-color: #afafaf; width: 150px; padding: 3px 5px; border: 1px solid #b8b8b8; }

#contactForm { margin-top: 40px; }
#contactForm label { font-size: 13px; color: #FFFFFF; text-align: right; width: 65px; margin-right: 5px; float: left; padding-top: 5px; }
#contactForm .field { font-size: 12px; color: #666666; background-color: #dedbe6; width: 238px; padding: 3px 5px; border: 1px solid #74717c; margin-bottom: 5px; clear: right; }

.button { background-color: #331d54; color: #785f9d; cursor: pointer; border: none; font-size: 13px; margin-left: 3px; padding: 5px 10px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; behavior: url(scripts/PIE.htc); }

.button:hover { color: #FFFFFF; background-color: #f0b310; }
.formButtons { margin-top: 10px; margin-left: 70px; clear: both; position: relative; }

.accessBtn { background-color: #331d54; color: #785f9d; cursor: pointer; font-size: 16px; padding: 10px 20px 8px 20px; text-decoration: none; float: right; margin-top: 20px; margin-left: 10px; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; behavior: url(scripts/PIE.htc); }
.accessBtn:hover { color: #FFFFFF; background-color: #f0b310; text-decoration: none; }


/* SHOWCASE ELEMENTS
--------------------------------------------*/
/* SHOWCASE ELEMENTS
--------------------------------------------*/
.showcaseNavigation {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #705386;
	padding: 7px 15px;
	float: right;
	z-index: 160;
	position: absolute;
	right: 0px;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-khtml-border-radius: 0px 0px 5px 5px;
	behavior: url(scripts/PIE.htc);
	top: 0px;
}
.showcaseNavigation a { color: #FFFFFF; text-decoration: none; }
.showcaseNavigation a:hover { color: #F0B310; text-decoration: none; }

.videoLink { background-image: url(images/grc_videoIcon.gif); background-repeat: no-repeat; padding-left: 20px; }