body {
	margin: 4px 0px 0px 0px;
	padding: 0px;
	background: rgb(255,255,255);
	height: 100%;
	width: 100%;
}


table#calHeader {
   width: 98%;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   margin-right: auto;
   margin-left: auto;
   border: solid rgb(51,51,51);
   border-width: 1px 1px 0px 1px;
   background: rgb(255,255,255);
   padding: 0px 4px 4px 0px;
}
table#calHeader a {
   text-decoration: none;
}
table#calHeader td#breadCrumbs {
   text-align: left;
   background: rgb(194,211,194) url(images/hbg_greenW.gif) repeat-y left top;
   color: rgb(153,255,255);
   font-size: 10px;
}
table#calHeader td#breadCrumbs a {
  color: rgb(153,153,102);
  font-weight: bold;
  text-decoration: none;
}
table#calHeader td#breadCrumbs a:hover {
 color: rgb(153,153,255);
 text-decoration: none;
 background: rgb(255,255,204);
}
table#calHeader td#user {
   text-align: right;
   background: rgb(136,169,190) url(images/hbg_blue.gif) repeat-y left top;
   color: rgb(255,255,255);
   font-size: 11px;
}
table#calHeader td#user a {
  color: rgb(255,255,255);
  text-decoration: underline;
}
table#calHeader td#user a:hover {
 color: rgb(153,153,255);
 text-decoration: none;
 background: rgb(255,255,204);
}
table#calHeader div#logo {
	padding: 0px 5px 0px 0px;
	vertical-align: top;
	float: left;
}
table#calNav div#title {
	padding: 0px 0px 0px 30px;
	vertical-align: bottom;
}
table#calHeader td#calLinks {
	padding: 0px 0px 0px 65px;
}
table#calHeader td#calLinks a {
   font-size: 13px;
   font-weight: bold;
   color: rgb(51,51,51);
}
table#calHeader td#calLinks a:hover {
   font-size: 13px;
   text-decoration: none;
   font-weight: bold;
   color: rgb(153,0,255);
   background: rgb(255,255,204);
}
table#calHeader div.navLink {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: rgb(255,255,255) url(images/cal_spindle.jpg) no-repeat left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
	color: rgb(255,255,255);
	padding: 2px 0px 14px 0px;
}
table#calHeader div.navLink a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
	color: rgb(255,255,255);
	padding: 0px 0px 0px 22px;
}
table#calHeader div.navLink a:hover {
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
	color: rgb(255,255,255);
}
table#calHeader span.navLink2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
	color: rgb(255,255,255);
	padding: 0px 0px 10px 0px;
}
table#calHeader span.navLink3 a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    color: rgb(255,255,255);
	padding: 0px 0px 10px 0px;
}
table#calHeader span.navLink4 a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    color: rgb(98,143,172);
	padding: 0px 0px 10px 0px;
}
table#calHeader td#pictureBox {
	width: 240px;
	vertical-align: bottom;
	text-align: right;
	border: none;
}
table#calHeader td#categories {
   width: 230px;
   font-size: 13px;
   font-weight: regular;
   padding: 0 0 0px 25px;
}
table#calHeader td#selectDate {
   font-size: 13px;
   font-weight: regular;
   padding: 0 0 0px 25px;
}

table#calFooter {
   width: 98%;
   font-family: Times New Roman, Georgia, Times, serif;
   margin-right: auto;
   margin-left: auto;
}
table#calFooter td#footnote {
   color: rgb(51,51,51);
   font-size: 15px;
   font-style: italic;
}
table#calFooter td#footnote img {
    float: left;
}
table#calFooter td#printLink a {
   color: rgb(51,51,51);
   font-size: 15px;
   text-decoration: none;
   font-weight: regular;
}
table#calFooter td#printLink a:hover {
   color: rgb(153, 0,255);
   background: rgb(255,255,204);
   font-size: 15px;
   text-decoration: none;
   font-weight: regular;
}

