﻿/* 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:#00042f url(/media/images/layout/bgTile.gif) top left repeat-x; }
body, div, p, ul, li, td, select, input, textarea { font-size:11px; line-height:18px; font-family:Verdana, sans-serif; color:#b7a994; }
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, #mainContent{ height:100%; }
* html #container { height:100% }


/* HEADERS and HEADER LINKS */
h1, h1 a, h1 a:active, h1 a:visited, h1 a:focus { color:#b7a994; font:bold 18px Verdana, sans-serif; }
h2, h2 a, h2 a:active, h2 a:visited, h2 a:focus { color:#b7a994; font:bold 15px Verdana, 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:#c48202; text-decoration:none; outline:none; -moz-outline:none }
a:hover { color:#f8be4d; 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:#b7a994 }
.formGeneral .formTitleShort { float:left; width:50px; text-align:right; margin:3px 10px 0px 0px; font-weight:bold; color:#b7a994 }
.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; color: }
.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;color:#10153f; }
.formGeneral .dropDown { width:160px; height:20px; border:solid 1px #7b7b7b; background-color:#fff8e5; line-height:normal; position:relative; top:2px;color:#10153f;}
.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/rim.gif) top left repeat-y #2e1a03; }
#mainContent { width:990px; margin:0px auto; }
#header { display:block; width:990px; height:150px; background:url(/media/images/layout/headerBg.jpg); }
#homeCenter { display:block; width:990px; min-height:650px; height:auto !important; height:650px; background:url(/media/images/layout/homeBg.jpg) top center no-repeat; }
#subpageCenter { display:block; width:990px; min-height:650px; height:auto !important; height:650px; background:url(/media/images/layout/subpageBg.jpg) top center no-repeat; }
#footer { width:990px; height:80px; text-align:center; color:#eccb99; font:normal 10px Verdana, Helvetica, sans-serif; line-height:22px; margin-top:9px; }

/* HEADER */
#logo img { position:absolute; display:block; width:150px; height:150px; } /* blank img click area */

/* MAIN NAV */
.historyLinkContainer a {position:absolute; display:block; margin:90px 0px 0px 365px; width:165px; height:16px; background:url(/media/images/layout/navHistoryOff.gif); }
.historyLinkContainer a:hover, .historyLinkContainer a.selected {background:url(/media/images/layout/navHistoryOn.gif);}
.aboutLinkContainer a {position:absolute; display:block; margin:90px 0px 0px 579px; width:161px; height:16px;  background:url(/media/images/layout/navAboutOff.gif); }
.aboutLinkContainer a:hover, .aboutLinkContainer a.selected { background:url(/media/images/layout/navAboutOn.gif); }
.locatorLinkContainer a { position:absolute; display:block; margin:90px 0px 0px 790px; width:166px; height:16px; background:url(/media/images/layout/navLocatorOff.gif); }
.locatorLinkContainer a:hover, .locatorLinkContainer a.selected { background:url(/media/images/layout/navLocatorOn.gif); }

/* FOOTER */
#footer a, #footer a:visited, #footer a:active, #footer a:focus { padding:0px 10px 0px 5px; color:#eccb99; text-transform:uppercase; border-right:solid 1px #eccb99; }
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:#eccb99; text-transform:none; background:url(/media/images/layout/logoAd2.gif) no-repeat right bottom; border:none }
#footerLine { width:940px; height:2px; background:url(/media/images/layout/footerDivider.gif) repeat-x; margin:6px auto; }

/* HOME FEATURES */
#mediaBar { width:990px; height:260px; }
#homeFeatureContainer { width:990px; height:205px; }
#homeFeature { width:263px; height:205px; float:left; display:inline; background:url(/media/images/layout/featureBg.png) top center no-repeat; }
.homeFeatureContent { width:263px; height:205px; background:top center no-repeat; }
.homeFeatureContent img { position:relative; top:152px; left:20px; }

/* SUBPAGE */
#textBoxArea {width:666px; float:left; margin-left:25px; margin-top:20px; display:inline; }
#subpageTop { width:606px; height:66px; padding:0px 30px; background:url(/media/images/layout/textboxTop.gif) top center no-repeat; }
#subpageTitle { width:606px; height:58px; border-bottom:solid 1px #80674b; }
#subpageTitle img { margin-top:40px; }
#subpageContent {color:#b7a994; font-family:Verdana, Helvetica, sans-serif; font-size:12px; width:606px;  background:url(/media/images/layout/textboxMiddle.gif) repeat-y;padding:10px 30px 10px 30px; min-height:500px; height:auto !important; height:500px; }
#subpageBtm {width:666px; height:57px; background:url(/media/images/layout/textboxBottom.gif); margin-bottom:15px;}
#sideImage { width:294px; margin-top:20px; float:left; display:inline; }

/* 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:#0d133e; }
table.grid tr.gridAlternateRow { background:#1b204d; }
