/* 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 ***********/
html, body
{
    margin: 0px 0px 0px 0px;
    height: 100%;
    font-family: arial,helvetica, verdana,sans-serif;
    font-size: 13px;
    background-image: url(/images/bg_main.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center; /* IE quirky center */
    padding-left: 0;
    background-color: #000000;
}

a
{
    color: #ffffff;
    text-decoration: none;
}
a:hover
{
    color: #ffffff;
    text-decoration: underline;
}

img
{
    border: 0px;
}

/* heading tags */


h1
{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000000;
}

h2
{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000000;
}

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 ****************/

#leftBar
{
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    background-image: url(/images/bg_left.jpg);
    background-repeat: repeat;
    width: 110px;
    height: 100%;
}

#centerBar
{
    width: 990px;
    height: 100%;
    left: 110px;
    background-color: #4F2510;
}

#rightBar
{
    position: absolute;
    background-image: url(/images/bg_right.jpg);
    width: 110px;
    height: 100%;
    right: 0px;
    top: 0;
}

#main_wrapper
{
    position: relative;
    width: 990px; /*border:solid 1px #000000;*/
}

#center_wrapper
{
    position: relative;
    width: 990px;
    top: 0px;
    left: 0px;
    /*min-height: 410px;*/
    height: 100%;
}
#center_top_wrapper
{
    position: relative;
    background-image: url(/images/bg_sub_top.jpg);
    background-repeat: no-repeat;
    background-position:top;
    width: 989px;
    height: 110px;
    
}
.center_top_wrapper
{
    position: relative;
    background-image: url(/images/bg_sub_top.jpg);
    background-repeat: no-repeat;
    background-position:top;
    width: 989px;
    height: 110px;
    
}
.center_top_wrapper_full
{
    position: relative;
    width: 989px;
    height: 110px;
    background-color:#4e4f51;
    
}
#center_middle_wrapper
{
    position: relative;
    background-image: url(/images/bg_sub_middle.jpg);
    background-repeat: repeat-y;
    background-position:top;
    width: 989px;
    min-height: 500px;
    height: 100%;
    text-align: left;
}
.center_middle_wrapper
{
    position: relative;
    background-image: url(/images/bg_sub_middle.jpg);
    background-repeat: repeat-y;
    background-position:top;
    width: 989px;
    min-height: 500px;
    height: 100%;
    text-align: left;
}
.center_middle_wrapper_full
{
    position: relative;
    background-color:#4e4f51;
    width: 989px;
    min-height: 500px;
    height: 100%;
    text-align: left;
}

#center_bottom_wrapper
{
    position: relative;
    background-image: url(/images/bg_sub_bottom.jpg);
    background-repeat: no-repeat;
    width: 989px;
    height: 11px;
}





#nav
{
    position: relative;
    width: 990px;
    height:30px;
    background-color:#0f0f0f;
    z-index: 30; 
    background-image: url('/images/bg_nav.jpg');     
    background-repeat:repeat-x;
}
#nav_text
{
    position:absolute;
    top:6px;
    height:25px;
    left:10px;
    width:980px;
}
/*#navHeader
{
    //background-image:url(/images/bg_nav_top.gif);
    position: absolute;
    background-repeat: no-repeat;
    z-index: 5;
    height: 0px; //background-color:Yellow;
}*/
#navBody
{
    position: absolute;
    top: 188px;
    width: 138px; /*background-color:yellow;*/
    bottom: 0px;
    padding-left: 10px;
    border-left: solid 1px #BF6B2A;
    border-right: solid 1px #BF6B2A;
    background-image: url(/images/bg_nav_bottom.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    z-index: 3;
}


#navFooter
{
    position: absolute;
    width: 160px;
    bottom: 0px;
    height: 0px;
}

#subNav
{
    float: left;
    width: 234px; /* min-height: 210px;     left:26px; */
    height: 100%; /* margin-top: 143px;     margin-bottom: 340px; */
    margin-left: 25px;
}

#subNavHeader
{
    position: absolute;
    float: left;
    top: 0px;
    left: 25px;
    width: 234px;
    height: 143px;
    background-image: url(/images/subnav_top.png);
    background-repeat: no-repeat;
    background-position: top;
}

#subNavBody
{
    position: absolute;
    width: 234px;
    height: 100%;
    left: 20px;
    top: -100px;
    text-align: left;
}
.subNavBody
{
    position: absolute;
    width: 234px;
    height: 100%;
    left: 20px;
    top: -100px;
    text-align: left;
}
#subNavbody_inner
{
    position: relative;
    width: 234px;
    z-index: 10;
    padding-top: 0px;
    min-height: 250px;
    top: 1px;
    bottom: 5px;
}

#cartWrapper
{
    
}

#subNavFooter
{
    position: absolute;
    float: left;
    width: 234px;
    left: 25px;
    bottom: 0px;
    height: 168px;
}

#header
{
    height: 224px;
}

#content_top
{
    position: relative;
    left: 20px;
    width: 709px;
    height: 110px;
    text-align:left;
}
.content_top
{
    position: relative;
    left: 20px;
    width: 709px;
    height: 110px;
    text-align:left;
}
.content_top_full
{
    position: relative;
    left: 0px;
    width: 970px;
    height: 110px;
    text-align:left;
}
#content_middle_wrapper
{
    position: relative;
    width: 709px;
    min-height: 510px;
    height: 100%;
    left: 115px; /*background:red;*/
}
#content_middle
{
    position: relative;
    min-height: 371px;
    top: 0px;
    left: 187px;
    color: #ffffff;
    width: 700px;
}
.content_middle
{
    position: relative;
    min-height: 371px;
    top: 0px;
    left: 187px;
    color: #ffffff;
    width: 700px;
}
.content_middle_full
{
    position: relative;
    min-height: 371px;
    top: 0px;
    left: 20px;
    color: #ffffff;
    width: 930px;
}
#content_middle_bottom
{
    position: relative; /*background-image: url(/images/subcontent_bottom.jpg);     background-repeat: no-repeat;     background-position: bottom; */
}
#content_bottom
{
    /*width:780px;*/ /* width: 100%; */
    position: relative;
    background-image: url(/images/subcontent_bottom.png);
    background-repeat: no-repeat;
    background-color: #555555;
    width: 709px;
    height: 11px;
    top: 3px;
    left: 0px;
    vertical-align: top;
}
#content
{
    position: relative; /* to enable further positioned divs inside content area */
    width: 790px;
    left: 0px;
    text-align: left;
    z-index: 3;
}

/* INDEX PAGE Structure */
#index_wrapper
{
    position:relative;
    width: 980px;
    height:358px;
    background-image: url(/images/bg_rotator.jpg);
    background-repeat:repeat-x;
    text-align:center;
    vertical-align:middle;
    padding:10px 0px 0px 10px;
}
#shadow_top
{
    background-image: url(/images/shadow_main_top.jpg); /*border-bottom:solid 2px blue;*/
    height: 6px;
    width: 958px; /*border:solid 1px yellow;*/
}
#shadow_left
{
    position: relative;
    left: 12px;
    top: -6px;
    width: 12px;
    height: 717px;
    background-image: url(/images/shadow_home_left.jpg);
    background-repeat: no-repeat;
    float: left; /*border:solid 1px yellow;*/
}
#indexCallout_top_wrapper
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 627px;
    height: 432px;
    float: left;
}
#indexCallout_top_left_wrapper
{
    position: relative;
    left: 12px;
    float: left;
}

#home_large_rotator
{
    position: absolute;
    top:9px;
    left:10px;
    width:970px;
    height:348px;
}
#indexCallout_top_right_wrapper
{
}
#shadow_middle
{
    position: absolute;
    width: 20px;
    height: 717px;
    left: 651px;
    background-image: url(/images/shadow_home_middle.jpg);
    background-repeat: no-repeat; /*border:solid 2px red;*/
}
#indexCallout_lower_video
{
    position: absolute;
    left: 24px;
    top: 439px;
}

#indexCallout_callout_visitorinfo
{
    position: absolute;
    left: 449px;
    top: 439px;
}
#indexCallout_lower_rotator
{
    position: absolute;
    left: 671px;
    top: 439px; /* height:285px;     width:288px; */
}

#indexCallout_lower_rotator_content
{
    position: relative;
    width: 250px;
    height: 50px;
    text-align: left; /*padding:10px 10px 10px 10px; */
    left: 70px;
    top: 18px;
}

#shadow_right
{
    position: absolute;
    left: 958px;
    top: 6px;
    width: 12px;
    height: 717px;
    background-image: url(/images/shadow_home_rigth.jpg);
    background-repeat: no-repeat;
    float: right; /*border:solid 2px red;*/
}

#shadow_bottom
{
    position: relative;
    background-image: url(/images/shadow_main_bottom.jpg);
    height: 6px;
    width: 948px;
    top: 275px; /*border-bottom:solid 2px blue;*/
}


#content_sub
{
    position: relative; /* to enable further positioned divs inside content area */
    width: 990px;
    background-image: url(/images/bg_main_sub.png);
    background-repeat: no-repeat;
    background-position: top;
    background-color: #fcfefe;
    left: 0px;
    text-align: left;
    z-index: 1;
}

#footer_wrapper
{
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 990px; /*background-color:green;*/
}



#footer_sub
{
    position: relative; /* to enable further positioned divs inside content area */
    z-index: 600; /* to make sure if long words overflow they show above the right column */
    padding: 0px;
    margin: 0px;
    width: 990px;
    height: 117px;
    background-image: url(/images/bg_footer_sub.png);
    left: 0px;
    text-align: left; /*word-wrap:break-word;*/
}

#clientLogo
{
    position: absolute;
    left: 0px;
    top: 0px;
}
#copyright
{
    position: absolute;
    left: 90px;
    top: 33px; /* left: 350px;     top: 60px; */
    color: #ffffff;
    text-transform: uppercase;
    font-family: helvetica, verdana, arial, sans-serif;
    font-size: 9px;
}

#socialIcons
{
    position: absolute;
    left:450px;
    top: 10px; /* left: 350px;     top: 60px; */

}

#fnLogo
{
    position: absolute;
    left: 950px; /* left: 794px; */
    top: 3px;
}

/******* Homepage Layout ************/

#mainContentArea_wrapper
{
    position: relative;
    width: 990px;
}

#subMainContentArea_wrapper
{
    position: relative;
    min-height: 410px;
    width: 780px;

}

#home_events_wrapper
{
    position: relative;
    background-image: url(/images/current_events.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 307px;
    left: 0px;
    height: 329px;
    float: right;
    margin-right: 0px;
}

#home_events_content
{
    padding: 50px 30px 0px 10px;
    height: 271px;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
}

#centerWrapper
{
    position: relative;
}

/*CALLOUTS*/
#callouts
{
    position: relative;
    width: 990px;
    padding-top:10px;
    height: 143px;
    background-image:url('/images/bg_callouts.jpg');
}

#callout1
{
    position: absolute;
    left: 25px;
    top: 0px;
}

#callout2
{
    position: absolute;
    left: 261px;
    top: 0px;
}

#callout3
{
    position: absolute;
    left: 499px;
    top: 0px;
}

#callout4
{
    position: absolute;
    left: 735px;
    top: 0px;
}
#callout5
{
    position: absolute;
    left: 788px;
    top: 0px;
}

#indexCallout_events
{
    position: absolute;
    top: 10px;
    left: 18px;
}


#indexCallout_top
{
    position: relative;
    float: left;
    left: 5px;
    top: 0px;
    width: 960px;
    padding: 5px 0px 0px 0px;
}

#indexCallout_top_content
{
    position: relative;
    float: left;
    width: 615px;
    left: 20px;
    top: 0px; /*border:solid 2px #cc0000;*/
}

#indexCallout_lower
{
    position: relative;
    float: left;
    left: 0px;
    top: 0px;
    width: 980px;
    padding: 5px 0px 0px 0px;
}


/*ROTATORS */


#callout_rotator_bottom_content
{
    position: relative;
    float: left;
    width: 615px;
    left: 20px;
    top: 0px; /*border:solid 2px #cc0000;*/
}

#messaging_rotator
{
    position: relative;
    padding-bottom: 0px;
    height: 70px;
}

#callout_rotator
{
    position: relative;
    float: left;
    left: 20px;
    top: 0px;
    width: 990px;
    background-image: url(/images/welcome.gif);
    background-repeat: no-repeat;
    padding: 10px 0px 0px 0px;
}


/************** content area ****************/
#contentArea_wrapper
{
    position: relative;
    width: 990px;
    min-height: 542px;
    height:100%;
}

#contentArea_top
{
    position: relative;
    height: 16px;
    top: 0px;
    left: 0px;
    padding: 0;
    margin: 0;
}
#contentArea
{
    position: relative;
    min-height: 329px;
    padding: 16px 20px 0px 20px;
    color: #666666;
}
#contentArea_bottom
{
    position: relative;
    height: 13px;
    top: 0px;
}

#calloutsSub
{
    position: relative;
}

#subPageHeaders
{
    position: relative;
    color: #FFFFFF;
    font-size: 36px;
    padding: 0px 0px 0px 20px;
    text-align: left;
    top:65px;
    
}

#subPageHedersShadow
{
    position: relative;
    background-color: Transparent;
    height: 50px;
    font-size: 60px;
    text-transform: uppercase;
    color: white;
    font-weight: bolder; /* padding: 5px 0px 0px 20px; */
    text-align: left;
    top: 40px;
    left: 20px;
    filter: alpha(opacity=40);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.1;
}
#subPageHeadersbackdrop
{
    position: relative;
    height: 33px;
    color: InactiveCaptionText;
    font-size: larger;
    padding: 5px 0px 0px 20px;
    text-transform: uppercase;
}
#subPageEventHeader
{
    font-weight: bold;
    font-size: 18px;
}

#subPageWrapper
{
    position: relative;
    margin-left: 0px;
    margin-right: 0px; /*width:769px;*/ /*border-bottom:solid 2px #7C2255;*/ /* border: solid 1px #FFF; */
    width: 100%;
}

/*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
{
    position: relative;
    padding-top: 0px;
    margin-left: 0px;
}
/*.content_wrapper
{
	position:relative;
    padding-left: 0px;
    background-image: url(/images/bg_backslice.jpg);
    border:solid 2px #000000;
    left:20px;
    width:945px;
}*/
#content
{
    position: relative; /* to enable further positioned divs inside content area */
    width: 954px;
    left: 0px;
    text-align: left;
    padding-top: 0px;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
}
.content_wrapper div
{
    margin-left: 0px;
    margin-top: 0px;
}
#content_text
{
    padding: 10px 0px 10px 0px;
    left: 0; /*min-height:471px;*/
    color: White;
    text-align: left;
}

#subPageContent
{
    padding: 0px 0px 0px 0px;
    text-align: left;
    vertical-align: top;
    width: 780px;
    min-height: 434px;
}


/************** Events Page ****************/

#featuredEvents_wrapper
{
    position: relative;
    width: 730px;
    padding: 5px;
    margin-top: 0px;
}

#featuredEvents_body
{
    position: relative;
    background-color: #efefef;
    padding: 0px 0px 0px 0px;
}

.featuredEvents_table
{
    border: solid 1px #000000;
    padding: 5px 5px 5px 5px;
}
#featuredEvents_image
{
    position: relative;
    height: 100%;
    width: 100%;
    float: left;
    padding: 10px 10px 10px 10px;
}

#featuredEvents_header
{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000000;
    padding-left: 10px;
}
#featuredEvents_dateTime
{
    padding-left: 10px;
}

#featuredEvents_title
{
    font-size: 15px;
    color: #9C3900;
    text-shadow: 2px 2px 2px #9C3900;
    text-transform: uppercase;
    padding-left: 10px;
}

#featuredEvents_desc
{
    padding-left: 10px;
}
#featuredEvents_moreInfo
{
    padding-top: 10px;
    padding-left: 10px;
}

.floatImageLeft
{
    float: left;
    padding-right: 15px;
}

#events_wrapper
{
    position: relative;
    text-align: left;
    padding: 20px 20px 20px 20px;
    margin-top: 0px;
}


#events_body
{
    position: relative;
    text-align: left;
    padding: 20px 20px 20px 20px;
    margin-top: 0px;
}

#noEventsMessage
{
    min-height: 471px; /*background-color:#B56621;*/
}

#eventsText_Wrapper
{
    position: relative;
    width: 630px;
    min-height: 434px;
}

#events_header
{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000000;
}
#events_date
{
    position: absolute;
    width: 150px;
}

#events_time
{
    position: relative;
    left: 160px;
}

#events_title
{
    position: relative;
    left: 160px;
    font-size: 15px;
    font-weight: bold;
    color: Black;
    text-shadow: 2px 2px 2px #9C3900;
    text-transform: uppercase;
}

#events_description
{
    position: relative;
    left: 160px;
    width: 480px;
}

#events_moreInfo
{
    position: relative;
    left: 160px;
    width: 483px;
    padding-bottom: 10px;
    color: Black;
}

a.events_moreInfoLink
{
    color: Black;
}
a.events_moreInfoLink:link, a.events_moreInfoLink:visited
{
    color: Black;
}
.events_moreInfoLink:hover
{
    color: Black;
    text-decoration: underline;
}

#eventsDetails_wrapper
{
    position: relative;
    min-height: 434px;
}

a.eventDetailsLinks, a.eventDetailsLinksa:links, .eventDetailsLinks:visited
{
    color: #000000;
    text-decoration: none;
}
a.eventDetailsLinks:hover
{
    color: #000000;
    text-decoration: underline;
}

/*login*/
#login_wrapper
{
    position: absolute;
    height: 505px;
    text-align: left;
    margin-top: 5px;
    left: 27px;
    padding: 20px 20px 20px 50px;
    width: 860px;
    color: White;
}
/*photo Gallery CSS*/
#gallery_wrapper
{
    position: relative;
    min-height: 510px;
    height: 100%;
    text-align: left;
    margin-top: 0px;
    background-image: url(/images/subcontent_middle.png);
    background-repeat: no-repeat;
    background-color: #555555;
    padding: 20px 20px 20px 20px;
}

#photos_wrapper
{
    position: relative;
    height: 100%;
}

#addPhotos
{
    position: relative;
    height: 100%;
}
#addPhotos2
{
    position: relative;
}


#thumbRotatorDiv
{
    width: 670px;
    min-height: 140px;
    overflow: auto;
}

/*Current Series CSS*/
#fileCabinet_wrapper
{
    position: relative;
    min-height: 471px;
    text-align: left;
    margin-top: 0px;
    padding: 20px 20px 20px 20px;
}

/*Current Series CSS*/
#currentSeries_wrapper
{
    position: relative;
    min-height: 471px;
    text-align: left;
    margin-top: 0px;
    padding: 20px 20px 20px 20px;
}

/*Audio CSS*/
#audio_wrapper
{
    position: relative;
    min-height: 510px;
    text-align: left;
    background-image: url(/images/subcontent_middle.png);
    background-repeat: no-repeat;
    background-color: #555555;
    padding: 20px 20px 20px 20px;
    margin-top: 0px;
}
#audioView_wrapper
{
    position: relative;
    min-height: 510px;
    text-align: left;
    margin-top: 0px;
    background-image: url(/images/subcontent_middle.png);
    background-repeat: no-repeat;
    background-color: #555555;
    padding: 20px 20px 20px 20px;
}

.audioList_table
{
    width: 360px;
}

.audioList_cell1
{
    width: 128px;
}
.audioList_cell2
{
}
/*Prayer Request CSS*/
#prayerRequest_wrapper
{
    position: relative;
    min-height: 510px;
    text-align: left;
    padding: 20px 20px 20px 20px;
    margin-top: 0px;
}

/*Video CSS*/
#video_wrapper
{
    position: relative;
    min-height: 510px;
    text-align: left;
    margin-top: 0px;
    background-image: url(/images/subcontent_middle.png);
    background-repeat: no-repeat;
    background-color: #555555;
    padding: 20px 20px 20px 20px;
}
#videoView_wrapper
{
    position: relative;
    min-height: 510px;
    text-align: left;
    margin-top: 0px;
    background-image: url(/images/subcontent_middle.png);
    background-repeat: no-repeat;
    background-color: #555555;
    padding: 20px 20px 20px 20px;
}


/*Location CSS*/
#location_wrapper /*iframe width inherits this width in this class*/
{
    position: relative;
    min-height: 510px;
    text-align: left;
    background-repeat: no-repeat;
    background-color: #555555;
    margin-top: 0px;
    padding: 20px 20px 20px 20px;
}
/*Home Events CSS*/

#home_events_wrapper
{
    position: relative;
    background-image: url(/images/announcements_callout.jpg);
    background-repeat: no-repeat;
    background-position: top;
    width: 319px;
    left: 0px;
    height: 312px;
    margin-right: 0px;
}

.homeEventsCell
{
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: dotted thin white;
}

.homeEvents
{
    padding: 6px 6px 6px 6px;
    background-color: #FFFFFF;
    height: 292px;
    width: 215px;
    text-transform: uppercase;
}
.homeEventsDate
{
    font-size: 13px;
    padding-top: 5px;
    color: #006699;
    text-transform: uppercase;
    font-family: Arial,Helvetica, MS Sans Serif;
    color: White;
    font-weight: bold;
}

.homeEventsTitle
{
    font-size: 13px;
    text-decoration: underline;
    color: White;
}
.homeEventsTime
{
    font-size: 13px;
    font-family: Arial,Helvetica, MS Sans Serif;
    text-transform: lowercase;
    letter-spacing: .5px;
    color: White;
}

a.homeEventsLinks:LINK
{
    font-size: 13px;
    color: #FFFFFF;
    text-decoration: none;
}

a.homeEventsLinks:VISITED
{
    font-size: 13px;
    color: #FFFFFF;
    text-decoration: none;
}
a.homeEventsLinks:HOVER
{
    font-size: 13px;
    color: #FFFFFF;
    text-decoration: underline;
}
a.homeEventsLinks
{
    font-size: 13px;
    color: #FFFFFF;
}

/******** blogs **********/

/* BEGIN BLOG CSS */

.blogTable
{
    width: 715px;
}
hr.blogLine
{
    height: 3px;
    border: solid 3px #bbbbbb;
}

#blog_comments
{
    position: relative;
}

#blog_wrapper
{
    padding-top: 10px;
    min-height: 471px;
    height: 100%;
    text-align: left;
    margin-top: 0px;
    padding: 20px 20px 20px 20px;
    background-image: url(images/subcontent_middle.png);
    background-repeat: no-repeat;
    background-color: #555555;
}
#blogEntry_wrapper
{
    padding-top: 10px;
    min-height: 471px;
    height: 100%;
    text-align: left;
    margin-top: 0px;
    padding: 20px 20px 20px 20px;
}
#blogTitle
{
    position: relative;
}
#blog_date
{
    position: relative;
    float: left;
}

#blogDescription
{
    padding-bottom: 10px;
    padding-left: 10px;
    height: 100%;
}

#blogImage
{
    position: relative;
    float: left;
    height: 100%;
}

#blogFeed
{
    position: relative;
    padding-top: 15px; /*border: solid 1px blue;*/
}

#test_wrapper
{
    position: relative;
}

.commentHeader
{
    color: Red;
    font-size: 20px;
}

#overalldiv
{
    position: relative;
    height: 100%;
    border: solid 2px #000000;
}
#viewBlogLink
{
    position: relative;
    float: left;
    color: Red;
    width: 300px;
}
#blogEntries
{
    float: right;
    color: Red;
    padding-right: 30px;
    padding-bottom: 10px;
}
.blogTextLink
{
    font-size: 10px;
    color: #CC0000;
    font-weight: bold;
    padding-left:10px;
}

a.blogTextLink:Link
{
    font-size: 10px;
    color: #CC0000;
    text-decoration: underline;
    font-weight: bold;
}
a.blogTextLink:Hover
{
    font-size: 10px;
    color: #cc0000;
    text-decoration: underline;
    font-weight: bold;
}
a.blogTextLink:Visited
{
    font-size: 10px;
    color: #CC0000;
    text-decoration: underline;
    font-weight: bold;
}
.readMoreLink
{
    color: Red;
    font-size: 16px;
    text-decoration: underline;
}
a.readMoreLink:link, a.readMoreLink:visited
{
    color: Red;
    font-size: 16px;
    text-decoration: underline;
}

a.readMoreLink:hover
{
    color: Red;
    font-size: 16px;
    text-decoration: underline;
}
/**********  Media Center *********/
#message_wrapper
{
    position: relative;
    min-height: 471px;
    height: auto !important;
    height: 471px;
    height: 100%;
    text-align: left;
    margin-top: 0px;
    padding: 0px 20px 20px 0px;
    color:Black;
}
a.episode_close:link, a.episode_close:hover
{
    color:Black;
}
#messagePhotoFlowWrapper
{
    width: 670px;
    margin-left: auto;
    margin-right: auto;
}
#messageEpisodes
{
    width: 670px;
    margin-left: auto;
    margin-right: auto;
}
#messageEpisodesbg
{
    background-image: url(/images/msg_bubble_desc.png);
    background-repeat: no-repeat;
    height: 150px;
    width: 670px;
    position: relative;
    padding-left: 10px;
}
#messageDescription
{
    overflow: auto;
    position: relative;
    left: 0px;
    top: 0px;
    height: 115px;
    width: 610px;
}
#messageEpisodes_image
{
    overflow: auto;
    position: relative;
    width: 650px;
    height: 140px;
    padding-top: 7px;
    padding-left: 7px;
}
#messageWrapper
{
    position: relative;
    text-align: left;
}
#messageTitle
{
    font-weight: bold;
    text-transform: uppercase;
}
.messageTitle
{
    padding-left: 10px;
    padding-top: 0px;
}
/* Msg Center Episodes */
.episodeTitle
{
    padding-top: 5px;
    padding-left: 10px;
    font-weight: bold;
}
#episodeDetails
{
    width: 670px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.episodeDetailsBody
{
    padding-left: 5px;
    overflow: auto;
    height: 110px;
    width: 660px;
}

#episodes
{
    position: relative;
}
.episodeHeader
{
}
#episodeHeader
{
    position: relative;
    width: 670px;
    height: 30px;
    background-image: url(/images/msg_bubble_Title.png);
    background-repeat: no-repeat;
    width: 670px;
    height: 29px;
}
#episodeTable
{
    position: relative;
    width: 670px;
}
.episodeTable
{
}
#episodeCloseDetails
{
    position: absolute;
    top: 3px;
    left: 600px;
}
#episodeButtons_Wrapper
{
    position: relative;
    width: 670px;
    background-image: url(/images/msg_bubble_Content.png);
    background-repeat: no-repeat;
}
.episode_buttons
{
}

#hdr_Msg_Date
{
    width: 60px;
    position: absolute;
    left: 0px;
    margin-top: 7px;
    text-align: center;
}
#btn_Msg_Date
{
    width: 55px;
    height: 28px;
    padding-left: 7px;
}
#hdr_Msg_Episode
{
    width: 195px;
    position: absolute;
    left: 65px;
    margin-top: 7px;
    text-align: center;
}
#btn_Msg_Episode
{
    width: 140px;
    height: 28px;
    padding: 0px 5px 0px 12px;
}
#btn_Msg_Info
{
    width: 40px;
    height: 28px;
}
#hdr_Msg_Speaker
{
    width: 130px;
    position: absolute;
    left: 260px;
    margin-top: 7px;
    text-align: center;
}
#btn_Msg_Speaker
{
    width: 115px;
    padding: 0px 5px 0px 12px;
    height: 28px;
}
#hdr_Msg_Listen
{
    width: 53px;
    position: absolute;
    left: 393px;
    margin-top: 7px;
    text-align: center;
}
#btn_Msg_Listen
{
    width: 55px;
    height: 28px;
    text-align: center;
}
#hdr_Msg_Watch
{
    width: 53px;
    position: absolute;
    left: 445px;
    margin-top: 7px;
    text-align: center;
}
#btn_Msg_Watch
{
    width: 52px;
    height: 28px;
    text-align: center;
}
#hdr_Msg_Discuss
{
    width: 57px;
    position: absolute;
    left: 500px;
    margin-top: 7px;
    text-align: center;
}
#btn_Msg_Discuss
{
    width: 60px;
    height: 28px;
    text-align: center;
}
#hdr_Msg_Download
{
    width: 67px;
    position: absolute;
    left: 560px;
    margin-top: 7px;
    text-align: center;
}
#btn_Msg_Download
{
    width: 70px;
    height: 28px;
    text-align: center;
}
#hdr_Msg_Buy
{
    width: 50px;
    position: absolute;
    left: 635px;
    margin-top: 7px;
    display: none;
}
#btn_Msg_Buy
{
    width: 50px;
    height: 28px;
    display: none;
}
#hdr_Msg_Email
{
    width: 40px;
    position: absolute;
    left: 630px;
    margin-top: 7px;
    text-align: center;
}
#btn_Msg_Email
{
    width: 43px;
    height: 28px;
    text-align: center;
}
#hdr_Msg_Podcast
{
    width: 40px;
    position: absolute;
    left: 630px;
    margin-top: 7px;
    text-align: center;
    display: none;
}
#btn_Msg_Podcast
{
    width: 43px;
    height: 28px;
    text-align: center;
    display: none;
}
#message_noData
{
    position: relative;
    text-align: left;
    margin-top: 0px;
    padding: 0px 20px 20px 20px;
}
#lightwindow_title_bar
{
    height: 25px;
    overflow: hidden;
    background-color: Gray;
}
/******** admin **********/
#admin_wrapper
{
    position: relative;
    min-height: 400px;
}
#admin_SubNav
{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 180px;
    height: 100%;
    float: left;
}

#admin_Content
{
    position: relative;
    top: 10px;
    padding: 10px 0px 20px 0px;
    left: 70px;
    width: 800px;
    text-align: left;
    height: 100%;
    color: White;
}
.admin_header_title
{
    display:none;
}
.admin_header_dropdown
{
    display:none;
}
.admin_subheader_title
{
    display:none
}
.admin_subheader_dropdown
{
    display:none;
}
.admin_callout_title
{
    display:none;
}
.admin_callout_dropdown
{
    display:none;
}
/*This hides the groups box*/
#admin_groups_dropdown
{
    display: none;
}
#Td1
{
width:700px;
}
.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_content_text
{
    padding: 10px 20px 10px 20px;
    min-height: 471px;
    height: auto !important;
    height: 100%;
    text-align: left; 
    font-family: Arial;
    font-size:12px;
}
#form_content_text_nonav
{
    padding: 10px 20px 10px 20px;
    min-height: 471px;
    height: auto !important;
    height: 100%;
    text-align: left; 
    font-size:12px;
    text-align:left;
    color:#ffffff;
}
.form_table
{
    width:700px;
}
.form_table_nonav
{
    width:700px;
}
#fbElementHeadingOnlyCell
{
}

#form_thanks
{
    font-weight:bold;
}

.fbElementTextCell
{
    text-align:center;
    font-weight:bold;
    vertical-align:top;
    width:150px;
}

.fbElementCell
{
    vertical-align:top;
}

.fbElementHeadingOnlyCell
{
    font-size:18px;
    font-weight:bold;
}

.fbElementTextOnlyCell
{
    font-size:10px;
}

.fbElementButtonOnlyCell
{
    text-align:center;
}

.form_required_error
{
    color:Red;
}
.formLoading
{
    position:absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0px;
    background-color:#ffffff;
    vertical-align:middle;
    text-align:center;
    filter: alpha (opacity=50);
    padding-top:100px;
}

/******** Event Calendar  **********/

 
.addtocalendar ul a
{
list-style-type: none;
display: block;
padding-top: 0px;
padding-right: 30px;
padding-bottom: 2px;
padding-left: 22px;
background-color: transparent;
background-image: url("/images/emailIcons.gif");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
color: #26a7f2;
}
.addtocalendar ul li
{
    float:left;
    list-style-type: none;
    padding:0px 10px 0px 0px;
}
ul li.outlook a
{
background-position: 0px -0px;
}
ul li.apple a
{
background-position: 0px -20px;
}
ul li.google a
{
background-position: 0px -38px;
}
ul li.yahoo a
{
background-position: 0px -58px;
}
#quickLinks_wrapper
{
    position:absolute;
    top:107px;
    left:575px;
    text-align:left;
    font-size:19px;
    color:#99b344;
    font-family:Century Gothic, Arial;
    font-weight:bold;
}
#quicklinks
{
    visibility:hidden;
    background-color: #333333;
}
#quicklinks_text
{
    position:relative;
    width:450px;
    padding:0px 10px 5px 10px;
    overflow:hidden;
    text-align:left;
}

#clickhere_quick
{
    position: relative;
    width:20px; /*background-color:green;*/
    top: 0px;
    left: 0px;
    height:45px;
    z-index:900;
}
#clickhere_quick_img
{
    top:0px;
    left: 4px;
    height:45px;
    width:20px;
    position:relative;
}

.DayWithAppointments a   
    {   
         background-color:#c9e0fc;
     }  

     h2.eventDetailsTitle
     {
        background-image: url("/images/sep.gif");
        background-repeat: repeat-x;
     }
     
     #eventDetailsCalImage
     {
         position:relative;
         float:left;
        background-image:url(/images/dateimage.png);
        background-repeat:no-repeat;
        width:95px;
        height:72px;
        text-align:center;
        margin:0px;
     }
     .eventDetailsCalDay
     {
         position:absolute;
         color:White;
         font-weight:bold;
         top:12px;
         left:25px;
     }
     .eventDetailsCalDate
     {
         position:absolute;
         color:Black;
         font-weight:bold;
         top:25px;
         left:23px;
         text-align:center;
         margin: 0px auto;
         font-size:24px;
         width:20px;
     }
     
     .eventDetailsCalMonth
     {
         position:absolute;
         color:Black;
         font-weight:bold;
         top:50px;
         left:25px;
     }
     #eventDetailsVenueDesc
     {
         position:relative;
         left:35px;
         padding-left:10px;
         width:325px;
         min-height:100px;
     }
     .eventDetailsTitleVenue
     {
         height:20px;
         width:30px;
         float:left;
     }
   #eventDetailsTitle
   {
        position:relative;
         left:15px;
         width:25px;
         min-height:100px;
   }
   .DayWithAppointments a { background-color:#c9e0fc;}
    
    #eventCalendarWrapper { width:650px;min-height:450px;height:100%;height:auto;position:relative;padding-left:0px;}
    #eventCalendarHeader { width:100%; min-height: 40px; position: relative;display: none;}
    .calendar-container { position: absolute; float: left; padding-left:0px;padding-top: 20px;}
    #calendarEventList { position: relative; width:450px; left:340px;top: 0px; min-height: 30px;}
    #calendarEventWrapperCenter { background-image: url(/images/event_content_middle.png);position: relative; width:589px; min-height: 300px;}
    #quicklinks { margin-left: 0px; display: block; width:450px; background-color: #333333;height: 40px;}
    #quicklinks_text {visibility: visible; width: 555px}
    #detailsHeader {position: relative; padding: 0px 10px 0px 0px;height: 36px; vertical-align: middle;padding-top: 2px; margin-top: 0px;background-color: #302f2f; width:470px}
    .detailsHeader {text-align: center}
    #addtocalendarBar {margin-top: 12px;}
    #calendarEvent{ position: relative; width:520px; min-height: 30px;padding: 0px 15px 0px 15px; color:#000000;}
    #calendarEventImage {left: 0px; width: 85px; height: 75px; float: left}
    #eventDetailsVenuWrapper {position: relative; width: 310px; padding-left: 10px;}
    #calendarEventTitle {position: relative; min-height: 65px; padding-top: 30px;}
    #calendarEventDescription {position: relative; min-height: 40px;}
    #calendarEventMoreInfo {position: relative; width: 100%; min-height: 40px;}
    #calendarEventDate {position: relative; width: 100%; height: 20px;}
    #calendarEventTime {position: relative; width: 100%; height: 20px;}
    #calendarEventWidget {position: absolute; left:490px; top: 0px; width: 25px;min-height: 60px;}
    #social_quick{display: none}
    #eventGrid{width:530px;}