table#calList {
   width: 98%;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   margin-right: auto;
   margin-left: auto;
   margin-top: 5px;
   border: none;
   background: rgb(255,255,255);
}
table#calList tr#titleList th {
   background: rgb(51,51,51);
   color: rgb(227,227,227);
   border: none;
   padding: 0 5px 0px 5px;
   font-size: 90%;
}
table#calList tr#titleList th#navLastmonth {
   width: 20%;
   text-align: left;
}
table#calList tr#titleList th#navLastmonth a {
   width: 20%;
   text-align: right;
   color: rgb(227,227,227);
   font-size: 15px;
   font-style: italic;
   font-weight: regular;
   text-decoration: none;
}
table#calList tr#titleList th#navLastmonth a:hover {
   color: rgb(51,51,51);
   background: rgb(255,255,204);
}
table#calList tr#titleList th#navNextmonth {
   width: 20%;
   text-align: right;
}
table#calList tr#titleList th#navNextmonth a {
   width: 20%;
   text-align: right;
   color: rgb(227,227,227);
   font-size: 15px;
   font-style: italic;
   font-weight: regular;
   text-decoration: none;
}
table#calList tr#titleList th#navNextmonth a:hover {
   color: rgb(51,51,51);
   background: rgb(255,255,204);
}
table#calList span.calNav_disabled {
   color: rgb(153,153,153);
   font-size: 15px;
   font-style: italic;
   font-weight: regular;
}

table#calList td#dateDisplay {
  width: 128px;
  text-align: right;
  font-size: 70%;
  font-weight: bold;
  color: rgb(0,0,0);
  background:  rgb(255,255,255);
  vertical-align: top;
  border: ;
  margin: 0 10px 0 5px;
  padding: 12px 0 0 5px;
}
table#calList div.eventList {
   margin: 0.25em;
   padding: 0 0 0 27px;
   border: solid rgb(51,51,51);
   border-width: 0 0 0px 0;
}
table#calList div.eventListNotApproved {
   margin: 0.25em;
   padding: 0 0 0 27px;
   border: solid rgb(51,51,51);
   border-width: 0 0 0px 0;
   background: rgb(255,204,153);
}
table#calList div.eventListNotDisplayed {
   margin: 0.25em;
   padding: 0 0 0 27px;
   border: solid rgb(51,51,51);
   border-width: 0 0 0px 0;
   background: rgb(204,255,255) ;
}
table#calendar div.eventNotChecked {
   margin: 0.25em;
   padding: 0 0 10px 0;
   background-color: rgb(204,204,255);
}
table#calList span.eventtitle a {
   font-family: Times New Roman, Georgia, Times, serif;
   color: rgb(102,102,51);
   font-weight: bold;
   font-size: 105%;
   text-decoration: none;
}
table#calList span.eventtitle a:hover {
   text-decoration: underline;
   background: rgb(255,255,204);
}
table#calList span.cat {
   font-family: Times New Roman, Georgia, Times, serif;
   color: rgb(102,102,51);
   font-weight: regular;
   font-size: 90%;
   font-style: italic;
}
table#calList span.time {
   color: rgb(92,92,92);
   font-weight: bold;
   font-size: 70%;
}
table#calList span.repeatString {
   color: rgb(51,51,51);
   font-weight: bold;
   font-size: 70%;
}
table#calList span.loc {
   color: rgb(51,51,51);
   font-size: 70%;
   font-weight: bold;
   font-style: italic;
}
table#calList span.repeating {
   color: rgb(0,0,0);
   font-size: 60%;
   font-style: italic;
   font-weight: regular;
  }
table#calList div.details {
   color: rgb(153,153,153);
   font-size: 70%;
   font-weight: bold;
}   

