﻿/* 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:#002C59 url(/media/images/layout/backgrad.gif) top center repeat-x; }
body, div, p, ul, li, td, select, input, textarea { font-size:12px; line-height:18px; font-family:Arial, sans-serif; color:#00458b; }
p { margin:0px 0px 15px 0px }
img, div { behavior: url(/includes/iepngfix/iepngfix.htc) }
.clearFloat { clear:both; line-height:0px; height:0px; font-size:1px }
.prnt { display:none }
.spacer { display:block; width:1px; height:15px; }
/* Pearl: 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:#00458b; font:bold 18px Arial, sans-serif; }
h2, h2 a, h2 a:active, h2 a:visited, h2 a:focus { color:#00458b; 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:#3c75bb; text-decoration:none; outline:none; -moz-outline:none }
a:hover { color:#00458b; text-decoration:none; }

/* 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:#00458b }
.formGeneral .formTitleShort { float:left; width:50px; text-align:right; margin:3px 10px 0px 0px; font-weight:bold; color:#00458b }
.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:#ffffff }
#mainContent { width:1000px; margin:0px auto; background:url(/media/images/layout/bgHome.jpg) top center no-repeat;}
#subContent { width:1000px; margin:0px auto; background:url(/media/images/layout/bgSubpage.jpg) top center no-repeat;}
#header { display:block; width:1000px; height:135px; }
#centerContent {  }
#footer { display:block; width:1000px; 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:125px; height:125px; }

/* MAIN NAV */
.historyLinkContainer a {position:absolute; display:block; margin:65px 0px 0px 585px; width:100px; height:49px; background:url(/media/images/layout/history.gif) no-repeat; }
.historyLinkContainer a:hover, .historyLinkContainer a.selected {background:url(/media/images/layout/historyO.gif) no-repeat;}
.aboutLinkContainer a {position:absolute; display:block; margin:65px 0px 0px 700px; width:137px; height:49px;  background:url(/media/images/layout/about.gif) no-repeat; }
.aboutLinkContainer a:hover, .aboutLinkContainer a.selected { background:url(/media/images/layout/aboutO.gif) no-repeat; }
.locatorLinkContainer a { position:absolute; display:block; margin:65px 0px 0px 860px; width:103px; height:49px; background:url(/media/images/layout/locator.gif) no-repeat; }
.locatorLinkContainer a:hover, .locatorLinkContainer a.selected { background:url(/media/images/layout/locatorO.gif) no-repeat; }


/* IMAGE SCROLLER */
#imageScroller { width:940px; height:300; margin-left:30px; margin-bottom:45px }

/* HOME FEATURES */
#homeFeatures div { float:center }
#homeFeat1 a { width:290px; height:82px; margin-left:30px; float:left; display:inline;  background:url(/media/images/layout/longhistory.gif) no-repeat }
#homeFeat1 a:hover { background:url(/media/images/layout/longhistoryOn.gif) no-repeat }
#homeFeat2 a { width:290px; height:82px; margin-left:35px; float:left;  background:url(/media/images/layout/howmuch.gif) no-repeat }
#homeFeat2 a:hover { background:url(/media/images/layout/howmuchOn.gif) no-repeat }
#homeFeat3 a { width:290px; height:82px; margin-left:35px; float:left;  background:url(/media/images/layout/find.gif) no-repeat }
#homeFeat3 a:hover { background:url(/media/images/layout/findOn.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:#b3b3b3; }
#footer a:hover { color:#00458b; }
a#noLine, a:active#noLine, a:visited#noLine, a:focus#noLine { border:none }





/* SUBPAGE */
#textarea { margin-top:10px; width:661px; margin-left:30px; float:left; display:inline; }
#textareaTop { width:661px; height:73px; background:url(/media/images/layout/textareaTop.gif) no-repeat; }
#textareaTop img { margin:39px 0px 0px 33px; }
#textareaMiddle { width:661px; min-height:350px; height:auto !important; height:350px; background:url(/media/images/layout/textareaMiddle.gif) center repeat-y; } /* auto !important fix to get min-height to work in IE6 */
#textareaMiddle .text { width:601px; margin:0px 30px; }
#textareaBottom { width:661px; height:53px; background:url(/media/images/layout/textareaBottom.gif) no-repeat; }
#sideImage { width:299px; float:left; display:block; }

/* 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:#483928; }
table.grid tr.gridHeader th { color:#f7f1df; padding:4px 4px; font-size:12px; font-weight:bold; }
table.grid tr.gridRow { background:#9f8c63; }
table.grid tr.gridAlternateRow { background:#b19f77; }

