#container 
{   
    background: #fff url(Content/ContentSync.jpg) repeat-y;
}
#content 
{
    background: url(Content/ContentTop.jpg) top left no-repeat;
}

#rightTool  
{
    width: 263px; float: right; 
    padding: 90px 20px 20px 20px;
}
#leftTool  
{
    width: 242px; float: left; 
    padding: 80px 20px 20px 20px
}
#mainBody  
{
    width: 404px; float: left; 
    padding: 50px 20px 20px 15px;
    line-height: 1.6em;
    font-size: .9em;
    border:solid 0px red;
}

table.eventCalendar 
{
    
    font-family: Garamond, Georgia, "Times New Roman";
    font-size: 14px;
}
table.eventCalendar caption 
{
    color: #2b8e80;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}
#rightTool table.eventCalendar caption a.leftArrow 
{
    display: inline-block;
    width: 8px;
    padding-left: 5px;
    height: 11px;
    background: url(Calendar/LeftArrow.gif) top left no-repeat;
    font-size: 1px;
    color: #3bb5bd;
    text-decoration: none;
    margin-top: 2px;
    margin-right: 10px;
}
#rightTool table.eventCalendar caption a.rightArrow 
{
    display: inline-block;
    width: 8px;
    padding-left: 5px;
    height: 11px;
    background: url(Calendar/RightArrow.gif) top left no-repeat;
    font-size: 1px;
    color: #3bb5bd;
    text-decoration: none;
    margin-top: 2px;
    margin-left: 10px;
}
table.eventCalendar th { font-weight: bold; text-align: center; }
table.eventCalendar td  
{
    font-weight: bold;
    color: #a42d14;
    border:solid 1px transparent;
    padding:5px 10px 5px 10px;
    text-align:center;
}
table.eventCalendar td.inactive { color: #aaa; }
table.eventCalendar td.currentDate { border-color:#fff; }
table.eventCalendar td.hasEntry 
{
    background: url(Calendar/CalendarLinkBg.gif) 8px 5px no-repeat;
}
#rightTool table.eventCalendar td.hasEntry a { color: #fff; }

dl.eventsForm { width: 60%; }
dl.eventsForm, dl.eventsForm dt, dl.eventsForm dd
{
    margin: 0; padding: 0;
}
dl.eventsForm dt  
{
    margin: .5em 0 .2em 0; 
    font-weight: bold;
    font-size: 13px;
    color: #d67437;
    font-style: italic;
}
dl.eventsForm dd.controlPane { text-align: right; margin: .3em 0; }
/***** Event ****************************************************************/
/* KEEP IN SYNC With SmsEventDescription in HtmlTextTextEditorStyleSheet */
#eventDetail { width:100%; }
eventDetail div.previewPane   
{
    background-color:#ffffff;  
    border:#ccc 1px solid;  
    padding:10px; 
    overflow:hidden; 
    width: 608px;
    font-size: 12px;
}
#eventDetail div.previewPane div.description  
{
    float:left; 
    width:283px; 
    padding:10px; 
    background: #B54321 url(Content/PreviewBg.gif) top left no-repeat; 
    height:200px;
    overflow: hidden;
}
#eventDetail div.previewPane div.full { width:588px; height:auto;  } 
#eventDetail div.previewPane div.description div.content { width:95%; margin:auto auto; color:#fff; }                                           
#eventDetail div.previewPane div.description div.content h3 { font-size:1.3em; font-family: Georgia, "Times New Roman"; line-height:1.3em; }
#eventDetail div.previewPane div.imagePreview  
{
    float:right; 
    height:220px; 
    width:305px; 
    overflow: hidden; 
    background-color:#ccc; 
    position:relative; 
}
#eventDetail div.previewPane div.imagePreview div.slide_item { position:absolute; }

/** Information **/
#eventDetail div.information { width:auto; margin:10px 0 0 10px; color:#d67437; font-weight:bold; line-height:1.4em; }
#eventDetail div.information h3 { font-size:12px; color:#006666; margin-bottom:0px; } 

/** Event Information **/
#eventDetail div#eventInformation  
{
    width: 282px; 
    background: #006666 url(Content/EventInfoBg.gif) top left no-repeat; 
    float:right; 
    clear:right; 
    margin-top: 10px; 
    height:auto; 
    border:#ccc 1px solid;
    overflow: hidden;  
    padding: 18px 0 0 0;
}
#eventDetail div#eventInformation div.description  
{
    padding:0 15px 7px 15px;
    background: #006666 url(Content/EventInfoBg.gif) bottom left no-repeat; 
}
#eventDetail div#eventInformation div.description div.content { color:#fff; }
#eventDetail div#eventInformation div.description div.content h3  
{
    font-size:1.3em; color:#7bcfd5;
    margin: 0 0 .4em 0;
    position: relative;
    top: -5px;
}
#eventDetail div#eventInformation div.description div.content p { margin: 0 0 .7em 0; }

#eventDetail div.controls { border:solid 1px #ccc; float:right; margin-top:10px; padding: 0 10px 10px 0; width:auto; }
#eventDetail div.controls ul { margin: 0; padding: 0; display:block; overflow:hidden;  }
#eventDetail div.controls ul li { float: left; list-style: none; padding: 10px 0 0 10px; }
#eventDetail div.controls ul li.c4, 
#eventDetail div.controls ul li.c7  
#eventDetail div.controls ul li.c10
#eventDetail div.controls ul li.c13  { clear:both; } 
#eventDetail .detailFrame { width:100%; border:dashed; }
.noRightToolbar #rightTool { display: none; }
.noRightToolbar #mainBody { width: 608px; padding-top: 60px; }
.noRightToolbar #container { background-image: url(/App_/ROOT/PageFrame/Standard/Content/ContentSync_NoRight.jpg); }
.noRightToolbar #content { background-image: url(/App_/ROOT/PageFrame/Standard/Content/ContentTop_NoRight.jpg); }

/** Preview Pane **/
#Event div.previewPane   
{
    background-color:#ffffff;  
    border:#ccc 1px solid;  
    padding:10px; 
    overflow:hidden; 
    width: 388px;
}
#Event div.previewPane div.description  
{
    float:left; 
    width:283px; 
    padding:10px; 
    background: #B54321 url(Content/PreviewBg.gif) top left no-repeat; 
    height:200px;
    overflow: hidden;
}
#Event div.previewPane div.full { width:368px; height:auto;  } 
#Event div.previewPane div.description div.content { width:95%; margin:auto auto; color:#fff; }                                           
#Event div.previewPane div.description div.content h3 { font-size:1.3em; font-family: Georgia, "Times New Roman"; line-height:1.3em; }
#Event div.previewPane div.imagePreview  
{
    float:right; 
    height:220px; 
    width:305px; 
    overflow: hidden; 
    background-color:#ccc; 
    position:relative; 
}
#Event div.previewPane div.imagePreview div.slide_item { position:absolute; }

H2.eventDate {
    font-size:1.4em;
    margin-bottom:0px;
    margin-top:25px;
}
H2.eventTitle {
    font-size:1.4em;
    margin-bottom:5px;
    margin-top:0px;
}