/* --------- /stylesheets/reset.css --------- */ /* -------------------------------------------------------------- Boilerplate reset.css * Resets default browser CSS. -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1.5; background: #fff; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight:400; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none; } /* Removes Firefox imposed outline */ a { outline: none; } /* Clearing floats without extra markup */ .wrapper { display: inline-block; } .wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .wrapper { height: 1%; } .wrapper { display: block; } /* --------- /stylesheets/themes/otg09/typography.css --------- */ /* -------------------------------------------------------------- Boilerplate typography.css * Sets up some sensible default typography. -------------------------------------------------------------- */ /* This is where you set your desired font size. The line-heights and vertical margins are automatically calculated from this. The percentage is of 16px (0.75 * 16px = 12px). */ body { font-size: 87.5%; line-height:1.5714em; } /* Default fonts and colors. */ body { font-family: "Lucida Grande", Arial, sans-serif; } /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: bold; font-family:Helvetica, Arial, sans-serif; } h1 { font-size: 2em; line-height: 1.125em; margin-bottom: 0.375em; } h2 { font-size: 1.5em; line-height: 1em; margin-bottom: .5em; } h3 { font-size: 1.25em; line-height: 1.2em; margin-bottom: .6em; } h4 { font-size: 1em; line-height:1.5em; margin-bottom: .75em; } h5 { font-size: .8333em; line-height:1.8em;} /* Text elements -------------------------------------------------------------- */ p { margin: 0 0 1.5em; } ul, ol { margin: 0 1.5em 1.5em 1.5em; } ul { list-style-type: disc; } ol { list-style-type: decimal; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dl dd { margin-left: 1.5em; } abbr, acronym { border-bottom: 1px dotted #000; } address { margin-top: 1.5em; font-style: italic; } del { color: #000; } a { text-decoration:none; } a:hover { text-decoration: none; } blockquote { margin: 1.5em; } strong { font-weight: bold; } small {font-size:.7857em;} em, dfn { font-style: italic; } dfn { font-weight: bold; } pre, code { margin: 1.5em 0; white-space: pre; } pre, code, tt { font: 1em monospace; line-height: 1.5; } tt { display: block; margin: 1.5em 0; line-height: 1.5; } /* Tables -------------------------------------------------------------- */ table { margin-bottom: 1.4em; } th { border-bottom: 2px solid #ddd; font-weight: bold; } td { border-bottom: 1px solid #ddd; } th,td { padding: 4px 10px 4px 0; } tfoot { font-style: italic; } caption { background: #ffc; } /* Some default classes -------------------------------------------------------------- */ .small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; } .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } .quiet { color: #999; } .hide { display: none; } .highlight { background: #ffc; } .top { margin-top: 0; padding-top: 0; } .bottom { margin-bottom: 0; padding-bottom: 0; } /* Nav -------------------------------------------------------------- */ #Nav ul {margin:0; padding:0; list-style-type:none;} #Nav ul#SecondaryNav {text-align:right; margin-top:.5em; font-size:.8571em;} #Nav ul#SecondaryNav li {display:inline; padding-left:10px; margin-left:10px;} p.page_nav {margin-top:-1em;} /* CONTENT -------------------------------------------------------------- */ #Content #Secondary p {font-size:.9286em;} /* BLOCKQUOTES -------------------------------------------------------------- */ p.author {text-align:right; font-style:italic; margin-bottom:0;} p.footnote {text-align:right;} /* FAQs -------------------------------------------------------------- */ ol.questions {font-size:.9286em; margin-bottom:3em;} ol.questions li {margin-bottom:.5em;} ul.answers {list-style-type:none; margin:0;} ul.answers li {margin-bottom:3em;} /* Home Highlight -------------------------------------------------------------- */ div#Highlight ul {margin:0; list-style-type:none; width:100%; overflow:hidden; font-family:Arial, sans-serif; font-size:.9286em; line-height:1.3em;} div#Highlight li {float:left; width:160px; padding:0 10px; border-right:1px solid #ffbd8a; height:140px;} div#Highlight li.last {border-right:0;}/* --------- /stylesheets/themes/otg09/layout.css --------- */ /* Layout Grid -------------------------------------------------------------- */ body {} #Wrap {position:relative; width:959px; margin:0 auto; } #Masthead {position:absolute; width:359px; height:130px; left:0; top:0;} #Nav {position:absolute; width:593px; height:130px; left:367px; top:0;} #Content {position:absolute; width:960px; left:0; top:130px;} #Content #Primary {position:absolute; width:593px; left:367px; top:0;} #Content #Secondary {width:359px;} .column {padding:25px;} #Footer {margin-top:5em;} #Footer em {color:#dd8640; font-size:10px; font-style:normal;} #Footer p {line-height:1em;} /* Masthead -------------------------------------------------------------- */ #Masthead img {position:absolute; left:54px; top:28px;} /* Nav -------------------------------------------------------------- */ #Nav ul#SecondaryNav {margin:20px 10px 0 0;} #Nav #Region {text-align:right; margin:0 10px 0 0;} #Nav #Region small {font-size:.65em;} #Nav ul#PrimaryNav {position:absolute; width:593px; height:66px; left:0; top:64px;} #Nav ul#PrimaryNav li {position: absolute;top: 0;} #Nav ul#PrimaryNav li, #Nav ul#PrimaryNav a {height: 66px; width:99px; display: block;} #Nav #nav-home {left:0;} #Nav #nav-travelers {left:99px;} #Nav #nav-providers {left:198px;} #Nav #nav-process {left:297px;} #Nav #nav-pocs {left:396px;} #Nav #nav-difference {left:495px;} /* Content -------------------------------------------------------------- */ #Content #Primary #PageHead {height:194px; padding-top:10px;} #Content #Primary #PageHead img {display:block; margin:0 auto;} #Content #Secondary #PageImage {display:block;} /* Galleries -------------------------------------------------------------- */ ul.gallery_display {list-style-type:none; margin:0;} ul.gallery_display li {float:left;} ul.gallery_display img {margin:8px;}/* --------- /stylesheets/themes/otg09/color.css --------- */ body {background:#f7f7f8 url(/images/layout/site_background.gif) repeat-y center top; color:#57524d;} a {color:#007CCF; border-bottom:1px dotted #007CCF; padding:2px;} a:hover {background-color:#EAEDEE; border-bottom:0;} h1, h2, h3 {color:#0D588A;} #Masthead {background-color:#FFF;} #Content {border-top:8px solid #eaedee;} #Secondary p {color:#a54201;} #Content #Secondary #PageImage {border-bottom:8px solid #eaedee;} #Content #Primary #PageHead {border-bottom:8px solid #eaedee;} /* Nav -------------------------------------------------------------- */ #Nav #SecondaryNav li {border-left:1px dotted #999;} #Nav ul#SecondaryNav li.first {border-left:0;} #Nav ul#PrimaryNav {background:url(/images/layout/menu.gif) no-repeat left top;} #Nav #PrimaryNav a {text-decoration:none; text-indent: -5000em; border:0; padding:0;} /* IMAGE HOVERING */ #nav-home a:hover {background: url(/images/layout/menu.gif) 0 -66px no-repeat;} #nav-travelers a:hover {background: url(/images/layout/menu.gif) -99px -66px no-repeat;} #nav-providers a:hover {background: url(/images/layout/menu.gif) -198px -66px no-repeat;} #nav-process a:hover {background: url(/images/layout/menu.gif) -297px -66px no-repeat;} #nav-pocs a:hover {background: url(/images/layout/menu.gif) -396px -66px no-repeat;} #nav-difference a:hover {background: url(/images/layout/menu.gif) -495px -66px no-repeat;} /* YOU ARE HERE */ #nav-home.active a {background: url(/images/layout/menu.gif) 0 -132px no-repeat;} #nav-travelers.active a {background: url(/images/layout/menu.gif) -99px -132px no-repeat;} #nav-providers.active a {background: url(/images/layout/menu.gif) -198px -132px no-repeat;} #nav-process.active a {background: url(/images/layout/menu.gif) -297px -132px no-repeat;} #nav-pocs.active a {background: url(/images/layout/menu.gif) -396px -132px no-repeat;} #nav-difference.active a {background: url(/images/layout/menu.gif) -495px -132px no-repeat;} /* SECONDARY YOU ARE HERE */ #SecondaryNav li.active a {background-color:#EAEDEE; border-bottom:0;} /* Blockquotes -------------------------------------------------------------- */ blockquote {background:url(/images/layout/quote.gif) no-repeat left top; padding:17px 0 0 25px;} /* Galleries -------------------------------------------------------------- */ ul.gallery_display img {border:3px solid #BBB; padding:3px;} ul.gallery_display a {border:0;} ul.gallery_display a:hover {background:none;} /* Home Highlight -------------------------------------------------------------- */ div#Highlight {background:#e78829 url(/images/layout/highlight_background_bottom.gif) no-repeat left bottom; height:160px; color:#FFF;} div#Highlight a {padding:0; color:#FFF; border:0;} div#Highlight a:hover {background:none;} div#Highlight ul {margin:0; padding-top:10px; background:url(/images/layout/highlight_background.gif) no-repeat left top; height:160px;}/* --------- /stylesheets/lightbox/lightbox.css --------- */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(/stylesheets/lightbox/data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/stylesheets/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/stylesheets/lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }