#detail/* Main CSS page 
The first few entries are used to set defaults text-shadow is a fix for OSx light-on-dark contrast problem
*/
img { border:0px; }
* {border: 0px; margin: 0px; padding: 0px; outline: none; font-weight: normal; text-shadow: #000 0px 0px 0px; color: #F6EBCF; font-family: 'Times new roman', serif; font-size: 14px;}
.redbox {border: solid 1px red;}
.bluebox {border: solid 1px blue;}
.greenbox {border: solid 1px green;}
.hidden {display: none;}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.floatRight {float: right;}
.floatLeft {float: left;}
.blue {color: rgb(0,0,255);}
.red {color: rgb(255,0,0);}
.arial {font-family: 'Airal', sans-serif;}
.small {font-size: 8px;}
.yellow, .yellow a {color: #dc8000 !important; font-weight: bold; text-decoration: none; }
.super { vertical-align: super; font-size: 80%;}
.oversize {font-size: 120%;}
.smaller {font-size: 80%; margin-left: 15px; margin-bottom: 17px;}
.underline {text-decoration: underline;}
.dottedBottom {border-bottom: dotted 1px white;}
.greyBottom {border-bottom: solid 1px #666666; padding-bottom: 15px;}
.greyDiv {border-bottom: solid 1px #666666; margin-bottom: 15px;}
.floatLeft {float: left;}
.floatRight {float: right;}
.lowerOrange {color: #dc8000; text-transform: capitalize;}

em {color: #dc8000;}
img { behavior:	url(css/png_behavior.htc);} /* Allows png support in IE<7, REQUIRES EXPLICIT DIMENSIONS ON EACH IMAGE (that's why they aren't showing up!)*/
strong, strong a {font-weight: bold;}
body {background: #3e3218 url('../sprites/RepeatBackground.jpg') repeat-y scroll center top; padding-bottom: 50px;}
table {border-collapse: collapse;}
th {text-align: left; font-style: italic;border-bottom: solid 1px #666666;padding-bottom: 10px; padding-top: 20px;}
td {border-bottom: solid 1px #666666; font-size: 14px; padding: 10px; padding-top: 20px;}
tr .title {font-size: 17px; color:#dc8000; width: 150px;}
/* Master Container fits just inside body for placement and behavior*/
#masterContainer {
z-index: 0;
background:url('../sprites/background.jpg') repeat-x scroll left top;
width: 100%;
min-height: 700px;
height: auto !important;
height: 700px; 
}
#header {text-align: center; height: 147px; background: url('../sprites/headerBGtag.jpg') no-repeat top center;
min-width: 1000px;
margin-left: auto;
margin-right: auto;
z-index: 1000;
position: relative;
}

#mainLogo {width: 966px; margin-left: auto; margin-right: auto; text-align: left; height: 10px; margin-bottom: -10px; position: relative; }
#mainLogo img {width: 345px; height: 192px; margin-left: 17px; z-index: 600; position: relative;}

#headerSpreader {width: 1000px; height: 1px; }
#menuBar { height: 17px; position: relative; top: 121px; margin-left: auto; margin-right: auto; width: 966px; text-align: right; line-height: 16px; }

#menuBar a {cursor: pointer;}

#menu01,#menu01Over {position: absolute; right: 500px; width: 100px;}
#menu02 {width: 9px; height: 16px; position: absolute; right: 491px; }
#menu03, #menu03Over {position: absolute; right: 350px; width: 141px;}
#menu04 {width: 7px; height: 16px; position: absolute; right: 343px; }
#menu05, #menu05Over {position: absolute; right: 187px; width: 200px;}
#menu06 {width: 11px; height: 16px; position: absolute; right: 176px; }
#menu07, #menu07Over {position: absolute; right: 53px; width: 123px;}
#menu08 {width: 9px; height: 16px;  position: absolute; right: 44px; }
#menu09, #menu09Over {position: absolute; right: 3px; width: 41px;}
#searchMenu {position: absolute; right: 50px; top: -6px; width: 123px; height: 90px; background: #5c492a; z-index: 10; display: none; padding-top: 25px; text-align:left; padding-left: 10px;}
#searchMenu a img {margin-top: 4px;}


#martinMenu {position: absolute; right: 346px; top: -6px; width: 141px; height: 125px; background: #5c492a; z-index: 10; display: none;  padding-top: 25px; text-align:left; padding-left: 10px;}
#martinMenu a img {margin-top: 4px;}
#martinMenu .toplink {margin-top: 0px;}

#quickNav { margin-left: auto; margin-right: auto; width: 966px; text-align: right; color: #FFFFFF; font-family: "Times New Roman", Times, serif; z-index: 100; position: relative; }
#quickNav, #quickNav a { color: #FFFFFF; font-family: 'Times new roman', serif; font-size: 17px;}

#soundOn, #soundOff {cursor: pointer;}

#mainStage {
position: relative;

width: 1000px; margin-left: auto; margin-right: auto;text-decoration: none;
min-height: 320px;
height: auto !important;
height: 320px;
z-index: 0;
}

#slideShow {height: 320px;}

#middleRight {position: relative; top: 74px; left: 366px; width: 600px; padding-left: 27px;}
#middleRight p {font-size: 14px; line-height: 18px; display: block; margin-bottom: 20px; color:#F6EBCF;}
#middleRight h2 {font-size: 18px; color: #dc8000;}
#middleRight p a {color: #dc8000; text-decoration: underline;}
#RLlogo {position: absolute; right: 33px; top: 40px; height: 231px; width: 203px;}
#RLlogo2 {position: absolute; right: 33px; top: 40px; height: 231px; width: 203px;}
#leftRLlogo {position: absolute; left: 90px; top: 361px; height: 71px; width: 243px;}

#featuredDetail {position: absolute; top: 0px; left: 27px; height: 321px; width: 620px; }
.detailThumb {float: left; width: 140px; height: 102px; overflow: hidden; margin-right: 8px; margin-bottom: 7px;}
.detailThumb a img {width: 140px; height: 102px;}
.detailWords {position: absolute; right: 0px; top: 10px; width: 320px; margin-left: 0px; clear: left;}
.detailWords p {font-size: 14px;}
.detailWords a, .detailWords p a{color: #d6970e;}
.detailWords h3 {font-size: 18px;}
#detailStrip {height: 320px; position: absolute;right: 634px; top: -1px;}
#detailStrip img {clip: rect(0px 317px 321px 0px); position: absolute; left: -317px; height: 320px;}
.featuredThumb {float: left; width: 115px; text-align: center; padding-right: 10px;}
.featuredThumb a {font-size: 12px; text-decoration: none;}
.featuredThumb a img {width: 115px; height: 84px;}

.morelink {position: absolute; top: 300px; right: 10px; z-index:20000 }
.morelink a {color: #dc8000;}

#lower {
margin-left: auto;
margin-right: auto;
min-width: 1000px;
z-index: 200; background: url('../sprites/lowerBGcut.jpg') no-repeat top center; height: 450px; margin-top: 0px;
}
#lowerInnerStrip {
padding-top: 17px;
padding-left: 47px;
width: 300px;
}
#lowerInnerStrip .devQuads {margin-right: 15px; margin-bottom: 15px; float: left;}
#innerLower {
width: 100%;

position: absolute; top: 467px; left: 0px;
z-index: 0; background: url('../sprites/lowerBGcut.jpg') no-repeat top center; height: 450px; margin-top: 0px;
}

#lowerContent {width: 950px; margin-left: auto; margin-right: auto;height: 450px; }
#middleStrip {width: 290px; position: absolute; top: 52px; left: 76px;}


#innerStrip {width: 317px; height: 320px; position: absolute;left: 49px; overflow: hidden;}
.LStitle {margin-bottom: 7px; clear: right; display: block; width: 300px;}
.LSimg {margin-top: 5px; padding-bottom: 100px; margin-left: 5px;}
.LStext {line-height: 20px; font-size: 17px;}
.LStext a{color: #d6970e; text-transform: uppercase; text-decoration: none; font-size: 12px; }
#lowerMain {padding-left: 27px; padding-top: 45px; margin-left: 340px; }
#lowerMain p.normal {font-size: 14px; line-height: 20px;}
#lowerMain ul {list-style-position: inside; list-style-image: url('../sprites/dot.gif');  margin-top: 17px; line-height: 20px;}
#lowerSpreader {width: 1000px;}
.spreader {clear: both; width: 1000px;}

#footer {clear: both; position: relative; bottom: -90px; padding-left: 53px; margin-left: auto; margin-right: auto; color: #dc8000; width: 923px; margin-bottom: 50px; display: block;}
#footer a {color: #dc8000; text-decoration: none;}
#footer img {position: absolute; top: -35px; right: 0px; display: none;}

#preLoad, #preLoad img, .preLoad, .preLoad img {position: absolute; left: -99999px; top: -9999px;}

.pdf {position: absolute; top: 0px; right: 0px;}
.pdf a {font-size: 11px; text-decoration: none;}