/* TYPOGRAPHY
----------------------------------------------- */
html {font-size: 100%; } /* Somehow Fixes IE */
body {font-size: 62.5%; } /* sets font to 10px */

/*
JUMBOTRON
*/

#jumbotronContainer {height: 467px; width: 581px; position: relative; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, Helvetica, Arial, sans-serif; color: #fff;}

#homeJumbotron {height: 467px; width: 581px; position: relative; margin-bottom: 0px; margin-left: 0px; }

#jumbotronShow {height: 467px; width: 581px; background: #cc0033; overflow: hidden; }
#jumbotronShow .hovered {cursor: pointer;}

.jumbotronOverlay { display: none; position: absolute; width: 581px; height: 377px; }
.jumbotronOverlay a {display: none; width: 581px; height: 377px; }

.jumbotronImage { width: 581px;}

/* right controls
#jumbotronNav {background: url(/page/-/phase3-wrapper/img/jumbotron-right.png) no-repeat top center; width: 20px; position: absolute; top: 287px; padding: 5px 0 5px 0; left: 568px; }
#jumbotronNav a {display: block; color: #fff; text-decoration: none; text-align: center; padding: 2px 0; margin: 4px 2px 2px 0px;}
#jumbotronNav a:hover {background: #C2B576; color: #000;}

#jumbotronPager {background: url(/page/-/phase3-wrapper/img/jumbotron-right.png) no-repeat top center; width: 20px; position: absolute; top: 0px; left: 568px; padding: 5px 0 5px 0;}
#jumbotronPager a {display: block; color: #fff; text-decoration: none; text-align: center; padding: 2px 0; margin: 4px 2px 2px 0px;}
#jumbotronPager a.activeSlide {background: #C2B576; color: #000;}
*/
#jumbotronNav {background: transparent url(../images/slideshow/jumbotron-bottom.png) no-repeat bottom left; width: 120px; position: absolute; padding: 0px 0 0px 10px; top: 373px; left: 0px; z-index: 100; height: 34px;}
#jumbotronNav ul {display: inline;}
#jumbotronNav li {display: inline; float: left;}
#jumbotronNav a {width: 25px; display: block; color: #fff; text-decoration: none; text-align: center; padding: 4px 0px; margin: 0px 2px 0px 2px;}
#jumbotronNav a:hover {}

#jumbotronPager {background: #fdb813; width: 456px; position: absolute; top: 373px; left: 120px; padding: 0; z-index: 101; text-align: right; line-height: 34px; padding-right: 5px; height: 34px;}
#jumbotronPager a {width: 20px; color: #fff; text-decoration: none; text-align: center; padding: 4px 6px; margin: 0px 2px 0px 2px;}
#jumbotronPager a.activeSlide {background: #cc0033; color: #fff; padding-bottom: 15px;}

.jumbotronText {padding: 34px 10px 5px 10px; color: #fff;}
.jumbotronText p {margin: 0; font-size: 12px; line-height: 1.3em;}
.jumboTitle {color: #fff; font-weight: bold; }