table#calendar {
   width: 98%; 
   font-family: Times New Roman, Georgia, Times, serif;
   margin-right: auto;
   margin-left: auto;
   background: rgb(255,255,255);
}
tr#days th {
   width: 14%;
}
tr#days th.sat, tr#days th.sun {
   width: 14%;
}
table#calendar tr#days th {
   color: rgb(221,231,223);
   background-color: rgb(102,102,102);
   font-weight: bold;
   text-align: center;
   padding: 1px 0.33em;
   border: solid rgb(51,51,51);
   border-width: 0 0 1px 1px;
}
table#calendar tr#days th.sat {
 border-right: 1px solid rgb(51,51,51);
}
table#calendar tr#title th {
   background: rgb(221,231,223);
   color: black;
   border: solid rgb(51,51,51);
   border-width: 1px 0 1px 0;
   font-size: 120%;
}
table#calendar tr#printTitle th {
   background: rgb(153,153,204);
   color: black;
   border: solid rgb(51,51,51);
   border-width: 1px 1px 1px 1px;
   font-size: 120%;
}
table#calendar tr#title th#navLastmonth, table#calendar tr#title th#navNextmonth {
   border: 1px solid rgb(51,51,51);
}
table#calendar td {
   vertical-align: top;
   padding: 0;
   border: solid rgb(51,51,51);
   border-width: 0 0 1px 1px;
}
table#calendar td.sat {
   border-right: 1px solid rgb(51,51,51);
}
table#calendar a {
	font-weight: regular;
    display: block;
    margin: 0;
	text-decoration: none;
}
table#calendar a:link {
   color: rgb(102,102,102);
}
table#calendar a:visited {
   color: rgb(102,102,102);
}
table#calendar a:hover {
   background: rgb(255,255,204);
   color: red;
}
table#calendar td.sat, table#calendar td.sun {
   background: rgb(243,249,249);
}
table#calendar td.weekend {
   background: rgb(255,221,221);
}
table#calendar td.lastmonth, table#calendar td.nextmonth {
   background: rgb(243,243,237);
   color: rgb(136,136,153);
}   
table#calendar td.holiday {
   background: rgb(255,255,255);
}
table#calendar td.today {
   background-color: rgb(255,255,206);
}
table#calendar td.todayIsSat {
   background-color: rgb(255,255,204);
   border-right: 1px solid rgb(51,51,51);
}
table#calendar span.calNav {
   color: rgb(51,51,51);
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-style: italic;
   font-weight: regular;
}
table#calendar span.calNav_disabled {
   color: rgb(204,204,204);
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-style: italic;
   font-weight: regular;
}
table#calendar td.today div.date {
   font-weight: bold;
   background: rgb(255,255,221);
}
table#calendar td.todayIsSat div.date {
   font-weight: bold;
   background: rgb(255,255,221);
}
table#calendar div.event {
   margin: 0.25em;
   padding: 0 0 10px 0;
}
table#calendar div.eventNotApproved {
   margin: 0.25em;
   padding: 0 0 10px 0;
   background-color: rgb(255,153,102);
}
table#calendar div.eventNotDisplayed {
   margin: 0.25em;
   padding: 0 0 10px 0;
   background-color: rgb(204,255,255);
}
table#calendar div.eventNotChecked {
   margin: 0.25em;
   padding: 0 0 10px 0;
   background-color: rgb(204,204,255);
}
table#calendar div.holiday {
   color: rgb(204,51,51);
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 55%;
   font-style: italic;
   font-weight: regular;
   padding: 0.25em 0 0 0.5em;
}
table#calendar span.time {
   color: rgb(0,0,0);
   font-weight: bold;
   font-size: 90%;
}
table#calendar span.eventtitle {
   color: rgb(102,102,51);
   font-weight: bold;
   font-size: 90%;
}
table#calendar span.loc {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: rgb(51,51,51);
   font-size: 65%;
   font-weight: bold;
   font-style: italic;
}
table#calendar span.repeating {
   color: rgb(0,0,0);
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 60%;
   font-style: italic;
   font-weight: regular;
}
div.date {
   float: right;
   font-size: 90%;
   text-align: center;
   border: solid rgb(51,51,51);
   border-width: 0 0 1px 1px;
   padding: 0.125em 0.25em 0 0.25em;
   margin: 0; 
   background: rgb(255,255,255);
}
td.sat div.date, td.sun div.date {
   color: rgb(51,51,51);
   background: transparent;
}
td.today div.sat div.date, td.today div.sun div.date {
  font-weight: bold;
  background: rgb(255,255,204);
}   
td.lastmonth div.date, td.nextmonth div.date {
   border-width: 0;
   color: rgb(51,51,51);
   font-size: 80%;
   background: transparent;
}


table#calAddEvent {
   width: 98%; 
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 70%;
   margin-right: auto;
   margin-left: auto;
   margin-top: 5px;
   border: none;
   background: rgb(255,255,255);
}
table#calAddEvent a{
   text-decoration: underline;
   color: rgb(0,0,0)
}
table#calAddEvent a:hover {
   background: rgb(255,255,204);
}
table#calAddEvent td#optionBox {
   padding: 5px 0px 0px 0px;
   vertical-align: top;
}
table#calAddEvent td#repeatBox {
   padding: 15px 5px 0px 25px;
   
}
div.spacer {
	float: left;
}




input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: none;
	color: rgb(51,51,51);
	text-decoration: none;
}
.button {
	height: 20px;
	width: 100px;
	text-align: center;
	font-size: 90%;
	border: solid rgb(127,157,185);
	border-width: 1px 2px 2px 1px;
}
.underline {
   text-decoration: underline;
}
.bold {
   font-weight: bold;
}
.italic {
   font-style: italic;
}
.subTitle {
	color: rgb(128,157,189);
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
.txtgray {
 color:	rgb(204,204,204);
}