/* -----------------------------------------------------------------------------
 * Main css file
 * -----------------------------------------------------------------------------
 * Blue North Studios
 * Contains the global styles for the capstone driven website
 * -----------------------------------------------------------------------------
*/
/* -----------------------------------------------------------------------------
/* Globals */
/* ---------------------------------------------------------------------------*/
html {
    height: 100%;
}
body {
    background: #FFF url(../images/bg/bg.jpg) top left repeat;    
    margin: 0px auto;
    font-family: Arial,Helvetica,sans-serif;
    font-size: .9em;
    height: 100%;
}
a {
    text-decoration: none;
    color: #154859;
}
a:hover {    
    color: #000;
}
h1,h2,h3,h4,h5 {
    font-weight: normal;
}
h1 {
    font-size: 22px;
}
h2 {
    font-size: 18px;
}
h3 {
    font-size: 16px;
}
h4 {
    font-size: 14px; 
}
h5 {
    font-size: 12px; 
}
/* -----------------------------------------------------------------------------
/* BG Glow - 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: #CDCFCE; /*#e0e0e0;*/
    background: url(../images/bg/content_bg.jpg) top left repeat;
    padding: 2px;
    border: 1px solid #879B86;
    border-width: 0px 1px 1px 1px;
}
.ds_bottom {
    height: 8px;
    background: url(../images/bling/ds_bottom_dark.png) top left repeat-x;
}
.grey {
    color: #666;
}
.ltgrey {
    color: #999;
}
.box {
    padding: 10px;
    background-color: #EAE9CE;
    border: 1px solid #B3B351;
    margin: 0px 2px 5px 2px;
}
.error {
    background-color: #600;
    color: #fff;
    padding: 15px;
    margin: 0px 0px 15px 0px;
}
.error h4 {
    margin: 0px 0px 10px 0px;
}
.required {
    color: #500;
}
/* ---------------------------------------------------------------------------*/
/* Header
/* ---------------------------------------------------------------------------*/
.header {
    position: relative;
    width: 870px;
    left: 50%;
    margin-left: -435px;
    padding-bottom: 15px;
}
.header img {
    border-width: 0px;
    margin-top: 5px;
}
/* -----------------------------------------------------------------------------
/* Top nav
/* ---------------------------------------------------------------------------*/
.top_nav_rlinks {
    margin: 10px 0px 0px 0px;
    font-size: .8em;
    color: #ADC1F5;
}
.top_nav_rlinks a {    
    text-decoration: none;
}
.top_nav_rlinks a:hover {  
}
/* -----------------------------------------------------------------------------
/* Search Bar
/* ---------------------------------------------------------------------------*/
.search {}
.search form {
    margin: 0px;
    padding: 0px;
}
.search div.search_input {
    float: left;
    background: url(../images/buttons/search_input_bg.png) top left no-repeat;
    width: 213px;
    height: 22px;
    padding: 2px 5px 0px 5px;
    margin-top: 2px;
}
.search input[type='text'] {
    border-width: 0px;
    background-color: transparent;
    font-size: .8em;
    height: 11px;
    margin-top: 1px;
}
.search input[type='submit'] {
    width: 80px;
    height: 22px;
    background: url(../images/buttons/search_bg.png) 0% 0% no-repeat;
    color: #fff;
    border-width:0px;
    cursor: pointer;
    font-size: 0.8em;
}
.search input[type='submit']:hover {
    background: url(../images/buttons/search_bg.png) 0% 100% no-repeat;
    color: #fff;
}
/* -----------------------------------------------------------------------------
/* Content container
/* ---------------------------------------------------------------------------*/
table.cbg_top {
    position: relative;
    width: 900px;
    left: 50%;
    margin-left: -450px;
    margin-top: -20px;
    border-collapse: collapse;
}
td.cbg_tl {
    width: 25px;
    height: 45px;
    background: url(../images/bg/container_bg.png) -10px -10px no-repeat;
}
td.cbg_t {
    background: url(../images/bg/container_bg_top_bottom.png) 0px -10px repeat-x;
    padding-top: 10px;
    padding-bottom: 0px;
}
td.cbg_t img {
    border-width: 0px;
}
td.cbg_tr {
    width: 25px;
    height: 45px;
    background: url(../images/bg/container_bg.png) -315px -10px no-repeat;
}
table.cbg_center {
    position: relative;
    width: 897px;
    left: 50%;
    margin-left: -450px;
    border-collapse: collapse;
}
td.cbg_l {
    width: 8px;
    background: url(../images/bg/container_bg_left_right.png) -10px 0px repeat-y;
}
td.cbg_c {
    background-color: #fff;
}
td.cbg_r {
    width: 7px;
    background: url(../images/bg/container_bg_left_right.png) -330px 0px repeat-y;
}
table.cbg_bottom {
    position: relative;
    width: 900px;
    left: 50%;
    margin-left: -450px;
    border-collapse: collapse;
}
td.cbg_bl {
    width: 25px;
    height: 45px;
    background: url(../images/bg/container_bg.png) -10px -50px no-repeat;
}
td.cbg_b {
    background: url(../images/bg/container_bg_top_bottom.png) 0px -49px repeat-x;
    padding-bottom: 0px;
    height: 45px;
}
td.cbg_br {
    width: 25px;
    height: 45px;
    background: url(../images/bg/container_bg.png) -315px -50px no-repeat;
}
/* ---------------------------------------------------------------------------*/
/* Banner Image
/* ---------------------------------------------------------------------------*/
.banner {
    height: 170px;
    margin: 0px 4px 0px 4px;
    border: 1px solid #15485A;
    border-width: 1px 1px 0px 1px;
}
.banner_glow {
    background: url(../images/bg/header_glow_bg.png) top left no-repeat;
    height: 175px;
    border: 1px solid #161D12;
}
/* ---------------------------------------------------------------------------*/
/* Credit for header
/* ---------------------------------------------------------------------------*/
.credit {
    position: relative;
    height: 25px;
    background: url(../images/bg/black_trans.png) top left repeat-x;
    top: 15px;
    line-height: 25px;
    padding: 0px 10px 0px 10px;
    color: #fff;
    text-align: right;
    font-size: .8em;
}
.credit i {
    color: #ddd;
    font-size: .8em;
}
/* ---------------------------------------------------------------------------*/
/* Main navigation
/* ---------------------------------------------------------------------------*/
.main_nav {
    height: 50px;
    background: url(../images/bg/mainnav_bg.jpg) top left repeat-x;
    margin: 0px 4px 0px 4px;
    border: 1px solid #15485A;
    /*border-width: 1px 1px 1px 1px;*/
}
.main_nav table {
    border-collapse: collapse;
}
.main_nav td {
    padding: 0px 10px 0px 0px;
}
.text_control img {
    border: 0px;
}
.text_control a {
    display: inline;
    line-height: normal;
    float: none;
    padding: 0px;
    border-width: 0px;
}
/* ---------------------------------------------------------------------------*/
/* 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;
    margin: 0px;
    padding: 0px;
    line-height: 50px;
    padding: 0px 20px 0px 20px;
    border-right: 1px solid #15485A;
    color: #FFF;
    text-align: center;
    text-decoration: none;    
}
#ddm li a:hover {
    background: url(../images/bg/mainnav_bg.jpg) 0px -50px repeat-x;
    color: #DFE1EE;
}
#ddm div {
    position: absolute;
    visibility: hidden;
    margin: 1px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    background: #154352 url(../images/bling/ds_bottom_dark.png) top left repeat-x;
    border: 1px solid #314D79;
    border-width: 0px 1px 1px 1px;
    z-index: 150;
}
#ddm div a {
    position: relative;
    display: block;
    margin: 0;
    padding: 3px 40px 3px 5px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    border: 1px solid #164858;
    border-width: 0px 0px 1px 0px;
    line-height: normal;
    font-size: .8em;
    color: #fff;
}
#ddm div a:hover {
    background: none;
    color: #DFE1EE;    
    background-color: #164858;
}
/* -----------------------------------------------------------------------------
/* This that and there
/* ---------------------------------------------------------------------------*/
.thisthat {
    margin: 0px 4px 0px 4px;
    color: #777;
}
.thisthat table {
    border-collapse: collapse;
}
td.thisthat_ls {
    background: #C8D1E1 url(../images/bling/ds_bottom.png) top left repeat-x;
    width: 15px;
    height: 10px;
    border-left: 1px solid #94A5C5;
    padding: 0px;
}
td.thisthat_l {
    background-color: #C8D1E1; /*url(../images/bg/thisthat_bg.png) 0px 100% no-repeat;*/
    border: 1px solid #94A5C5;
    border-width: 0px 0px 1px 1px;
    width: 15px;
    height: 12px;
    padding: 0px;
}
td.thisthat_b {
    background: #C8D1E1 url(../images/bling/ds_bottom.png) top left repeat-x;
    border-bottom: 1px solid #94A5C5;
    width: 860px;
    padding: 5px 0px 5px 0px;
    font-size: .8em;
}
td.thisthat_rs {
    background: #C8D1E1 url(../images/bling/ds_bottom.png) top left repeat-x;
    width: 15px;
    border-right: 1px solid #94A5C5;
    padding: 0px;
}
td.thisthat_r {
    background-color: #C8D1E1; 
    border: 1px solid #94A5C5;
    border-width: 0px 1px 1px 0px;
    width: 15px;
    height: 12px;
    padding: 0px;
}
.thisthat img {
    border-width: 0px;
}
.thisthat a {
    text-decoration: none;
    color: #314D79;
}
.thisthat a:hover {
    color: #000;
}
/* -----------------------------------------------------------------------------
/* Home Left/Right
/* ---------------------------------------------------------------------------*/
.hleft {
    width: 580px;
    padding: 15px 5px 15px 15px;
    font-size: .8em;
}
.hright {
    padding: 5px 5px 15px 10px;
}
/* -----------------------------------------------------------------------------
/* Left/Right
/* ---------------------------------------------------------------------------*/
.left_right {
    border-collapse: collapse;
}
.left {
    width: 275px;
    padding: 5px 5px 10px 4px;
    border-right: 1px solid #D1DEF6;
    background-color: #ECEFF4;
}
.right {
    padding: 15px;
    font-size: .8em;
}
/* -----------------------------------------------------------------------------
/* Subnav
/* ---------------------------------------------------------------------------*/
.subnav {
    margin: 0px 0px 5px 0px;
}
.subnav h3 {
    background: url(../images/bg/subnav_bg.png) top left no-repeat;
    font-size: 1.0em;
    border-right: 1px solid #314D79;
    border-bottom: 1px solid #314D79;
    padding: 10px 0px 10px 10px;
    color: #fff;
    margin: 0px;
}
.subnav div {
    background: #fff url(../images/bling/ds_bottom.png) top left repeat-x;
    border-left: 1px solid #94A5C5;
    border-right: 1px solid #94A5C5;
    padding: 5px 10px 5px 10px;
}
.subnav span {
    display: block;
    height: 14px;
    background: url(../images/bg/subnav_bg.png) 100% 100% no-repeat;
    border-left: 1px solid #94A5C5;
}
.subnav a {
    display: block;
    border-bottom: 1px solid #C8D1E1;
    padding: 3px 0px 3px 0px;
    text-decoration: none;
    font-size: .9em;
}
.subnav a:hover {
}
/* -----------------------------------------------------------------------------
/* Random Image
/* ---------------------------------------------------------------------------*/
.rimage {
    margin: 0px 0px 5px 0px;
    border: 1px solid #94A5C5;
    padding: 2px;
}
.rimage img {
    border-width: 0px;
}
/* -----------------------------------------------------------------------------
/* Subnav icons
/* ---------------------------------------------------------------------------*/
.subnav_icons {
    margin-top :10px;
    padding: 10px 0px 10px 0px;
}
.subnav_icons table {
    border-collapse: collapse;
}
.subnav_icons td {
    padding: 0px 10px 0px 0px;
}
.subnav_icons img {
    border-width: 0px;
}
/* -----------------------------------------------------------------------------
/* Short summary
/* ---------------------------------------------------------------------------*/
.short_sum_outside {
    border-top: 1px solid #bbb;
}
.short_sum {
    margin: 10px 0px 10px 0px;
    border-bottom: 1px solid #ccc;
    padding: 0px 0px 10px 0px;
}
.short_sum a {
    font-size: 1.5em;
    display: block;
    padding: 0px 0px 10px 0px;
}
.short_sum img {
    padding: 5px;
    border: 1px solid #ccc;
    margin: 0px 10px 0px 0px;
}
/* -----------------------------------------------------------------------------
/* Items
/* ---------------------------------------------------------------------------*/
.items {
    padding: 10px;
    margin: 15px 0px 15px 0px;
    border-top: 5px solid #eee; /*#EAD3C4;*/
    border-bottom: 5px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
                                    
    color: #333;
}
.items a.ih {
    display: block;
    font-size: 1.4em;
    text-decoration: none;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
}
.items img {
    border-width: 0px;
    margin: 0px 5px 5px 1px;
    border: 1px solid #ddd;
    background-color: #eee;
    padding: 4px;
}
.items div.description {
    padding: 0px 0px 0px 0px;
}
/* -----------------------------------------------------------------------------
/* Columns
/* ---------------------------------------------------------------------------*/
td.container_l {
    padding: 0px;
}
td.container_r {
    padding: 0px;
}
.col_container {
    border: 1px solid #ddd;
    margin: 0px;
    padding: 5px;
    min-height: 80px;
    background-color: #fafafa;
    /*background: url(../images/bg/column_bg.png) bottom left repeat-x;*/
}
.columns {}
.columns a {
    display: block;
    font-size: 1.2em;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
}
.columns div {    
    color: #333;
    font-size: .9em;
}
/* -----------------------------------------------------------------------------
/* Search results 
/* ---------------------------------------------------------------------------*/
.highlight {
    background-color: #ff6;
}
.search_results {
    
}
.search_results h2 {
    margin: 0px;
}
.search_results th a {
    display: block;
    padding: 15px 0px 5px 0px;
    font-weight: normal;
    font-size: 1.2em;
}
.search_results div {
    margin: 0px 0px 15px 0px;
    border-top: 1px dashed #ccc;
}
.search_results img {
    border: 1px solid #ccc;
    padding: 3px;
    margin: 0px 5px 0px 0px;
}
.search_results img:hover {
    border-color: #f90;
}
.search_results td {
    font-size: .9em;
}
.search_results span {
    color: #999;
}
/* -----------------------------------------------------------------------------
/* Mail form
/* ---------------------------------------------------------------------------*/
.mform {
    display: none;
    border: 1px solid #bbb;
    background-color: #e0e0e0;
    padding: 15px;
}
.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;
}
/* -----------------------------------------------------------------------------
/* Subscription Form
/* ---------------------------------------------------------------------------*/
.subscribe td.sleft {
    padding: 0px 20px 0px 0px;
    border-right: 1px solid #ccc;
}
.subscribe td.sright {
    padding: 0px 0px 20px 20px;
}
.subscribe input[type='text'] {
    border: 1px solid #bbb;
    margin-left: 10px;
}
/* -----------------------------------------------------------------------------
/* Headline
/* ---------------------------------------------------------------------------*/
.headline {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    /*border-bottom: 1px solid #CBD3CB;*/
}
.headline h1 {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
    color: #000;
    font-weight: normal;
    font-size: 2em;
}
/* -----------------------------------------------------------------------------
   Images
/* ---------------------------------------------------------------------------*/
.thumb {
    border-bottom: 1px solid #ccc;
    padding: 20px 0px 25px 0px;
    margin: 0px 0px 10px 0px;
    overflow: hidden;
}
.thumb table {
    border-collapse: collapse;
}
.thumb td,th {
    padding: 0px;
}
.thumb img {
    border: 1px solid #ccc;
    padding: 4px;
    margin: 10px 10px 0px 0px;
    background-color: #fff;
    float: left;
}
.thumb img:hover {
    border-color: #f90;
}
/* -----------------------------------------------------------------------------
/* Body
/* ---------------------------------------------------------------------------*/
.body {}
/* -----------------------------------------------------------------------------
/* Contact info
/* ---------------------------------------------------------------------------*/
.contact {
    margin: 0px 0px 10px 0px;    
}
.contact table {
    border-collapse: collapse;
}
.contact b {
}
.contact i {
}
.contact th {
}
/* -----------------------------------------------------------------------------
/* Location info
/* ---------------------------------------------------------------------------*/
.location {
    margin: 0px 0px 0px 0px;
}
.location b {
}
/* -----------------------------------------------------------------------------
/* Files
/* ---------------------------------------------------------------------------*/
.files {
    border: 1px solid #eee;
    border-width: 1px 0px 1px 0px;
    padding: 5px 0px 5px 0px;
    margin: 5px 10px 5px 0px;
    background-color: #f5f5f5;
}
.files th {
    font-weight: normal;
    padding: 2px 0px 2px 0px;
}
.files td img {
    padding: 0px;
    border-width: 0px;
}
.files td span {
    font-size: .9em;
    color: #666;
}
/* -----------------------------------------------------------------------------
/* Subnav
/* ---------------------------------------------------------------------------*/
.subnav {}
/* -----------------------------------------------------------------------------
/* Notices
/* ---------------------------------------------------------------------------*/
.notice {
    margin: 0px 0px 5px 0px;
    width: 255px;
    background-color: #575704;
    padding: 10px;
    color: #FFF;
}
.notice h4 {
    color: #fff;
    margin: 0px 0px 3px 0px;
    padding: 0px 0px 3px 0px;
    border-bottom: 1px solid #505003;
}
.notice ul {
    list-style-position: outside;
    list-style-type: square;
    padding: 0px 0px 0px 17px;    
    margin: 0px;
    font-size: .8em;
}
.notice a {
    color: #fff;
}
.notice a:hover {
    text-decoration: underline;
}
.notice span {
    font-size: .75em;
    color: #B3B366;
}
/* -----------------------------------------------------------------------------
/* Form
/* ---------------------------------------------------------------------------*/
.form {
    border: 1px solid #D1DEF6;
    background-color: #FCFFFF;
    padding: 15px;
}
.form input[type='text'], textarea {
    border: 1px solid #717F93;
}
.inline_error {
   color: #600;
   padding: 5px;
   border: 1px solid #600;
   background-color: #FDD;
}
.form_thankyou {
    font-size: 1.3em;
    border: 1px solid #b1aF7C;
    padding: 15px;
    background-color: #F1EFCC;
    margin: 0px 0px 10px 0px;
}
.form form {
    margin: 0px;
}
.form table {
    border-collapse: collapse;
}
.form span {
    color: #600;
    font-weight: bold;
}
.form th {
    font-size: 1.5em;
    font-weight: normal;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #D1DEF6;
    color: #8999B1;
}
.form th.form_header {
    font-size: 1.8em;
    color: #414F63;
    border-bottom: 1px solid #D1DEF6;
    padding: 5px 0px 10px 0px;
}
.form td {
    padding: 8px 0px 8px 10px;
    border-bottom: 1px dashed #D1DEF6;
}
.form td.form_description {
    padding: 10px 0px 10px 0px;
    color: #444;
}
.form td.form_sub_td {
    border-width: 0px;
    padding: 2px;
}
.form td.form_label {
    color: #414F63;
    width: 300px;
    padding-left: 0px;
}
/* -----------------------------------------------------------------------------
/* User Event Form
/* ---------------------------------------------------------------------------*/
.user_event_form th {
    text-align: left;
}
/* -----------------------------------------------------------------------------
/* Testimonials
/* ---------------------------------------------------------------------------*/
.testimonial {
    font-size: .80em;
    text-align: justify;
    background: #fff url(../images/icons/dquote_t.png) 10px 10px no-repeat;
    padding: 45px 10px 10px 10px;
    color: #666;
    border: 1px solid #ddd;
}
.testimonial div.bquote {
    background: url(../images/icons/dquote_b.png) top right no-repeat;
    height: 35px;    
}
.testimonial i {
    color: #333;
    display: block;
    margin: 10px 0px 10px 0px;
}
/* -----------------------------------------------------------------------------
/* Sitemap
/* ---------------------------------------------------------------------------*/
.sitemap a {
}
.sitemap div {
    display: none;
}
.sitemap table {
    border-collapse: collapse;
}
.sitemap td {
    padding: 0px;
}
.sitemap img {
    border-width: 0px;
}
/* -----------------------------------------------------------------------------
/* Footer
/* ---------------------------------------------------------------------------*/
.footer {
    position: relative;
    width: 870px;
    left: 50%;
    margin-left: -435px;
    font-size: .75em;
    color: #666;
}
.footer td {
    padding: 0px 10px 0px 10px;
}
.footer td.border {
    border-right: 1px solid #ccd;
}
.footer a {
    display: block;
    color: #28748D;
}
.footer a:hover {
    color: #000;
}
.footer img {
    border-width: 0px;
}