/* Shared Styles with the Editor ------------------------------------------------------------------------------- */
@import "/assets/templates/FlowData/editor.css";

/* General presentation ------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; }
body { background:url(images/bodyBkg.gif) #003E7E no-repeat top center; height:100%; }
#content ul, ol, dl, p { margin:0 0 1.5em 0; }
#content p.headlines { margin:.75em 0; }
#headlines li { list-style:none; list-style-image:none; }

.clear { clear: both; height: 1px; margin: -1px 0 0; font-size: 1px; }
.skiptocontent { display:none; }

a { color:#003E7E; text-decoration:underline; }
a:hover { color:#003E7E; text-decoration: none; }
a img, img {border: none;}
a {outline: none;}

ul li {list-style-image: none}

/* Layout ------------------------------------------------------------------------- */
#horizon { margin:10px auto 0 auto; text-align:left; width:750px; z-index:10; }
.header { background:url(images/headerBkg.png) no-repeat top left; min-height:95px; position:relative; width:750px;  z-index:10; }
#content { background:url(images/contentBkg.png) #FFF repeat-x top; line-height:1.5em; padding:30px; position:relative; width:690px;  }
#banner { color:#003E7E; height:110px; position:relative; z-index:0; }
#footer { background:url(images/footerBkg.png) #FFF no-repeat bottom; clear:both; color:#7F6700; font-size:.9em; height:91px; margin:-60px 0 -30px -30px; position:relative; width:750px; z-index:0; }

/* Header ------------------------------------------------------------------------- */
h1#logo a { background:url(images/logo.png) no-repeat top left; display:block; height:63px; left:23px; position:absolute; text-indent:-10000px; top:22px; width:252px; z-index:0;}
#tagline { color:#003E7E; font-weight:bold; position:absolute; right:25px; top:70px; z-index:0;}
img.printlogo { display:none; }

