/* this particular version layout will not work in IE/Win Strict Mode 
   it can be made to work in IE strict with the use of CSS expressions
	 to calculate the required height of the 2 absolute positioned divs
*/
/********** main css ***********/
@import url("/css/events_styles.css");
@import url("/css/blogs_styles.css");
@import url("/css/media_styles.css");
html
{
}
body
{
    margin: 0px 0px 0px 0px;
    height: 100%;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    background-image: url(/images/bg.jpg);
    background-repeat: repeat-y;
    background-color: #111111;
    background-position: top;
    text-align: center; /* IE quirky center */
    color: #ffffff;
    
}

a
{
    color: #ffffff;
    text-decoration: underline;
}
a:hover
{
    color: #ffffff;
    text-decoration: underline;
}
a:visited
{
    color: #ffffff;
    text-decoration: underline;
}
a.footerlinks
{
    color: #868a3e;
    text-decoration: none;
}
a.footerlinks:hover
{
    color: #868a3e;
    text-decoration: underline;
}
a.right_navigations
{
    text-align: left;
    font-weight:bold;
    color:#A8A8A8;
    text-transform: uppercase;
    font-family: Arial Narrow, Arial;
    text-decoration: none;
    line-height:26px;
}
a.right_navigations:hover
{
    text-align: left;
    font-weight:bold;
    color:#868a3e;
    text-transform: uppercase;
    font-family: Arial Narrow, Arial;
    text-decoration: none;
    line-height:26px;
}
img
{
    border: 0px;
}
img.middle
{
    vertical-align: middle;
}
/* heading tags */

h1
{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFFFFF;
}

h2
{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFFFFF;
}

h3
{
    text-align: left;
    font-size: 9pt;
    font-weight: normal;
    padding: 3px;
    text-align: left;
    line-height: 16px;
    color: #666;
    margin: 0;
    border-bottom: solid 1px #666;
}
h4
{
    font-size: 11px;
}
/** site structure **/
#mainouter_wrapper
{
    position: relative;
    width: 100%;
    background-image: url(/images/bg_main.jpg);
    background-repeat: no-repeat;
    background-position: top;
}
#main_wrapper
{
    position: relative;
    width: 990px;
}
#main_wheat
{
    position: absolute;
    left: -105px;
    top: 54px;
    z-index: 91;
}
#nav_wrapper
{
    position: relative;
    width: 990px;
    min-height: 350px; /* background-image: url(/images/header.jpg);*/
    background-repeat: no-repeat;
    background-position: top;
    z-index: 31;
}
#nav
{
    position: relative;
    width: 920px;
    height: 35px;
    left: 0px;
    top: 0px;
    z-index: 91;
}

/*HEADER CSS */
#logo_wrapper
{
    position: absolute;
    width: 132px;
    height: 108px;
    left: 0px;
    top: 0px;
}
#nav_top
{
    position: absolute;
    left: 132px;
}

/*Sub Page CSS*/
#center_wrapper
{
    position: relative;
    width: 990px;
    top: 0px;
    left: 0px;
    min-height: 600px;
    height: 100%;
    height: auto !important;
    text-align: left;
    z-index: 1;
}
#sub_content_top
{
    position: absolute;
    background-repeat: no-repeat;
    width: 900px;
    height: 14px;
    left: 0px;
    z-index: 31;
    display: none;
}

