/* 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:#4a3521 url(/media/images/layout/outerBgTile.gif); }
body, div, p, ul, li, td, select, input, textarea { font-size:12px; line-height:18px; font-family:Arial, 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}

/* Stag: needed to have the tiling pattern expand to 100% height */
html, body, form, container { height:100%; }
* html #container { height:100% }


/* HEADERS and HEADER LINKS */
h1, h1 a, h1 a:active, h1 a:visited, h1 a:focus { color:#000000; font:bold 18px Arial, sans-serif; }
h2, h2 a, h2 a:active, h2 a:visited, h2 a:focus { color:#000000; font:bold 15px Arial, 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:#ed1c24; text-decoration:none; outline:none; -moz-outline:none }
a:hover { color:#d67d4b; 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 */
#container { width:1000px; min-height:100%; margin:0px auto; background:url(/media/images/layout/bottomTile.jpg) top center repeat-y; }
#mainContent { width:976px; margin:0px auto; }
#header { display:block; width:976px; height:140px; background:url(/media/images/layout/headerBg.jpg); }
#centerContent { display:block; width:976px; height:100%; background:url(/media/images/layout/centerBg.jpg) top center no-repeat; }
#footer { display:block; width:940px; height:80px; margin:20px auto; text-align:center; color:#bbbbbb; font:normal 10px Verdana, Arial, Helvetica, sans-serif; line-height:22px; }

/* HEADER */
#logo img { position:absolute; display:block; margin:11px 0px 0px 31px; width:113px; height:126px; } /* blank img click area */

/* MAIN NAV */
.historyLinkContainer a {position:absolute; display:block; margin:77px 0px 0px 169px; width:100px; height:30px; 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:77px 0px 0px 269px; width:109px; height:30px;  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:77px 0px 0px 378px; width:101px; height:30px; 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:77px 0px 0px 479px; width:131px; height:30px;  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:77px 0px 0px 610px; width:158px; height:30px;  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:77px 0px 0px 768px; width:105px; height:30px; 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:77px 0px 0px 873px; width:85px; height:30px; 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 }
#footerLine { width:940px; height:8px; background:url(/media/images/layout/footerLineTile.gif) repeat-x; margin:6px 0px; }

/* HOME FEATURES */
#mediaBar { width:646px; height:229px; float:left; }
#homeFeature1 { width:189px; height:213px; margin-left:16px; float:left; display:inline; background:url(/media/images/homeFeature1.jpg); }
#homeFeature2 { width:189px; height:213px; margin-left:16px; float:left; display:inline; background:url(/media/images/homeFeature2.jpg); }
#homeFeature3 { width:189px; height:213px; margin-left:16px; float:left; display:inline; background:url(/media/images/homeFeature3.jpg); }
#homeFeature1 img { margin:174px 0px 0px 74px; }
#homeFeature2 img { margin:174px 0px 0px 82px; }
#homeFeature3 img { margin:174px 0px 0px 103px; }

/* SUBPAGE */
#subpageContentOuterBorder { width:643px; border:solid 2px #e3b752; background:#f5d59e; margin:14px 0px 0px 31px; float:left; display:inline; min-height:490px; height:auto !important; height:490px; }
#subpageContentInnerBorder { width:631px; border:solid 2px #e3b752; margin:4px; display:block; min-height:478px; height:auto !important; height:478px; }
#subpageContent { width:591px; margin:20px; color:#351f0c; font-family:Arial, Sans-Serif; font-size:12px; line-height:18px; display:block; min-height:438px; height:auto !important; height:438px;}
#subpageTitle { margin-bottom:25px; }
#sideImage { width:298px; height:400px; float:left; display:block; }

/* 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:middle; }

/* STORIES */
#stories { width:914px; margin:0px auto; margin-top:15px; }
/* NEWS */
.newsContainer {border-bottom: solid 1px #78674e; padding:10px 0}
.date { font-size:14px; padding-bottom:5px}
.newsHeader {font-size:13px; color:#392708; 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:#5a4937; }
table.grid tr.gridHeader th { color:#ffffff; padding:4px 4px; font-size:12px; font-weight:bold; }
table.grid tr.gridRow { background:#e0c390; }
table.grid tr.gridAlternateRow { background:#d0a772; }