/* Navigation ------------------------------------------------------------------------- */
.navBar { background:url(images/navBkg.png) #3d5c96 repeat-x bottom; bottom:-1px; position:absolute; width:750px; }
ul.mainNav { float:left; margin:0; padding:0; text-align:left;}
ul.mainNav li { float:left; list-style:none; margin:0; padding:0; position:relative; }
ul.mainNav a { color:#FFF; font-weight:bold; line-height:2em; padding:5px 25px 5px 20px; text-decoration:none; text-transform:uppercase; position:relative; z-index:100;}

ul.mainNav ul { background:#003F7F; display:none; left:0; margin:0; padding:0; position:absolute; top:1.8em; width:auto; z-index:100; }
ul.mainNav li:hover ul { display:block; }
ul.mainNav ul li { float:none; height:auto; margin:0; padding:0; width:auto; }
ul.mainNav ul li a { border-bottom:1px solid #C4D2E1; border-left:none; color:#FFF; display:block; float:none; margin:0; padding:.125em 20px; text-align:left; text-transform:none; white-space:normal; width:130px; }

ul.mainNav a:hover, ul.mainNav li.active a { color:#DDD933; }
ul.mainNav li.active ul li a, ul.mainNav li.active ul li.active a, ul.mainNav li.active ul li.last a { color:#FFF; }
ul.mainNav li.active ul li a:hover, ul.mainNav li.active ul li.active a:hover, ul.mainNav li.active ul li.last a:hover { color:#DDD933; }

ul.SecondaryNav { margin:0; padding:0; }
ul.SecondaryNav li { list-style:none; list-style-image:none; margin:2px 0; padding:0; }
ul.SecondaryNav a { display:block; font-size:1.2em; padding:.1em .75em; text-decoration:none; }
ul.SecondaryNav ul { margin-left:.5em; padding:0; }
ul.SecondaryNav ul li { line-height:1em; margin:.4em 0; }
ul.SecondaryNav ul a { font-size:1em; font-weight:normal; }
ul.SecondaryNav li.active a, ul.SecondaryNav li.active ul li.active a, ul.SecondaryNav li.active ul li.active ul li.active a, 
ul.SecondaryNav li.active ul li.active ul li.active ul li.active a, ul.SecondaryNav li.active ul li.active ul li.active ul li.active ul li.active a { font-weight:bold; color:#003E7E; }
ul.SecondaryNav li.active ul a, ul.SecondaryNav li.active ul li.active ul a, ul.SecondaryNav li.active ul li.active ul li.active ul a, 
ul.SecondaryNav li.active ul li.active ul li.active ul li.active ul a, ul.SecondaryNav li.active ul li.active ul li.active ul li.active ul li.active ul a { font-weight:bold; color:#003E7E; }
ul.SecondaryNav a:hover { text-decoration:underline; color:#003E7E !important; }

/* Content ------------------------------------------------------------------------- */
h3, h4 { margin-top: .5em; margin-bottom: .5em; }
div.homeContent { float:left; position:relative; width:680px; }
div.homeLeftBottom { float:left; position:relative; width:340px; }
div.homeLeftBottom a { color:#003E7E; text-decoration:none; }
div.homeLeftBottom a:hover { color:#003E7E; text-decoration: underline; }
div.homeRightBottom { float:right; position:relative; width:340px; padding-top:1em; }
div.leftColumn { float:left; min-height:160px; position:relative; width:480px; z-index:10; }
div.leftColumn li { margin-bottom:.25em;}
div.rightColumn { float:right; position:relative; width:200px; z-index:10; }
#content .rightColumn p {margin:0; }
div.sideBySide { float: left; width:48%; }
#content .sideBySide ul { margin-top:.25em; margin-bottom:0em; }
div.portablePower { float: left; }
h2.contentTitle { margin-bottom:.5em; }
hr {background:#003F7F; border: solid 1px #003F7F; }

.highlights { background-color:#003F7F; color:#FFF; margin-bottom:1em; margin-left:1em;  -moz-border-radius:20px; -webkit-border-radius:20px; }
#content .rightColumn .highlights p { padding: 1em 1em 1.5em 1em;  }
div.highlights ul { padding: 0em 1em 1.5em 1em;  }
div.highlights a { color:#FFF; text-decoration:underline; }
div.highlights a:hover { color:#FFF; text-decoration:none; }

/* Request Information Form --------------------------------------------------------------------------- */
#riFieldSet { border:none; }
#riFieldSet label { clear: left; float: left; width:7em; text-align: right; margin-top: .5em;  margin-right: 1em; }
#riFieldSet legend  { color:#003E7E; font-weight:bold; font-size: 1.33em; margin-bottom: .5em; }
#riFieldSet input, select, textarea { font:inherit; width:300px; float: left; margin-top:.5em; color:#003E7E; }
#riFieldSet label, input, select, select option, textarea { font-family:Arial, Helvetica, sans-serif; font-size: 1em }
#riFieldSet button { clear:both; float: left; margin-top: .5em; margin-left: 8em; background-color:#003E7E; color: #FFFFFF; font:inherit; font-weight:bold; }
#riFieldSet button:hover { color:#DDD933; font-weight: bold }

/* Footer ------------------------------------------------------------------------- */
.footercontainer { position:absolute; bottom:7px; width:750px; }
#footer p.address { float:left; margin:0; padding:0 0 0 30px; width:340px; }
#footer p.copyright { float:right; margin:0; padding:0 30px 0 0; text-align:right; width:340px; }

/* Tooltips f------------ ----------------------------------------------------------- */ 
#tooltip { background:#FFF; border:5px solid #DEDEDE; color:#000; opacity: 0.85; }
#tooltip h3 { border:0; font-size:.9em; margin:0; padding:6px 4px; }

/* Testimonials -----------------------------------------------------------------------*/
.authorText { font-size:.9em; font-weight:bold; }

/* Fixes for RichText widgets ------------------------------------------------------------------------------- */
.MODX_RichTextWidget { float: left; }
.MODX_RichTextWidget a { border: 0px; }

/* Listing Styles ------------------------------------------------------------------------------- */
h3.requestInfo{ font-weight:bold; margin: .5em 0 .5em 0 }
h3.requestInfo a { text-decoration:none; color:#003e7e; }
h3.requestInfo a:hover { text-decoration:underline; color:#003e7e; }
dl.nhlListing { margin-top:0; }
dl.nhlListing dt {  }
dl.nhlListing dd { margin-bottom:1em; }
a.reverseLink { color:#003E7E; text-decoration:none; }
a.reverseLink:hover { color:#003E7E; text-decoration: underline; }

#content p.pagination { color:#999; margin-bottom:0; }

.DetailTools { background:#FFF; border:1px solid #003e7e; float:right; font-size:.9em; padding:2px 10px 5px 10px; margin:-3px 0 10px 10px; }
.DetailTools a { display:block; padding:1px 0 1px 23px; }
a#PrintThis { background:url(images/printer.gif) no-repeat left; }
a#EmailThis { background:url(images/mail-blue.gif) no-repeat left; }
a#DownloadThis { background:url(images/downloads.gif) no-repeat left; }

/* Project Image Styles-------------------------------------------------------------------------------*/
div#galleryContainer {  }
div.galleryMask { position:relative; height:760px; overflow:hidden; width:514px; }
div#galleryWrapper { height:760px; position:absolute; }
div#galleryWrapper div { float:left; height:760px; width:514px; }
p#galleryButtons { position:absolute; left:-6px; top:220px; z-index:100; }
p#galleryButtons img:hover { cursor:pointer; }
p#galleryButtons img { padding:5px 0; }

p.galleryCounter { background:#FFF; color:#808080; font-size:.8em; left:20px; position:absolute; top:68px; }

.galleryDescriptionOuter { background:url(/assets/images/GalleryDescription.png) no-repeat; height:292px; padding:10px; position:absolute; right:10px; top:450px; width:292px; }
.galleryDescriptionMiddle { display:block; height:200px; overflow:hidden; margin:60px 40px 20px 50px; width:195px; }
.galleryDescriptionTitle { color:#EA2D30; font-size:1.25em; font-weight:normal; margin-bottom:1em; }
.galleryDescriptionInner { color:#fff; text-align:left; }

.galleryImages { border:2px solid #c2c3c5; margin-bottom:10px;   }
.galleryImagesDiv { text-align:center; }