/**body and centering**/

body {

margin: 0px;
padding: 0px;
background-color: #E1E8F0;

}

img {

display: inline-block;

}

#CenterContainer {

position: relative;
width: 800px;
margin: 0 auto;
padding: 0px;
z-index: 1

}

#MainContainer {

float: left;
width: 798px;
margin: 20px 0 0 0;
padding: 0px;
background-color: #FFFFFF;
border: 1px solid #E1E8F0;
z-index: 1

}

/**main header**/

#MainHeader {

float: left;
width: 798px;
margin: 0 0 10px 0;
padding: 0px;
display: inline;
z-index: 1

}

#MainLogoContainer {

float: left;
width: 340px;
margin: 0px;
padding: 10px 0 0 15px;
display: inline;
z-index: 1

}

#MainLogo {

float: left;
width: 150px;
height: 131px;
margin: 0px;
padding: 0px;
display: inline;
z-index: 1

}

#MainLogoBottom {

float: left;
width: 330px;
height: 19px;
margin: 0px;
padding: 0px;
display: inline;
z-index: 1

}

#MainLoginInfo {

float: left;
width: 250px;
margin: 40px 0 0 170px;
padding: 0px;
text-align: right;
font-family: georgia, verdana, sans-serif;
font-size: 12px;
color: #000000;
line-height: 16px;
display: inline;
z-index: 1

}

#MainTitle {

margin: 0 0 5px; 0;
z-index: 1

}

/**content columns**/

#ContentContainer {

float: left;
width: 778px;
margin: 0 0 10px 10px;
padding: 0px;
border-top: 20px solid #EEEEEE;
display: inline;
z-index: 1

}

#ContentContainerJournals {

float: left;
width: 778px;
margin: 20px 0 0 0;
padding: 0px;
display: inline;
z-index: 1

}

#LeftColumnContainer {

float: left;
width: 300px;
margin: 0px;
padding: 0px;
border-right: 10px solid #EEEEEE;
display: inline;
z-index: 1

}

#RightColumnContainer {

float: left;
width: 430px;
margin: 0 0 0 20px;
padding: 0px;
display: inline;
z-index: 1

}

#RightColumnSpacer {

float: left;
width: 430px;
margin: 20px 0 0 0;
padding: 0px;
display: inline;
z-index: 1

}

/**calendar**/

#CalendarMenus {

float: left;
width: 250px;
margin: 20px 0 0 0;
padding: 0px;
display: inline;
z-index: 1

}

#DateHeadingTable {

margin: 5px 0 0 0;

}

#CalendarContainer {

float: left;
width: 246px;
margin: 0px;
padding: 0px;
display: inline;
z-index: 1

}

.DayHeading {

float: left;
width: 31px;
margin: 1px;
padding: 3px 0 3px 0;
border: 1px solid #FFFFFF;
display: inline;
text-align: center;
z-index: 1

}

.DayHeadingTitle {

font-family: helvetica, verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333

}

.DayBox {

float: left;
width: 31px;
height: 31px;
margin: 1px;
padding: 0px;
background-color: #FFFFFF;
border: 1px solid #CDCDCD;
display: inline;
z-index: 1

}

.ActiveDayBox {

float: left;
width: 31px;
height: 31px;
margin: 1px;
padding: 0px;
background-color: #DDDDDD;
border: 1px solid #999999;
display: inline;
z-index: 1

}

.CalendarDate {

font-family: helvetica, verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: #336699;
text-decoration: none

}

a:visited.CalendarDate {

color: #336699;
text-decoration: none

}

a:hover.CalendarDate {

color: #336699;
text-decoration: underline

}

.CalendarDateActive {

font-family: helvetica, verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000

}

.TodaysCalendarDate {

font-family: helvetica, verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FF0000;
text-decoration: none

}

a:visited.TodaysCalendarDate {

color: #FF0000;
text-decoration: none

}

a:hover.TodaysCalendarDate {

color: #FF0000;
text-decoration: underline

}

/**Twelve Step Progress**/

#TwelveStepTitle {

