body
{
    background-attachment: fixed;
    background-position: left;
    background-image: url('../images/Images2/wood089.jpg');
    background-repeat: repeat;
    margin: 0px;
    padding: 0px;
    font-size: 10pt;
    font-family: Verdana;    
}
h1
{
    /*font-family: Verdana;*/
    font-size: 1.1em;
    margin: 10px 15px 0px 15px;
    color: #b93627;
}
a img
{
    border-style: none;
}
#MainContent
{
    background-image: url('../images/Images2/openbook_dis6.png');
    background-repeat: no-repeat;
    
    height: 566px;
    margin-left: auto;
    margin-right: auto;
    width: 773px;
    position: inherit;
    
}
#PageBanner
{
    height: 30px;
    width: 773px;
    background-color: Transparent;
    margin-left: auto;
    margin-right: auto;
    color:White
}
#leftPageArea
{
    /* for IE */
    position:relative;
    left: 15px;
    top: 15px;
    width:368px;
    height:525px;
    float: left;
    /*border: 1px solid red;*/
    /*position:relative;
    left: 15px;
    top: 15px;
    width:368px;
    height:525px;
    float: left;*/
}
.rightPageArea
{
    /* for IE */
    position:relative;
    left: 25px;
    top: 15px;
    width:310px;
    height:525px;
    /*border: 1px solid red;*/
    /*position:relative;
    left: 397px;
    top: -510px;
    width:310px;
    height:525px;*/
}
.rightPageArea-notIE
{
    position:relative;
    left: 397px;
    top: -510px;
    width:310px;
    height:525px;
}
#navigation
{
    border-bottom-style: dotted;
    border-bottom-width: thin;
    border-bottom-color: #C0C0C0;
    text-align:center;
}
#navigation a, #navigation img
{
    padding: 0px;
    margin: 0px;
    height:40px;
}

.contentPage
{
    margin-left:auto;
    margin-right:auto;
    width:310px;
    overflow: auto;
    height: 411px;
}
.displayNone
{
    display: none;
}
.scheduleTable
{
    margin-left:15px;
    overflow:auto;
    display:none;
    width:280px;
}
.scheduleTable td
{
    font-size:0.8em;
    
}
.dayCell
{
    color: #b93627;
}
.openClose
{
    color:White;
}
/***** stepcarousel ****/

img
{
    margin: 0px;
    padding: 0px;
}
.stepcarousel
{
    position: relative; /*leave this value alone*/
    /*border: 2px solid red;*/
    border:none;
    background-color: Transparent;
    overflow: scroll; /*leave this value alone*/
    width: 290px; /*Width of Carousel Viewer itself*/
    height: 120px; /*Height should enough to fit largest content's height*/
    margin-left:auto;
    margin-right:auto;
}
.stepcarousel .belt
{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}
.stepcarousel .belt .panel
{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 4px 0px 4px 2px; /*margin around each panel*/
    width: 72px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    vertical-align: middle;
    min-width:72px;
}

/* Table of contents */
#toc
{
    height:430px;
}
#toc table
{
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    empty-cells: show;
}

#toc td
{
    border-bottom-style: dotted;
    border-bottom-width: thin;
    border-bottom-color: #C0C0C0;
}
#toc a
{
    color: #b93627;
    font-size: 9pt;
    text-decoration: none;
    margin-left: 25px;
    margin-top: 5px;
}

.detailPanel
{
    border-style: solid;
    border-width: 3px 4px 4px 3px;
    border-color: #b93627 #000000 #000000 #b93627;
    background-color: #E4E4E4;
   
    display: none;
   /* position: absolute;
    top: 30px;
    left: 250px;
    display: none;*/
    text-align: center;
    overflow: auto;
    width: 400px;
    height: 500px;
    font-size: 11pt;
    color: #b93627;
}

/* Banner fields */
#BannerTable
{
    position: relative; 
    top: 10px;
}
#welcome
{
    width: 154px;
    color:white;
}
#newsFlash
{
    width: 465px;
}
#Login
{
    width: 154px; 
    text-align: right
}
#loginPanel
{
    border: thin solid #b93627;
    padding-bottom: 10px;
    width: 180px;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
}
.required
{
    border: 1px solid #b93627;
}

.watermark
{
    color: #C0C0C0;
    font-style: italic;
}
legend
{
    font-size: 9pt;
    color: #b93627;
}
fieldset
{
    margin-bottom:10px;
}
p
{
    margin: 10px 15px 0px 15px;
}

input.checkbox, input:checkbox
{
    width: 20px;
    margin:0px;
    padding:0px;
}
.checkoutTableHeader
{
    background-color:#bf4739;
    color:White;
}
input, select
{
    font-family: Verdana;
    font-size: 9pt;
    width: 125px;
    margin: 0px;
    padding: 0px 0px 0px 3px;
}

input.wideInput
{
    width: 255px; /*margin:5px 5px 0px 5px;*/
}



#eventTable
{
    margin-top: 15px;
    width: 95%;
}

#registerTable, #childTable, #contactTable, #checkoutTable
{
    width:95%;
    table-layout: auto;
    border-collapse: collapse;
    empty-cells: show;
    font-size: 9pt;
}
#childTable input, select
{
    margin: 0px;
    padding: 0px;
}

#registerTable /*, input, select*/
{
    margin: 0px;
    padding: 0px;
}
#contactTable select
{
    width: 100px;
}

.dataRow
{
    background-color: #FFF9BB;
   /* opacity: 0.5;
    filter: alpha(opacity=50); */
}

.altDataRow
{
    background-color: #E2E2E2;
}

#eventDetailTable
{
    width: 100%;
    margin-left: 1%;
    border-collapse: separate;
    empty-cells: show;
    vertical-align:text-top;
    color: #b93627;
}

.eventDetailTitle
{
    width:25%;
    color:Blue;
    vertical-align:top;
}


.loginDiv
{
    width:131px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px; 
    text-align:center;
}
.loginDiv #btnLogin
{
    margin-left:33px;
    margin-right:34px;
}
.moreLink
{
    font-size:0.88em;
    color:Red;
    text-decoration:underline;
}
.rightAlign
{
    text-align:right;
}
#footer
{
    margin-left: auto;
    margin-right: auto;
    width: 773px;
    text-align:center;
    color:White;
}
#footer a
{
    color:White;
}
#footer a:visited
{
    color:White;
}
.dayHasEvents
{
    background-color:Red;
    
    color: Red;
}
.dayHasEvents a
{
    border-color: #FF0000;
    color: Red;
}
.dayHasNoEvents
{
    color: #555555;
}
.state-default
{
    text-decoration: none; 
    outline: none; 
}
.liveContent
{
    cursor:pointer;
    cursor:hand;
}
#ctl00_socialNetworkLinks
{
    /* Dont add any positioning settings - the javascript takes care of that */
    width:34px;
}

#ctl00_socialNetworkLinks a
{
    border-style: none;
    padding: 0px;
    margin: 2px;
    text-decoration: none; 
}

#paymentMethods a 
{
    margin-right:10px;
}