/*

red	#8F151F
light grey 8A8A7D

*/
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,img {border: none; }
caption,th {text-align: left; }
table {border-collapse: collapse; border-spacing: 0; }
* :focus { outline: 0; } 

/* LAYOUT */
body {background-color: #5C5143; margin-top:30px}
#container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* TYPE */
div {font:13px/24px Georgia, "Times New Roman", Times, serif; color:#716D62}
p {padding-bottom:10px}
sup { padding-left:1px; font-size:9px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.66em; _position:static !important; }

strong, b {font-weight:bold; }
em, i {font-style:italic; }
ul {padding-left:15px; margin-top:-10px; padding-bottom:15px;}

hr {border:0; color:#E9EBDB; background-color:#E9EBDB; height:2px; margin-top:5px; margin-bottom:5px}

.big {font-size:15px}
.tiny {font-size:10px;}
.blue {color:#446070}
.crew {color:#446070; text-transform:uppercase; font-style:normal}
.bigred {color: #8F151F; font-size:17px}
.brown { color: #746654; font-size:15px }

/* LINKS */
a {color: #496B82; font-style:italic }
a:link, a:visited, a:active {text-decoration: none; }
a:hover {color:#8F151F; text-decoration: none; }

#nav a {color: #6F6F61; font-style:normal }
#nav a:link, #nav a:visited, #nav a:active {text-decoration: none; }
#nav a:hover {color:#8F151F; text-decoration: none; }

#nav a.on, #nav a.on:link, #nav a.on:visited, #nav a.on:active, #nav a.on:hover {text-decoration: none; color:#8F151F; cursor:default; font-style:normal }

a.subnav {color: #8A8A7D!important; margin-left:20px; font-style:normal}
a.subnav:link, a.subnav:visited, a.subnav:active {text-decoration: none; }
a.subnav:hover {color:#8F151F!important; text-decoration: none; }

a.subnavon, a.subnavon:link, a.subnavon:visited, a.subnavon:active, a.subnavon:hover  {text-decoration: none; color:#8F151F!important; cursor:default; margin-left:20px; font-style:normal	}

.blue a {color: #446070; }
.blue a:link, .blue a:visited, .blue a:active {text-decoration: none; }
.blue a:hover {color:#8F151F; text-decoration: none; }

h3 a {color: #5E5241; font-style:normal; text-transform:uppercase }
h3 a:link, h3 a:visited, h3 a:active {text-decoration: none; }
h3 a:hover {color:#8F151F; text-decoration: none; }

#footerright a {color:#B0B09E; font-style:normal}
#footerright a:link, #footerright a:visited, #footerright a:active {text-decoration: none; }
#footerright a:hover {color:#fff; text-decoration: none; }

/* GLOBAL */
#container {width:1000px; height:784px; margin: 0 auto; position: relative; background-color:#fff}
#footer {width:900px; height:44px; margin: 0 auto; position: relative; margin-top:22px}
#footerleft, #footerright {font:9px/9px Arial, Helvetica, sans-serif; color:#B0B09E; width:450px; float:left}
#footerright {text-align:right}
#nav {width:242px; position:absolute; top:259px; left:64px; color:#8F151F; font:12px/18px Arial, Helvetica, sans-serif;}
#nav p {padding-bottom:7px}

/* HOME */
#homewords {width:600px; position:absolute; top:520px; left:337px;}
.hometext {font:15px/24px Georgia, "Times New Roman", Times, serif; padding-bottom:35px}
.hometext a {font-size:13px}
#flashcontent {width:390px; height:260px; background-color:#61574B; position:absolute; top:235px; left:430px; text-align:center}
#flashcontent a {color:#bdb8b0; line-height:250px}
#flashcontent a:hover {color:#fff; }

/* SECONDARY */
#maintitle {position:absolute; top:219px; left:406px; width:550px; color:#8F151F; font-weight:bold; text-transform:uppercase}
#maintext {position:absolute; top:250px; left:406px; width:540px; height:487px;}
#maintextlong {position:absolute; top:250px; left:406px; width:550px; height:487px; z-index:33; overflow:auto}
#photostrip {position:absolute; top:648px; left:0px; width:372px;}
.linklist {padding-left:15px}

/* SCROLLER */
.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack {position: absolute; cursor: default; right: 0; top: 0; height: 100%; background: url(../assets/scroller_track.gif) repeat-y}
.jScrollPaneDrag {position: absolute; background: url(../assets/scroller_drag_middle.gif) repeat-y 0 50%; cursor: default; overflow: hidden;}
.jScrollPaneDragTop {position: absolute; top: 0; left: 0; overflow: hidden; background: url(../assets/scroller_drag_top.gif) no-repeat; height: 3px;}
.jScrollPaneDragBottom {position: absolute; bottom: 0; left: 0; overflow: hidden; background: url(../assets/scroller_drag_bottom.gif) no-repeat; cursor: default; height: 3px;}
a.jScrollArrowUp {display: block; position: absolute; z-index: 1; top:0; right: 0; text-indent: -2000px; overflow: hidden; height: 12px; background: url(../assets/scroller_arrows.gif) no-repeat -30px 0;} /* change top to 460 to move top arrow down */
a.jScrollArrowUp:hover {background-position: -30px -20px;}
a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 12px; background: url(../assets/scroller_arrows.gif) no-repeat 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -20px;}
.scroll-pane {width:550px; overflow: auto; float: left; height:483px; margin: 0px;}