#sub_content_middle
{
    position: relative;
    min-height: 600px;
    height: 100%;
    left: 0px;
    z-index: 20;
}
#sub_content_bottom
{
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom;
    width: 900px;
    height: 14px;
    left: 0px;
    display: none;
}
.content_middle_wrapper
{
    position: relative;
    background-image: url(/images/bg_subcontent.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    width: 990px;
    min-height: 600px;
    height: auto !important;
    height: 100%;
    text-align: left;
    top: 0px;
}
.content_middle_wrapper_full
{
    position: relative;
    background-image: url(/images/bg_subcontent.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    width: 990px;
    min-height: 600px;
    height: auto !important;
    height: 100%;
    text-align: left;
    top: 0px;
}

.content_middle
{
    position: relative;
    background-position: top;
    left: 0px;
    width: 920px;
    padding: 20px 20px 0px 10px;
    min-height: 640px;
    height: 100%;
}
.content_middle_callout
{
    position: relative;
    background-position: top;
    left: 0px;
    width: 700px;
    padding: 20px 0px 0px 10px;
    min-height: 640px;
    height: 100%;
}
.content_middle_full
{
    position: relative;
    background-position: top;
    left: 0px;
    width: 700px;
    padding: 20px 20px 0px 10px;
    min-height: 640px;
    height: 100%;
    /*border:solid 2px blue;*/
}
.livebroadcast_class
{
    display:none;
}
#divider
{
    position:absolute;
    left:-20px;
    top:0px;
    height:100%;
    width:26px;
}
#subNav
{
    position: absolute;
    width: 270px;
    top: 0px;
    right: 15px;
    height:400px;
}
#subNavBody
{
    position:relative;
    min-height:200px;
    height:auto !important;
    height:100%;
}
.subNavText
{
    font-weight: bold;
    font-size: 11px;
    line-height: 23px;
    text-decoration: none;
    text-align: left;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 190px;
}

.subNavText:link
{
    line-height: 23px;
    text-decoration: none;
    text-align: left;
    color: #A3A3A3;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 190px;
}

.subNavText:active
{
    line-height: 23px;
    text-decoration: none;
    text-align: left;
    color: #A3A3A3;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 190px;
}

.subNavText:visited
{
    line-height: 23px;
    text-decoration: none;
    text-align: left;
    color: #A3A3A3;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 190px;
}

.subNavText:hover
{
    color: #ffffff;
    text-align: left;
    text-decoration: none;
}

#subMainContentArea_wrapper
{
    position: relative;
    text-align: left;
}

#subPageWrapper
{
    position: relative;
}

.content_wrapper
{
    position: relative;
    padding-top: 0px;
    margin-left: 0px;
}

/*Sub Content Area End*/

#footer_wrapper
{
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 992px; /*background-color:green;*/
    top: 0px;
}
#footer
{
    position: relative; /* to enable further positioned divs inside content area */
    z-index: 0; /* to make sure if long words overflow they show above the right column */
    padding: 0px;
    margin: 0px;
    width: 992px;
    height: 60px;
    left: -1px;
    top: 0px;
    text-align: left; /*background-color:Green; word-wrap:break-word;*/
}
#subfooter_wrapper
{
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 992px; /*background-color:green;*/
    top: 0px;
}
#subfooter
{
    position: relative; /* to enable further positioned divs inside content area */
    z-index: 0; /* to make sure if long words overflow they show above the right column */
    padding: 0px;
    margin: 0px;
    width: 992px;
    height: 52px;
    left: 0px;
    top: 0px;
    text-align: left; /*background-color:Green; word-wrap:break-word;*/
}
#copyright
{
    position: absolute;
    left: 55px;
    top: 25px;
    color: #6b6b6b;
    font-size: 10px;
    font-family: Arial Narrow, Arial;
    text-transform: uppercase;
}
#footer_links
{
    position: absolute;
    left: 500px;
    top: 30px;
    font-size: 10px;
    font-family: Arial Narrow, Arial;
    text-transform: uppercase;
}

/******* Homepage Layout ************/

#mainContentArea_wrapper
{
    position: relative;
    height: 100%;
    top: 0px;
}

/*CALLOUTS*/
#subcallout_wrapper
{
    position: relative;
    left: 0px;
    top: 20px;
    width: 210px;
    z-index:91;
}
#customCallout
{
    position: relative;
    left: 25px;
}
#indexCallout_events
{
    position: absolute;
    top: 10px;
    left: 18px;
}

#indexCallout_top
{
    position: relative;
    left: 0px;
    top: 0px;
    width: 990px;
}

#indexCallout_top_content
{
    position: relative;
    width: 990px;
    left: 0px;
    top: 0px;
    height: 366px; /*border:solid 2px #cc0000;*/
}
#home_large_rotator_bg
{
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url(/images/bg_rotator2.jpg);
    background-repeat: no-repeat;
    width: 676px;
    height: 366px;
}
#home_large_rotator
{
    position: absolute;
    left: 10px;
    top: 9px;
    width: 655px;
    height: 341px;
}
#indexCallout_top_content_right
{
    position: absolute;
    width: 314px;
    left: 676px;
    height: 366px;
}

#indexcallout_imnew
{
    position: absolute;
    left: 0px;
    top: 0px;
}
#indexcallout_giveonline
{
    position: absolute;
    top: 0px;
    left: 164px;
}
#indexcallout_latesmessage
{
    position: absolute;
    left: 0px;
    top: 179px;
}
#indexcallout_serviceinfo
{
    position: absolute;
    top: 180px;
    left: 164px;
}
#indexCallout_middle_content
{
    position: relative;
    width: 990px;
    height: 258px;
}
#indexcallout_middle_left
{
    position: absolute;
    left: -1px;
    top: 0px;
    width: 410px;
    height: 258px;
}

#indexcallout_events
{
    position: absolute;
    left: 409px;
    top: 0px;
    background-image: url(/images/bg_upcomingevents.jpg);
    background-repeat: no-repeat;
    width: 274px;
    height: 258px;
}
#indexcallout_middle_right
{
    position: absolute;
    top: 0px;
    left: 682px;
    background-image: url(/images/bg_rotator3.jpg);
    background-repeat: no-repeat;
    width: 308px;
    height: 258px;
}
#indexcallout_middle_right_content
{
    position: absolute;
    left: 5px;
    top: 5px;
}
#indexCallout_bottom
{
    position: relative;
    top: 0px;
    left: -1px;
}
/************** content area ****************/
#contentArea_wrapper
{
    position: relative;
    min-height: 276px;
    width: 990px;
}

#subpageHeader_wrapper
{
    position: relative;
    width: 900px;
    left: 0px;
    height: 60px;
}
.subpageHeader_wrapper
{
    position: relative;
    width: 900px;
    left: 0px;
    height: 60px;
}
#subPageHeaders_image
{
    position: absolute;
    background-repeat: no-repeat;
    width: 900px;
    height: 60px;
    left: 0px;
    z-index: 30;
    display: none;
}

#subPageHeaders
{
    position: relative;
    color: #868686;
    font-size: 51px;
    font-weight: bold;
    font-family: Arial Narrow, Arial;
    padding: 0px 0px 3px 20px;
    text-align: left;
    left: 0px;
    text-transform: uppercase;
    z-index: 31;
}

#customSubPageHeader
{
    position: relative;
    margin-top: 0px;
    width: 960px;
    min-height: 23px;
}
/*Rounded Corners CSS */
.b1, .b2, .b3, .b4
{
    font-size: 1px;
    overflow: hidden;
    display: block;
}
.b1
{
    height: 1px;
    background: #9B4864;
    margin: 0 5px;
}
.b2
{
    height: 1px;
    background: #9B4864;
    border-right: 2px solid #9B4864;
    border-left: 2px solid #9B4864;
    margin: 0 3px;
}
.b3
{
    height: 1px;
    background: #9B4864;
    border-right: 1px solid #9B4864;
    border-left: 1px solid #9B4864;
    margin: 0 2px;
}
.b4
{
    height: 1px;
    background: #9B4864;
    border-right: 1px solid #9B4864;
    border-left: 1px solid #9B4864;
    margin: 0 1px;
}
/* LEFT NAV ROUNDED BORDER */
.b5, .b6, .b7, .b8
{
    font-size: 1px;
    overflow: hidden;
    display: block;
}
.b5
{
    height: 1px;
    background: #333333;
    margin: 0 5px;
}
.b6
{
    height: 1px;
    background: #FFFFFF;
    border-right: 2px solid #333333;
    border-left: 2px solid #333333;
    margin: 0 3px;
}
.b7
{
    height: 1px;
    background: #FFFFFF;
    border-right: 1px solid #333333;
    border-left: 1px solid #333333;
    margin: 0 2px;
}
.b8
{
    height: 1px;
    background: #FFFFFF;
    border-right: 1px solid #333333;
    border-left: 1px solid #333333;
    margin: 0 1px;
}

.content_wrapper div
{
    margin-left: 0px;
    margin-top: 0px;
}
#content_text
{
    padding: 10px 20px 10px 20px;
    left: 20;
    text-align: left;
}

.floatImageLeft
{
    float: left;
    padding-right: 15px;
}
.floatImageRight
{
    float: right;
    padding-left: 15px;
}
/*login*/
#login_wrapper
{
    position: relative;
    height: 400px;
    text-align: left;
    margin-top: 0px;
    left: 0px;
    padding: 20px 20px 20px 50px;
    width: 900px;
}


/*Location CSS*/
#location_wrapper /*iframe width inherits this width in this class*/
{
    position: relative;
    min-height: 471px;
    text-align: left;
    margin-top: 0px;
    padding: 20px 20px 20px 20px;
}

/******** admin **********/
#admin_wrapper
{
    position: relative;
    min-height: 500px;
}
#admin_SubNav
{
    position: absolute;
    top: 25px;
    left: 10px;
    width: 140px;
    height: 100%;
}

#admin_Content
{
    position: relative;
    top: 0px;
    padding: 18px 0px 20px 0px;
    left: 70px;
    width: 780px;
    text-align: left;
    height: 100%;
}
.admin_header_title
{
    display: block;
}
.admin_header_dropdown
{
    display: block;
}
.admin_subheader_title
{
    display: block;
}
.admin_subheader_dropdown
{
    display: block;
}
.admin_callout_title
{
    display: block;
}
.admin_callout_dropdown
{
    display: block;
}
/*This hides the groups box*/
#admin_groups_dropdown
{
    display: block;
}
#Td1
{
    width: 700px;
    padding-left: 10px;
}
.index_moreinfoLink, a.index_moreinfoLink, a.index_moreinfoLink:link, a.index_moreinfoLink:visited
{
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
}

a.index_moreinfoLink:hover
{
    text-decoration: underline;
}


/*******  form elements ***********/

input[type=text], input[type=password]
{
    background-color: #FFFFFF;
    border: #7B7B64 1px solid;
    color: black;
    font-family: arial, verdana, ms sans serif;
    font-size: 8pt;
    font-weight: normal;
}


select
{
    background-color: #FFFFFF;
    border: #7B7B64 1px solid;
    border-color: #7B7B64;
    color: black;
    font-family: arial, verdana, ms sans serif;
    font-size: 8pt;
    font-weight: normal;
}

button
{
    font-family: arial, verdana, ms sans serif;
    font-size: 8pt;
    font-weight: normal;
}


/*******  form Pages ***********/

#form_wrapper
{
    position: relative;
    width: 548;
}
#form_content
{
    position: relative;
    width: 548px;
}
#form_input_wrapper
{
    position: relative;
    background-color: #d4f7ff;
    width: 510px;
    padding: 20px 20px 20px 20px;
}
#siteMap_wrapper
{
    position:relative;
    color:White;
}
.siteMap
{
    color:White;
}
/*.topCountdownLargeText
{
    display:block;
    margin-top:5px;
}
#topCountdownTimer
{
    position:absolute;
    font-size:14px;
}
.topCountdownCell1
{
    position:absolute;
    left:210px;
    top:9px;
    
}
.topCountdownLargeText1
{
}*/
.topCountdownLargeText_watchus
{
    display:none;
}
#topCountdownTimer
{
    position:absolute;
    font-size:14px;
}
.topCountdownCell1
{
    position:absolute;
    left:10px;
    top:8px;
    font-size:14px;
}
/***************** Live Broadcast ********************/
#lb_chat
{
    visibility: visible;
}

.lbTitle
{
    font-size: 18px;
    font-weight: bold;
    font-family:Arial, Century Gothic, Helvetica, Verdana;
    color: #FFFFFF;
}

.lbSmallTitle
{
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    font-family:Arial, Century Gothic, Helvetica, Verdana;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.lbPageViews
{
    color: #FFFFFF;
}
#lb_countdown
{
    height: 216px;
    width: 694px;
    background-image: url( '/images/counter_large_bg.jpg' );
}

.lbTabStrip
{
    width: 670px;
}



.lbEditor
{
    
}
.lbSchedule
{
    position:relative;
    width: 280px;
    height: 568px;
    min-height: 568px;
    background-image: url(/images/lb_schedule_bg.jpg);
    background-repeat: no-repeat;
    vertical-align: top;
    padding-top: 95px;
    padding-left:20px;
}

.lbSchedTable
{
    width: 280px;
    vertical-align: top;
}

.lbScheduleHeader
{
    font-weight: bold;
    color: #000000;
}

.lbScheduleText
{
    font-size: 11px;
    color: #000000;
}

.lb_marketing_cell
{
    position:absolute;
    top:237px;
    padding-top:0px;
    padding-left: 0px;
    width:694px;
    height:352px;
    vertical-align:top;
}
#cntdwn
{
}
#LBRotator
{
    z-index: 1;
}
/************Countdown timer***************/
#countdownTimer
{
    position: relative;
    top: 0px;
    width: 200px;
    z-index: 100;
    color: #ffffff;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    left: 30px;
    top:115px;
}

.countdownLargeText
{
    font-size: 45px;
    color: #ffffff;
}

.countdownSmallText
{
    font-size: 9px;
    text-transform: lowercase;
    color: #ffffff;
    text-align: center;
}

.countdownCell
{
    vertical-align: top;
    text-align: center;
}

/*********** STORE *****************/
#subnav_store
{
    /*position: absolute;
    left: 740px;
    top: 0px;
    width: 245px;
    height: 100%;
    padding-top: 10px;
    border:solid 2px yellow;*/
    position: absolute;
    width: 245px;
    top: 0px;
    right: 15px;
    min-height:600px;
    height:100%;
}
.subNavTextArea_store
{
    font-weight: bold;
    font-size: 11px;
    line-height: 23px;
    text-decoration: none;
    text-align: left;
    color: #999;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 190px;
}
.subNavTextArea_store:link
{
    line-height: 23px;
    text-decoration: none;
    text-align: left;
    color: #999;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 190px;
}

.subNavTextArea_store:active
{
    line-height: 23px;
    text-decoration: none;
    text-align: left;
    color: #999;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 190px;
}

.subNavTextArea_store:visited
{
    line-height: 23px;
    text-decoration: none;
    text-align: left;
    color: #999;
    text-transform: uppercase;
    vertical-align: bottom;
    width: 190px;
}

.subNavTextArea_store:hover
{
    color: #999;
    text-align: left;
    text-decoration: none;
}