body {background-color: #E9E5E0; background-image: url("../images/bg.jpg"); background-position: top; background-repeat: repeat-x; margin: 0px 0px 20px 0px;}
hr {height: 1px; border-top: 1px solid #96918B;}
 
/*td classes*/
td {text-align: left; font-family: verdana; font-size: 10px; background-color: transparent;}
td.narrow {padding: 0px 2px 0px 2px;}
td.whiteLeft {padding: 0px 16px 22px 19px; background-color: #ffffff; color: #000000;}
td.whiteCenter {padding: 0px 16px 22px 16px; background-color: #ffffff; border-left: 1px solid #D9D8D7; border-right: 1px solid #D9D8D7; color: #000000;}
td.whiteRight {padding: 0px 19px 22px 16px; background-color: #ffffff; color: #000000;}
td.leftTop {padding-left: 2px;}
td.rightTop {margin-right: 2px; background-image: url("../images/rightBG2.jpg"); background-position: left; background-repeat: repeat-y;}
td.left {background-image: url("../images/leftBG.jpg"); background-position: right; background-repeat: repeat-y;}
td.left2 {background-image: url("../images/leftBG2.jpg"); background-position: right; background-repeat: repeat-y; padding-left: 2px;}
td.right {background-image: url("../images/rightBG.jpg"); background-position: left; background-repeat: repeat-y; padding: 27px 0px 20px 21px;}
td.right2 {background-image: url("../images/rightBG2.jpg"); background-position: left; background-repeat: repeat-y; padding: 27px 0px 20px 32px; color: #ffffff;}
td.right .text {padding: 0px 80px 0px 14px; color: #ffffff;}
td.right2 .text {padding: 0px 80px 0px 14px; color: #ffffff;}
td.bottom {text-align: center; font-family: verdana; font-size: 10px;}

/*text modifiers*/
.header {font-size: 12px; font-weight: bold; color: #CEE2EE;}
.kicker {font-size: 10px; color: #CEE2EE;}

/*links*/
a {color: #ffffff; text-decoration: none;}
a:hover {text-decoration: underline;}
a.orange {color: #E04E00; text-decoration: none;}
a.orange:hover {text-decoration: underline;}
a.textLinks {color: #FD8C50; text-decoration: none;}
a.textLinks:hover {text-decoration: underline;}

/*bubbles*/
#bubble {width: 207px; margin-left: 20px; margin-bottom: 20px;}
#bubble2 {width: 207px; margin-left: 20px; margin-bottom: 20px; background-color: #2E2B27;}
#bubble3 {width: 207px; margin-left: 20px; margin-bottom: 20px; background-color: #2E2B27; background-image: url("../images/lifegroupBG.jpg");}
#bubble b {color: #CEE2EE; font-weight: bold;}
#bubble2 b {color: #CEE2EE; font-weight: bold;}
#bubble3 b {color: #CEE2EE; font-weight: bold;}
#bubble .text {padding: 11px 21px 10px 21px; color: #ffffff; background-color: #524C45;}
#bubble2 .text {padding: 11px 21px 10px 21px; color: #ffffff;}
#bubble3 .text {padding: 11px 21px 10px 21px; color: #ffffff;}
#bubble .text .poll {font-weight: bold;}

/*form*/
input.radio {width: 20px; border: 0px;}
input.submit {width: 49px; height: 19px; border: 0px;}
input {width: 250px; font-size: 10px; color: #333333; border: 1px solid #000000;}
select {width: 250px; font-size: 10px; color: #333333; border: 1px solid #000000;}
select.short {width: 150px; font-size: 10px; color: #333333; border: 1px solid #000000;}
select.shorter {width: 75px; font-size: 10px; color: #333333; border: 1px solid #000000;}
input.login {width: 150px; font-size: 10px; color: #333333; border: 1px solid #000000; margin-top: 5px;}
select.login {width: 150px; font-size: 10px; color: #333333; border: 1px solid #000000; margin-top: 5px;}
select.login2 {width: 150px; font-size: 10px; color: #333333; border: 1px solid #000000;}
.button {width: 48px; height: 19px; border: 0px;}
.button2 {width: 75px; height: 19px; border: 0px;}
option.header {font-weight: bold; color: #000000;}
textarea {width: 250px; height: 150px; font-size: 10px; color: #333333; border: 1px solid #000000;}

/*footer*/
#footer {background-image: url("../images/footer.jpg"); background-position: center; background-repeat: repeat-y; color: #7A7269; padding: 9px 0px 10px 244px; text-align: center;} 
#footer > a {color: #7A7269; text-decoration: none;}
#footer > a:hover {color: #ffffff; text-decoration: underline;}

/*bottom links*/
.bottomLinks {margin: 2px 0px 2px 14px; font-size: 10px; background-color: #999186; color: #ffffff; width: 398px; height: 17px; padding: 2px 0px 0px 15px;}

/*calendar classes*/
table.calendar {border: 0px; border-collapse: collapse; color: #98999B; background-color: transparent; } 
td.today {text-align: center; width: 20px; height: 18px; margin: 0px; padding: 0px; border: 1px solid #98999B; color: #ffffff; background: #070B0E; font-weight: bold;} 
td.days {text-align: center; width: 20px; height: 18px; margin: 0px; padding: 0px; border: 1px solid #98999B; color: #98999B; background: #ffffff; } 
td.nonmonthdays {text-align: center; width: 20px; height: 18px; margin: 0px; padding: 0px; border: 1px solid #98999B; color: #cccccc; background: #ffffff;} 

a.monthlink {display: block; font-family: verdana; font-size: 10px; width: 20px; height: 18px; margin: 0px; padding: 3.5px 0px 0px 0px; color: #ffffff; background: #6C6D6F; text-decoration: none;} 
a.monthlink:hover {display: block; font-family: verdana; font-size: 10px; width: 20px; height: 18px; margin: 0px; padding: 3.5px 0px 0px 0px; color: #ffffff; background: #E89132; text-decoration: none;} 
a.todaylink {display: block; font-family: verdana; font-size: 10px; width: 20px; height: 18px; margin: 0px; padding: 3.5px 0px 0px 0px; color: #ffffff; background: #070B0E; text-decoration: none;} 
a.todaylink:hover {display: block; font-family: verdana; font-size: 10px; width: 20px; height: 18px; margin: 0px; padding: 3.5px 0px 0px 0px; color: #ffffff; background: #070B0E; text-decoration: none;} 
a.nonmonthlink {display: block; font-family: verdana; font-size: 10px; width: 20px; height: 18px; margin: 0px; padding: 3.5px 0px 0px 0px; color: #ffffff; background: #6C6D6F; text-decoration: none;} 
a.nonmonthlink:hover {display: block; font-family: verdana; font-size: 10px; width: 20px; height: 18px; margin: 0px; padding: 3.5px 0px 0px 0px; color: #ffffff; background: #E89132; text-decoration: none;} 

a.calLink {font-family: verdana; font-size: 11px; color: #0D4582; text-decoration: none;}
a.calLink:hover {font-family: verdana; font-size: 11px; color: #0D4582; text-decoration: underline;}
a.orange {font-family: verdana; font-size: 11px; color: #BE3106; text-decoration: none;}
a.orange:hover {font-family: verdana; font-size: 11px; color: #BE3106; text-decoration: underline;}
a.elevation {font-family: verdana; font-size: 10px; color: #696258; text-decoration: none;}
a.elevation:hover {font-family: verdana; font-size: 10px; color: #4c4741; text-decoration: underline;}

.info {width: 275px; margin: 0px; background-color: transparent; color: #666666;}
.info2 {width: 260px; margin: 0px 20px 20px 10px; background-color: transparent; color: #666666;}

.top {text-align: center; width: 20px; height: 11px; color: #ffffff; background-color: #98999B; border: 1 px solid #98999B; padding: 5px 0px 5px 0px;}
.top2 {text-align: center; width: 100px; height: 11px; color: #98999B; background-color: #ffffff; border: 1 px solid #98999B; padding: 0px 2px 5px 0px;}
.top3 {text-align: center; width: 20px; height: 11px; color: #98999B; background-color: #ffffff; border: 1 px solid #98999B; padding: 5px 0px 5px 0px;}
.month {text-align: center; width: 100px; height: 9px; background-color: transparent; padding: 0px 0px 5px 0px; color: #666666; font-size: 9px; text-transform: uppercase;}
.prev {text-align: center; width: 20px; height: 9px; background-color: transparent; padding: 0px 0px 5px 0px; color: #666666; font-size: 9px; text-transform: uppercase;}
.next {text-align: center; width: 20px; height: 9px; background-color: transparent; padding: 0px 0px 5px 0px; color: #666666; font-size: 9px; text-transform: uppercase;}

/*errors*/
.errorDiv {background-color: #E04F00; color: #ffffff; padding: 5px; font-weight: bold;}