/* -----------------------------------------------------------------------------
 * Main css file
 * -----------------------------------------------------------------------------
 * Blue North Studios
 * Contains the global styles for the capstone driven website
 * -----------------------------------------------------------------------------
*/
body {
    margin: 0px auto;
    font-family: verdana, arial;
    font-size: .75em;
    background-color: #ddd;
    background-attachment: fixed;
}
a {
    color: #1E312B;
    text-decoration: none;
}
a:hover {
    color: #0E110B;
    text-decoration: underline;
}
h1,h2,h3,h4,h5 {
    font-weight: normal;
}
h1 {
    font-family: "times new roman";
    font-size: 28px;
    font-weight: normal;
    color: #460000;
    margin: 10px 0px 10px 0px;
}
h2 {
    font-size: 22px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px; 
}
h5 {
    font-size: 16px; 
    margin: 10px 0px 10px 0px;
}
.error {
    background-color: #600;
    color: #fff;
    padding: 15px;
    margin: 0px 0px 15px 0px;
}
.error h4 {
    margin: 0px 0px 10px 0px;
}
.grey {
    color: #666;
}
.ltgrey {
    color: #999;
}
.white_trans {
    background: url(../images/bling/white_trans.png) top left repeat;
}
.dividerbar {
    background: url(../images/bling/dividerbar.png) left center no-repeat;
    height: 10px;
    width: 595px;
}
.outlined {
    padding: 5px;
    /* border: 1px solid #9FAEA2;
    background-color: #DAE0DB;*/
    background: url(../images/bling/white_trans.png) top left repeat;
    margin: 10px 0px 10px 0px;
}
.date_text {
    font-size: 1.2em;
    color: #600;
}
.memberinfo {
    padding: 10px;
    background: url(../images/bling/white_trans.png) top left repeat;
    margin-bottom: 10px;
}
/* -----------------------------------------------------------------------------
  Globals
/* ---------------------------------------------------------------------------*/
.small_grey {
    font-size: .8em;
    color: #999;
}
/* -----------------------------------------------------------------------------
  Bling
/* ---------------------------------------------------------------------------*/
table.bg_glow {
}
td.bg_tl {
    background: url(../images/bling/bg_tl.png) top left repeat-x; height: 15px;
}
td.bg_t {
    background: url(../images/bling/bg_t.png) top left repeat-x; height: 15px;
}
td.bg_tr {
    background: url(../images/bling/bg_tr.png) top left repeat-x; height: 15px;
}
td.bg_l {
    background: url(../images/bling/bg_l.png) top right repeat-y; width: 15px;
}
td.bg_r {
    background: url(../images/bling/bg_r.png) top left repeat-y; width: 15px;
}
td.bg_bl {
    background: url(../images/bling/bg_bl.png) top right no-repeat; height: 15px; width: 15px;
}
td.bg_b {
    background: url(../images/bling/bg_b.png) top left repeat-x; height: 15px;
}
td.bg_br {
    background: url(../images/bling/bg_br.png) top left no-repeat; height: 15px; width: 15px;
}
td.bg_c {
    background-color: #FFF;
    padding: 0px;
}
.ds_bottom {
    position: fixed;
    left:0px;
    top: 157px;
    width: 100%;
    z-index: 100;
    height: 10px;
    background: url(../images/bling/ds_bottom.png) top left repeat-x;
}
.ds_bottom_sn {
    height: 6px;
    background: url(../images/bling/ds_bottom_lt.png) top left repeat-x;
}
/* -----------------------------------------------------------------------------
  Hide Show
/* ---------------------------------------------------------------------------*/
.hide_show {
    position: absolute;
    background: url(../images/buttons/hide-expand.png) center center no-repeat;
    padding: 20px 0px 0px 10px;
    left: -57px;
    top: 18px;
    width: 61px;
    height: 46px;
}
.hide_show a {
    font-size: .9em;
    display: block;
    color: #fff;
}
.hide_show a:hover {
    color: #ff9;
}
/* -----------------------------------------------------------------------------
  Header
/* ---------------------------------------------------------------------------*/
.header {
    position: fixed;
    height: 125px;
    top: 0px;
    left: 0px;
    width: 100%;
    background: #00275B url(../images/bg/header_bg.png) bottom center no-repeat;
    z-index: 100;
}
/* -----------------------------------------------------------------------------
  Main Navigation
/* ---------------------------------------------------------------------------*/
.mainnav {
    position: fixed;
    height: 30px;
    top: 125px;
    left: 0px;
    width: 100%;
    background: #8E762E url(../images/bg/mainnav_bg.jpg) top left repeat-x;
    z-index: 150;
    border-top: 1px solid #925902;
    border-bottom: 1px solid #925902;
}
.mainnav table {
    position: relative;
    border-collapse: collapse;
}
.mainnav td {
    padding: 0px 0px 0px 20px;
    width: 920px;
}
/* -----------------------------------------------------------------------------
  Form
/* ---------------------------------------------------------------------------*/
.form {
    padding: 10px;
    margin: 10px 0px 10px 0px;
    background: url(../images/bling/white_trans.png) top left repeat;
    color: #000;
}
.form input {
    height: 25px;
}
.inline_error {
    color: #700;
    font-size: .85em;
}
.form_label {
    color: #000;
}
.form_thankyou {
    font-size: 1.7em;
    color: #600;
    font-family: "times new roman";
}
.form span {
    color: #600;
}
/* ---------------------------------------------------------------------------*/
/* Drop down menu
/* ---------------------------------------------------------------------------*/
#ddm {
    margin: 0;
    padding: 0;
    z-index: 150;
}
#ddm li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
#ddm li a {
    display: block;
    line-height: 30px;
    margin: 0px;
    padding: 0px 12px 0px 12px;
    border-right: 1px solid #925902;
    text-align: center;
    text-decoration: none;
    color: #fff;
}
#ddm li a:hover {
    background: url(../images/bg/mainnav_bg_hover.jpg) top left repeat-x;
}
#ddm div {
    position: absolute;
    visibility: hidden;
    text-align: center;
    background: #705C23 url(../images/bling/ds_bottom_dark.png) top left repeat-x; 
    margin: 1px 0px 0px 0px;
    padding: 6px 10px 6px 10px;
    z-index: 150;
    border-bottom: 4px solid #65541F;
}
#ddm div li { }
#ddm div li a {
    font-size: .9em;
    position: relative;
    padding: 0px 8px 0px 8px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    line-height: normal;
    border-right: 1px solid #846D2B;
    color: #C2B072;
}
#ddm div li a:hover {
    background-image: none;
    color: #FFF;
}
/* -----------------------------------------------------------------------------
  Content
/* ---------------------------------------------------------------------------*/
.content {
    position: absolute;
    top: 152px;
    left: 50%;
    width: 890px;
    margin-left: -440px;
    margin-bottom: 0px;
    background: url(../images/bling/white_trans.png) top left repeat;
    /* border: 1px solid #FFF;
    border-width: 0px 4px 4px 4px; */
    padding: 5px 0px 10px 0px;
}
table.leftright {
    border-collapse: collapse;
}
td.left {
    width: 625px;
    padding: 0px 10px 0px 15px;
}
td.right {
    padding: 0px 10px 35px 0px;
}
.content_scroll {
    height: 250px;
    overflow: auto;
    padding-right:10px;
    padding-bottom: 55px;
}
.body a {
    text-decoration: underline;
}
/* -----------------------------------------------------------------------------
/* Special Offers
/* ---------------------------------------------------------------------------*/
.special-offers {
    padding: 10px;
    margin: 0px 0px 2px 0px;
    background-color: #E0D7B6;
    border: 1px dashed #9B8438;
}
.special-offers a {
    display: block;
    color: #400; /*#5B4408; */
    font-size: 1.2em;
    padding: 2px 0px 2px 0px;
}
/* -----------------------------------------------------------------------------
/* Items
/* ---------------------------------------------------------------------------*/
.items {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /* border-top: 1px solid #D0D0CE; */
}
.items table {
    border-collapse: collapse;
}
.items td {
    padding: 0px;
}
div.i_inside {
    padding: 0px;
}
a.ih  {
    display: block;
    color: #04201B;
    font-size: 1.20em;
    padding: 8px 5px 8px 5px;
    border: 1px solid #fff;
    border-width: 1px 0px 1px 0px;
    margin: 2px 0px 2px 0px;
    background: url(../images/bling/white_trans.png) top left repeat;
}
a.ih:hover {
    color: #02080B;
    text-decoration: underline;
}
.items img {
    margin: 0px 10px 0px 0px;
}
.description {
    padding: 5px 0px 5px 0px;   
    margin: 0px 0px 0px 0px;
    color: #111;
    font-size: .9em;
}
/* -----------------------------------------------------------------------------
/* Columns
/* ---------------------------------------------------------------------------*/
.col_container {
}
.columns {
}
.columns a {
    display: block;
    padding: 0px;
    color: #450000;
}
.columns div {    
}
/* -----------------------------------------------------------------------------
  Top of page
/* ---------------------------------------------------------------------------*/
.topofpage {
     padding: 5px 10px 0px 10px;
     color: #888;
}
.topofpage img {
    border-width: 0px;
}
/* -----------------------------------------------------------------------------
/* Mail form
/* ---------------------------------------------------------------------------*/
.mform {
    display: none;
    background: url(../images/bling/white_trans.png) top left repeat;
    padding: 15px;
    margin: 10px 0px 10px 0px;
}
.mform form {
    margin: 0px;
}
.mform h3 {
    margin: 0px 0px 15px 0px;    
}
.mform td {
    padding: 4px 0px 4px 0px;
}
.mform input, textarea {
    border: 1px solid #bbb;
    cursor: pointer;
}
.mform input[type='submit']:hover {
    border-color: #000;
}
/* -----------------------------------------------------------------------------
  This/That
/* ---------------------------------------------------------------------------*/
.thisthat {
    font-size: .9em;
}
.thisthat a {
    padding: 0px 5px 0px 5px;
}
/* -----------------------------------------------------------------------------
   Images
/* ---------------------------------------------------------------------------*/
.thumb {
    margin: 10px 0px 10px 0px;
    overflow: hidden;
}
.thumb table {
    border-collapse: collapse;
}
.thumb td,th {
    padding: 0px;
}
.thumb img {
    padding: 3px;
    margin: 2px 2px 0px 0px;
    background-color: #fff;
    float: left;
    border-width: 0px;
}
.thumb img:hover {
    background-color: #E2E9E4;
}
/* -----------------------------------------------------------------------------
  Sub Navigation
/* ---------------------------------------------------------------------------*/
.subnav {
    background: url(../images/bling/white_trans.png) top left repeat;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 2px 0px;
    border: 1px solid #ddd;
}
.subnav h3 {
    font-size: 14px;
    color: #460000;
    margin: 0px 0px 8px 0px;
}
.subnav a {
    display: block;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px dashed #ddd;
}
.subnav a:hover {
    color: #000;
}
/* -----------------------------------------------------------------------------
  Footer
/* ---------------------------------------------------------------------------*/
.footer_container {    
    position: fixed;
    bottom: 0px;
    height: 40px;
    width: 100%;
    border-top: 4px solid #001E46;
    background: #00275B;
    color: #fff;
}
.footer {
    position: relative;
    width: 900px;
    left: 50%;
    margin-left: -450px;
    padding-top: 3px;
}
.footer a {
    color: #fff;
    text-decoration: none;
    font-size: .9em;
}
.footer a:hover {
    text-decoration: underline;
}
.footer img {
    border-width: 0px;
    margin: 0px 2px 0px 2px;
}
.show_hide {
    position: fixed;
    bottom: 40px;
    height: 35px;
    left: 50%;
    margin-left: -452px;
    width: 108px;
    background: url(../images/buttons/show.png) center center no-repeat;
    line-height: 40px;
    color: #555;
    text-align: center;
    display: none;
}
.show_hide a {
    color: #fff;
    font-size: .9em;
}
/* -----------------------------------------------------------------------------
  Form
/* ---------------------------------------------------------------------------*/
.form {
    color: #404D42;
}
.form th {
    font-weight: normal;
    font-size: 1.2em;
    color: #400;
    padding: 5px 0px 5px 0px;
}
.form input[type='text'], input[type='password'] {
    height: 18px;
    border: 1px solid #BCC5BD;
    font-size: 1.1em;
}
.form input[type='submit'] {
    background-color: #B20000;
    border: 1px solid #300;
    padding: 5px 10px 5px 10px;
    color: #fff;
    cursor: pointer;
}
.form input[type='submit']:hover {
    border: 1px solid #000;
}
/* -----------------------------------------------------------------------------
/* Sitemap
/* ---------------------------------------------------------------------------*/
.sitemap a {
}
.sitemap div {
    display: none;
}
.sitemap table {
    border-collapse: collapse;
}
.sitemap td {
    padding: 3px;
    border-bottom: 1px solid #ddd;
}
.sitemap img {
    border-width: 0px;
}
/* -----------------------------------------------------------------------------
  SPLASH PAGE
/* ---------------------------------------------------------------------------*/
.splash_subnav {
    padding: 10px 0px 0px 0px;
    color: #0A453A;
}
.splash_subnav a {
    font-size: 1.2em;
    font-family: garamond;
    color: #E3B10E;
}
.splash {    
    background: #07332B url(../images/splash/splash-bg-top.jpg) top left repeat-x;
    color: #fff;
}
.splash_container {
    text-align: center;
    padding-top: 10px;
    z-index: 100;
}
.splash_container a {
    margin: 0px 2px 0px 2px;
}
.splash_container a img {
    background: none;
    border-width: 0px;
}
.splash_footer {
    position: fixed;
    bottom: 0px;
    height: 263px;
    width: 100%;
    background: url(../images/splash/splash-bg-bottom.jpg) top left repeat-x;
    z-index: -1;
}