﻿/* CSS PAGE RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0; line-height:normal;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal; line-height:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%; line-height:normal;}q:before,q:after{content:'';}
* { margin:0; padding:0; border:0; }

/* MAIN STYLES */
body { background:#004123; width:100%; height:100%; }
body, div, p, ul, li, td, select, input, textarea { font-size:12px; line-height:18px; font-family:Tahoma, sans-serif; color:#000000; }
p { margin:0px 0px 15px 0px }
/* img, div { behavior: url(/includes/iepngfix/iepngfix.htc) } */
.spacer { display:block; width:auto; height:15px }
.divider { display:block; width:auto; height:21px; border-top:solid 1px #e6eff4 }
.floatRight { float:right } /* floats a box area right in your page. The floated element must precede the element it should be next to on the page. */
.floatLeft { float:left; margin-right:20px } /* floats a box area left in your page */
.clearFloat { clear:both; line-height:0px; height:0px; font-size:1px }
.floatRightImg { float:right; margin:0px 0px 15px 15px } /* floats img right in your content */
.floatLeftImg { float:left; margin:0px 15px 15px 0px } /* floats img left in your content */
.prnt { display:none }
.center { text-align:center}
.bold { font-weight:bold}

/* HEADERS and HEADER LINKS */
h1, h1 a, h1 a:active, h1 a:visited, h1 a:focus { color:#000000; font:bold 18px Tahoma, sans-serif; }
h2, h2 a, h2 a:active, h2 a:visited, h2 a:focus { color:#000000; font:bold 15px Tahoma, sans-serif; }
h3, h3 a, h3 a:active, h3 a:visited, h3 a:focus { }
h4, h4 a, h4 a:active, h4 a:visited, h4 a:focus { }
h5, h5 a, h5 a:active, h5 a:visited, h5 a:focus { }
h6, h6 a, h6 a:active, h6 a:visited, h6 a:focus { }


/* LINKS */
a, a:active, a:visited, a:focus { color:#008348; text-decoration:none; outline:none; -moz-outline:none }
a:hover { color:#ffffff; text-decoration:none; }

/* TEXT */


/* LISTS */
.content ul { margin:0px 30px 20px 30px }
ol { margin:0px 35px 20px 35px; list-style:decimal }
ol.alpha { margin:0px 35px 20px 35px; list-style-type:upper-alpha }
.content ul li, ol li  { margin-bottom:3px } /* space in between list items */

/* FORM ELEMENTS */
.formGeneral .formTitle { float:left; width:70px; text-align:right; margin:3px 10px 0px 0px; font-weight:bold; color:#000 }
.formGeneral .formTitleShort { float:left; width:50px; text-align:right; margin:3px 10px 0px 0px; font-weight:bold; color:#000 }
.formGeneral .formInput, .formGeneral .formInputShort { float:left; margin-bottom:5px }
.formGeneral .formInput input { width:150px; height:17px; padding:3px; border:solid 1px #7b7b7b; background-color:#fff8e5; line-height:normal }
.formGeneral .formInputShort input { width:20px; height:17px; padding:3px; border:solid 1px #7b7b7b; background-color:#fff8e5; line-height:normal }
.formGeneral .formInputLong input { width:30px; height:17px; padding:3px; border:solid 1px #7b7b7b; background-color:#fff8e5; line-height:normal }
.formGeneral .dropDown { width:160px; height:20px; border:solid 1px #7b7b7b; background-color:#fff8e5; line-height:normal; position:relative; top:2px;}
.formBtn { padding-top:20px; text-align:center; }
.formGeneral .bold { float:left; margin-top:3px}

/*************** LAYOUT ***************/

/* FRAMEWORK */
#headerContainer { display:block; width:100%; height:120px; background:url(/media/images/layout/bg.gif) center repeat-y; }
#header { display:block; width:990px; height:120px; margin:0px auto; background:url(/media/images/layout/headerBg.jpg) no-repeat top; }
#mainContainer { display:block; width:100%; background:url(/media/images/layout/bg.gif) center repeat-y; }
#borderContainer { display:block; width:986px; margin:0px auto; }
#leftBorder { padding: 0 0 0 0px; width:986px; background: url(/media/images/layout/border.gif) left repeat-y; }
#rightBorder { padding: 0 0 0 0; width:980px; background: url(/media/images/layout/border.gif) right repeat-y; margin: 0 0 0 0px; float:left; display:inline; }
#contentContainer { width:974px; float:left; background:#002313; }
#footerContainer { display:block; width:100%; background:url(/media/images/layout/bg.gif) center repeat-y; }
#footer { display:block; width:990px; margin:0px auto; background:url(/media/images/layout/footerBg.gif); text-align:center; padding:25px 0px 28px 0px; color:#bbbbbb; font:normal 10px Verdana, Arial, Helvetica, sans-serif; line-height:22px; }
#footerShadow { display:block; width:1060px; height:25px; margin:0px auto; background:url(/media/images/layout/footerShadow.gif); }

/* HEADER */
#logo a { position:absolute; display:block; width:101px; height:106px; background:url(/media/images/layout/logo.gif) no-repeat; margin:10px 0px 0px 35px; }

/* MAIN NAV */
.historyLinkContainer a {position:absolute; display:block; margin:45px 0px 0px 150px; width:105px; height:35px; background:url(/media/images/layout/navHistoryOff.gif) no-repeat; }
.historyLinkContainer a:hover, .historyLinkContainer a.selected {background:url(/media/images/layout/navHistoryOn.gif) no-repeat;}
.aboutLinkContainer a {position:absolute; display:block; margin:45px 0px 0px 255px; width:112px; height:35px;  background:url(/media/images/layout/navAboutOff.gif) no-repeat; }
.aboutLinkContainer a:hover, .aboutLinkContainer a.selected { background:url(/media/images/layout/navAboutOn.gif) no-repeat; }
.storiesLinkContainer a { position:absolute; display:block; margin:45px 0px 0px 367px; width:101px; height:35px; background:url(/media/images/layout/navStoriesOff.gif) no-repeat; }
.storiesLinkContainer a:hover, .storiesLinkContainer a.selected { background:url(/media/images/layout/navStoriesOn.gif) no-repeat; }
.downloadsLinkContainer a {position:absolute; display:block; margin:45px 0px 0px 468px; width:139px; height:35px;  background:url(/media/images/layout/navDownloadsOff.gif) no-repeat; }
.downloadsLinkContainer a:hover, .downloadsLinkContainer a.selected {background:url(/media/images/layout/navDownloadsOn.gif) no-repeat; }
.newsLinkContainer a {position:absolute; display:block; margin:45px 0px 0px 607px; width:166px; height:35px;  background:url(/media/images/layout/navNewsOff.gif) no-repeat; }
.newsLinkContainer a:hover, .newsLinkContainer a.selected {background:url(/media/images/layout/navNewsOn.gif) no-repeat; }
.locatorLinkContainer a { position:absolute; display:block; margin:45px 0px 0px 773px; width:105px; height:35px; background:url(/media/images/layout/navLocatorOff.gif) no-repeat; }
.locatorLinkContainer a:hover, .locatorLinkContainer a.selected { background:url(/media/images/layout/navLocatorOn.gif) no-repeat; }
.storeLinkContainer a {position:absolute; display:block; margin:45px 0px 0px 878px; width:88px; height:35px; background:url(/media/images/layout/navStoreOff.gif) no-repeat; }
.storeLinkContainer a:hover, .storeLinkContainer a.selected {background:url(/media/images/layout/navStoreOn.gif) no-repeat; }

/* FOOTER */
#footer a, #footer a:visited, #footer a:active, #footer a:focus { padding:0px 10px 0px 5px; color:#bbbbbb; text-transform:uppercase; border-right:solid 1px #bbbbbb; }
a.footer:active, a.footer:focus { color:#ffffff; }
#footer a:hover { color:#ffffff; }
a#noLine, a:active#noLine, a:visited#noLine, a:focus#noLine { border:none }
a#ad2Credit, a:visited#ad2Credit, a:active#ad2Credit, a:focus#ad2Credit { padding:0px 37px 5px 0px; font-weight:normal; color:#bbbbbb; text-transform:none; background:url(/media/images/layout/logoAd2.gif) no-repeat right bottom; border:none }


/* HOME FEATURES */
#mediaBar { width:974px; height:293px; display:block; }
#homeFeat1 { width:542px; height:218px; display:block; float:left; background:url(/media/images/homeFeat1.jpg); }
#homeFeat2 { width:209px; height:218px; display:block; float:left; background:url(/media/images/homeFeat2.jpg); }
#homeFeat3 { width:223px; height:218px; display:block; float:left; background:url(/media/images/homeFeat3.jpg); }
#homeFeat1 img { margin:167px 0px 0px 33px; }
#homeFeat2 img { margin:167px 0px 0px 77px; }
#homeFeat3 img { margin:167px 0px 0px 86px; }

/* CONTENT (SUBPAGE) FRAMEWORK */
#contentBottom { height:100%; width:100%; padding-bottom:28px; background:url(/media/images/layout/contentBgBottom.gif) bottom center repeat-x; }
#contentLeft { height:100%; width:100%; background:url(/media/images/layout/contentBgLeft.jpg) top left no-repeat; }
#contentSideImage { height:100%; width:100%; }
#contentMid { width:603px; padding:46px 28px 28px 28px; margin:0px 0px 0px 18px; min-height:500px; height:auto !important; height:500px; background:#bfbfbf url(/media/images/layout/contentBgMidTop.jpg) top no-repeat; } /* auto !important stuff is to make min-height work in IE6 */
#contentTitle { height:16px; margin-bottom:32px; }

/* DOWNLOADS */
.headline { font-size:16px; padding-bottom:10px; text-align: center; font-weight:bold }
#downloadTable { margin:10px 0}
#downloadTable td { padding:6px; text-align:center; vertical-align:center; }

/* NEWS */
.newsContainer {border-bottom: solid 1px #6b887b; padding:10px 0}
.date { font-size:14px; padding-bottom:5px}
.newsHeader {font-size:13px; color:#004123; font-weight:bold; } 
.newsContent { }

/* LOCATOR */
table.grid {  width:100%; }
table.grid tr { } /* right-left borders don't work on IE for tr... lame */
table.grid tr.empty { border:0px; }
table.grid td { border-bottom: solid 1px #757575; font-size:11px; padding:2px 4px;  }
table.grid tr.empty td { border:0px; padding:0px; }
table.grid tr.gridHeader { background:#004123; }
table.grid tr.gridHeader th { color:#dadada; padding:4px 4px; font-size:12px; font-weight:bold; }
table.grid tr.gridRow { background:#bfbfbf; }
table.grid tr.gridAlternateRow { background:#dadada; }