float: left;
width: 250px;
margin: 40px 0 10px 0;
padding: 0px;
display: inline;
font-family: futura, century gothic, helvetica, verdana, sans-serif;
font-size: 13px;
font-weight: bold;
color: #618426;
letter-spacing: 2px;
z-index: 1

}

#TwelveStepContainer {

float: left;
width: 210px;
margin: 0px;
padding: 0px;
display: inline;
z-index: 1

}

.TwelveStepBox {

float: left;
width: 31px;
height: 31px;
margin: 1px;
padding: 0px;
border: 1px solid #CDCDCD;
display: inline;
z-index: 1

}

.ActiveTwelveStepBox {

float: left;
width: 31px;
height: 31px;
margin: 1px;
padding: 0px;
border: 1px solid #CDCDCD;
display: inline;
z-index: 1

}

.TwelveStepNumber {

font-family: helvetica, verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: #336699

}

.ActiveTwelveStepNumber {

font-family: helvetica, verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000

}

#SobrietyDateCalendarContainer {

float: left;
width: 246px;
margin: 40px 0 0 0;
padding: 0px;
display: inline;
z-index: 1

}

#SobrietyDateCalendar {

float: left;
width: 244px;
margin: 10px 0 0 0;
padding: 0px;
border: 1px solid #CDCDCD;
display: inline;
z-index: 1

}

#SobrietyDateTable td {

font-family: georgia, verdana, sans-serif;
font-size: 32px;
color: #333333

}

#SobrietyDate {

float: left;
width: 250px;
margin: 10px 0 10px 0;
padding: 0px;
display: inline;
font-family: georgia, verdana, sans-serif;
font-size: 13px;
font-weight: bold;
color: #333333;
z-index: 1

}

.SobrietyDateNumber {

font-family: georgia, verdana, sans-serif;
font-size: 13px;
font-weight: bold;
color: #E00020

}

/**Daily Meditation and Affirmation**/

.SectionTitle {

font-family: futura, century gothic, helvetica, verdana, sans-serif;
font-size: 13px;
font-weight: bold;
letter-spacing: 2px;
color: #618426;
text-decoration: none

}

/**Daily Schedule table formatting**/

#ScheduleTable {

border-top: 1px solid #CDCDCD;
border-left: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;

}

#ScheduleTable th {

background-color: #EEEEEE;
font-family: georgia, verdana, sans-serif;
font-size: 12px;
color: #333333

}

#ScheduleTable td {

border-bottom: 1px solid #CDCDCD;

}

/**Contact Footer**/

#ContactFooter {

float: left;
width: 780px;
margin: 10px 0 20px 10px;
padding: 0px;
font-family: verdana, helvetica, sans-serif;
font-size: 10px;
color: #666666;
z-index: 1

}

.FooterEmail {

color: #666666;

}

a:visited.FooterEmail {

color: #666666;

}

a:hover.FooterEmail {

color: #666666;

}

/**Flyout Event Detail Window**/

#EventCenterContainer {

position: relative;
width: 600px;
margin: 0 auto;
padding: 0px;
z-index: 1

}

#EventContainerOuter {

float: left;
width: 598px;
margin: 20px 0 20px 0;
padding: 0px;
background-color: #FFFFFF;
border: 1px solid #000000;
display: inline;
z-index: 1

}

#EventContainerInner {

float: left;
width: 578px;
margin: 10px;
padding: 0px;
background-color: #FFFFFF;
display: inline;
z-index: 1

}

/**Login Form**/

#LoginContainer {

float: left;
width: 400px;
margin: 20px 0 20px 188px;
padding: 0px;
background-color: #FFFFFF;
border: 1px solid #CDCDCD;
text-align: center;
display: inline;
z-index: 1

}

/**general text formatting**/

p, td, th {

font-family: georgia, verdana, sans-serif;
font-size: 12px;
color: #000000

}

.plaintext {

font-family: georgia, verdana, sans-serif;
font-size: 12px;
color: #000000;
line-height: 13px

}

a {

color: #3399FF;
text-decoration: none;

}

a:visited {

color: #3399FF;
text-decoration: none;

}

a:hover {

color: #3399FF;
text-decoration: underline;

}