		body {
			color: #888;
			background-color: #f0f0f0 /* #EFE4A4 */;
			margin: 0;
			padding: 0;
			/* font-family: Helvetica, Arial, sans-serif; */
		  	font-family: Helvetica, Verdana, Geneva, Arial, sans-serif;
		  	font-size: smaller;
		}
		.calendar-body {}
		.enclosure-region {
			width: 811px;
			box-shadow: 0px 0px 5px 2px #888;
			border-radius:10px;
			-moz-border-radius:10px; /* Firefox 3.6 and earlier */
			margin: 0 auto;
			background-color: #fff;
		}
		.heading-region {
			display: block;
			text-align: center;
			color: #888;
			/* border-bottom-width: thin;
			border-bottom-style: solid; */
			padding: 5px 0px 0px 10px;
			height: 45px;
			width: 790px;
			overflow: hidden;
			/* background: #fff; */
		}
		.main-title {
			font-weight: bold;
			/* font-style: oblique; */
			font-size: 30pt;
		}
		.mt1  {color: #ff5050;}
		.mt2  {color: #ff0066;}
		.mt3  {color: #ff7c80;}
		.mt4  {color: #ff3399;}
		.mt5  {color: #ff3399;}
		.mt6  {color: #cc0099;}
		.mt7  {color: #cc66ff;}
		.mt8  {color: #9966ff;}
		.mt9  {color: #6666ff;}
		.mt10 {color: #0099cc;}
		.mt11 {color: #00cc99;}
		.mt12 {color: #89de2c;}
		.mt13 {color: #f6c143;}
		.mt14 {color: #ff5050;}
		.main-subtitle {
			color: #aaa;
			font-weight: normal;
			font-size: 15pt;
			text-shadow: 1px 1px 1px #444;
		}
		.mail-logo {
			display: block;
			margin-top: 2px;
			float: right;
		}
		.info-column {
			background-image: url(menu-bar.png);
			background-repeat: no-repeat;
			height: 43px;
			font: bold 0.8em /1.5 arial, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
			/* position: absolute;
			left: 0px;
			*/
			/* float: right; */
			text-align: right;
			/* width: 115px; */
			/* border-top: 1px solid #000; */
			padding: 0px 5px 0px 5px;
			/* margin: 0px -5px 0px -5px; */
			/* background-color: #9ba49b; */
			/* background: #f4f4f4; */
			color: #000; 
			padding-top: 5px;
		}
		.info-column-login {
			/* background-image: url(../../loginsbackground.gif); */
		}
		.info-column-login-ok {
			/* background-image: url(../../oksbackground.gif); */
		}
		.info-column-note {
			padding-top: 36px;
			/* background-image: url(../../oksbackground.gif); */
		}
		.info-column-error {
			/* padding-top: 36px; */
			/* background-image: url(../../errorsbackground.gif); */
		}
		.login-buttons {
			text-align: center;
		}
		.login-button {
			background-color: #9ba49b;
		}
		.edit-v-button {
			background-color: #467244;
		}
		.login-fields {
			text-align: right;
			margin: 5px 0px 5px 0px;
		}
		.login-field {
			width: 150px;
		}
				
		ul.admin-list {
			display: block;
			list-style: none;
			margin: 0px;
			padding: 5px 0px 5px 0px;
		}
		ul.admin-list li {
			display: inline;
			border-top: 0px solid #EFE4A4;
		}
		.admin-entry {
			background-color: transparent /* #881010 */;
		}
		.admin-entry-selected {
			background-color: #43616B;
		}
		ul.admin-list li a {
			display: inline;
			margin: 0px 0px 0px 0px;
			padding: 2px 1.25%;
			font: bold 1.2em /1.5 arial, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height */
			text-shadow: 1px 1px 0px #444;
			/* font-stretch: extra-expanded; */
			color: #fff;
			text-decoration: none;
			width: 84%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
		}
		ul.admin-list li a:hover {
			/* background-color: #5A8390; */
			text-decoration: none;
			background-color: #678;
		}
				
		ul.about-list {
			list-style: none;
			text-align: center;
			margin: 0px;
			padding: 0px 0px 5px 0px;
		}
		ul.about-list li {
			display: inline;
			border-top: 1px solid #A5B5C6;
		}
		.about-entry {
			background-color: #9ba49b;
			color: #000;
		}
		.about-entry-selected {
			background-color: #43616B;
			color: #eee;
		}
		ul.about-list li a {
			display: inline;
			margin: 0px 2px 0px 2px;
			padding: 2px 2%;
			font: bold 1.0em /1.5 arial, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height */
			/* font-stretch: extra-expanded; */
			text-decoration: none;
			width: 76%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
		}
		ul.about-list li a:hover {
			/* background-color: #5A8390; */
			text-decoration: none;
			background-color: #364F57;
			color: #eee;
		}
		
		.help-heading {
			display: block;
		  	font-size: 11pt;
			text-align: left;
			margin: 10px 0px 5px 0px;
		}
		.help-text p {
			display: block;
			text-align: left;
			margin: 6px 0px 2px 20px;
		}
		
		.logrpt-container {
			text-align: right;
		}
		.logrpt-table {
		/*	background: #333333; */
			border-collapse: collapse;
			padding: 3px 3px 0px 3px;
			display: inline;
		}
		.logrpt-table-row {
			border: 1px solid #886E2A /* #888 */;
		}
		.logrpt-table-firstcell {
			padding: 2px 0px 6px 0px;
		}
		.logrpt-table-lastcell {
			padding: 6px 0px 0px 0px;
		}
		.logrpt-table-hdg {
			vertical-align: bottom;
			padding: 0px 3px;
		}
		.logrpt-table-data {
		  	font-size: 7pt;
		  	white-space: nowrap;
			padding-left: 2px;
			padding-right: 2px;
		}
		.logrpt-table-data-wrapped {
		  	font-size: 7pt;
		  	white-space: normal;
			padding-left: 2px;
			padding-right: 2px;
		}
		
		.dict-title {
			text-align: center;
		}
		.dict-list {
			list-style-image: url(list_arrow.gif);
			margin-top: 0em;
			margin-bottom: .5em;
		}
		
		.main-column {
			/* margin-right: 215px; */
			width: 811px;
			padding-bottom: 10px;
			/* background-color: #faf5f8; */
			/* border-top: 1px solid #fff; */
			/* background: #fff url(../../bottomshadow.gif) repeat-x top left; */
			/* border-left: 1px solid #000; */
		}
		.boxed-area {
			display: block;
			font-family: Lucida Grande,Verdana,Arial,Helvetica;
			font-size: 14px;
			/* border: 2px solid #233622; */
			background: #f4f4f4;
			color: #666;
			margin: 10px 10px 5px 10px;
			padding: 5px 5px 5px 5px;
			border-radius:10px;
			-moz-border-radius:10px; /* Firefox 3.6 and earlier */
			/*** position: relative; for IE6 ***/
		}
		.intro-image-windows {
			display: block;
			border: 2px solid #233622;
			background: #cde7a8;
			color: #233622;
			float: right;
			margin: 8px 0px 5px 10px;
			padding: 5px 5px 5px 5px;
			/*** position: relative; for IE6 ***/
		}
		.caption-area {
			display: block;
			position: absolute;
			z-index: 1;
			top: 151px;
			right: 10px;
			/* float: right; */
			width: 125px;
			border: 2px solid #233622;
			background: #cde7a8;
			color: #233622;
			margin: 5px 10px 5px 10px;
			padding: 5px 5px 10px 5px;
		}
		.captions {
			display: block;
		  	font-size: smaller;
		  	line-height: 13pt;
		}
		.days-captions {
		  	font-size: smaller;
		}
		.note-notes {
			color: red;
			background: #ccc;
		}
		.error-notes {
			color: darkblue;
			background: #ccc;
		}
		.comment-error-notes {
			font-weight: bold;
			text-align: center;
			color: red;
		}
		.main-area {
			background-color: #467244;
			color: #eef7e2;
			margin: 8px 10px 5px 10px;
			padding: 3px 3px 15px 3px;
			position: relative; /*** for IE6 ***/
		}
		.user-list {
			list-style-image: url(list_arrow.gif);
		}
		a img {
			vertical-align: middle;
			border-width: 0px;
		}
				
		a {
			color: #f00;
			text-decoration: none;
		}
		a:hover {
			color: #FFFFFF;
			text-decoration: none;
		}
		.useredit-table-displaycell {
			margin: 4px 5px 4px 5px;
		}
		.footer-column {
			text-align: center;
			font-size: .8em;
			padding: 0px 3px 4px 3px;
		}
		.xfooter-column {
			float: left;
			width: 95%;
			text-align: center;
			font-size: .8em;
			color: #888;
			border: 1px dashed #888;
			background: #eef url(4BarCrossHatch.gif);
			padding: 4px 3px 4px 3px;
			margin: 5px 2.5%;
		}
		.footer-column-windows {
			float: left;
			width: 88%;
			text-align: center;
			font-size: .8em;
			color: #888;
			border: 1px dashed #888;
			background: #eef url(4BarCrossHatch.gif);
			padding: 4px 3px 4px 3px;
			margin: 5px 2.5%;
		}
		
		.useredit-table-comment-title {
			text-align: left;
			border-bottom: 1px solid #999999;
			color: #666666;
			font: bold 10pt sans-serif;
			padding-top: 20px;
		}
		.useredit-table-comment {
			text-align: left;
			border-bottom: 1px dotted #999999;
			color: #666666;
			font: normal 10pt/140% arial, sans-serif;
			padding-bottom: 10px;
			padding-top: 10px;
		}
		.useredit-comment-style {
			display: inline;
		}
		.useredit-table-posted {
			font: normal 8pt arial, sans-serif;
		}
		
		.boxed-area-itinerary {
			display: block;
			border: 2px solid #233622;
			background: #cde7a8;
			color: #233622;
			margin: 10px 10px 5px 10px;
			padding: 5px 5px 5px 5px;
			/*** position: relative; for IE6 ***/
		}
		.itinerary-table {
			border-collapse: collapse;
		}
		.itinerary-container {
			color: #233622;
			font: normal 10pt/140% arial, sans-serif;
		}
		.itinerary-subtitle {
			color: #888;
			margin-bottom: 5px;
			font-size: 150%;
			font-weight: bold;
		}
		.itinerary-dates {
			color: #888;
			margin-bottom: 5px;
			font-weight: bold;
		}
		.itinerary-table-date {
			padding-top: 0px;
			padding-bottom: 0px;
			font-weight: bold;
		}
		.itinerary-itinerary {
			color: #888;
			font-size: 110%;
			margin-bottom: 5px;
			margin-top: 15px;
			font-weight: bold;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-color: #233622;
		}
		.itinerary-comment-header-style {
			font-style: oblique;
		}
		.itinerary-table-entry-table {
			padding-top: 0px;
			padding-bottom: 0px;
			font-size: 90%;
			line-height: 110%;
			border-collapse: collapse;
			margin-bottom: 20px;
		}
		.itinerary-table-col1 {
			vertical-align: top;
			width: 110px;
		}
		.itinerary-table-col2 {
			padding-left: 4px;
		}
		
		.bar-envelope {
			display: block;
			margin: 5px 10px 0px 10px;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-color: black;
		}
		.caption-sample-envelope {
			float: right;
			/* position: absolute; */
			/* right: 10px; */
			margin: 5px 0px 0px 10px;
			border-width: 1px;
			border-style: solid;
			border-color: black;
		}
		.bar-black {
			float: left;
			background-color: #000;
			height: 100%;
		}
		.bar-grey {
			float: left;
			background-color: #666;
			height: 100%;
		}
		.bar-green {
			float: left;
			background-color: #0d0;
			height: 100%;
		}
		.bar-yellow {
			float: left;
			background-color: #ff0;
			height: 100%;
		}
		.bar-red {
			float: left;
			background-color: #f00;
			height: 100%;
		}
		.edit-buttons {
			margin: 5px 0px 5px 51px
		}
		
		/* Document list styles */
		.docList-heading {
			font-size: 13pt;
			font-weight: bold;
			margin: 10px 0px 0px 0px;
		}
		.doclist-description {
			display: block;
			text-align: justify;
			margin: 0px 0px 2px 20px;
		}
		.doclist-date {
			font-size: 9pt;
			display: block;
			text-align: justify;
			margin: 0px 0px 2px 20px;
		}
		
		/* Vacation Planner Styles */
		.vp-calendar-title {
			text-align: center;
			color: #888; /* #13007c */
			font-weight: bold;
			font-style: oblique;
			font-size: 35pt;
		}
		.vp-calendar-subtitle {
			text-align: center;
			color: #888; /* #13007c */
			font-weight: bold;
			font-style: oblique;
			font-size: 16pt;
			padding-bottom: 5pt;
		}
		.vp-calendar-subtitle:hover {
			color: #666666;
			text-decoration: none;
		}
		.vp-calendar-lt {
			text-align: left;
			vertical-align: bottom;
			width: 100px;
			color: #888; /* #13007c */
			font-weight: bold;
			font-style: oblique;
			font-size: 11pt;
		}
		.vp-calendar-lt:hover {
			color: #666666;
			text-decoration: none;
		}
		.vp-calendar-gt {
			text-align: right;
			vertical-align: bottom;
			width: 100px;
			color: #888; /* #13007c */
			font-weight: bold;
			font-style: oblique;
			font-size: 11pt;
		}
		.vp-calendar-gt:hover {
			color: #666666;
			text-decoration: none;
		}
		.vp-calendar-subtitle-table {
			text-align: center;
			border-collapse: collapse;
			width: 95%;
		}
		.vp-calendar-table {
			text-align: center;
			border-collapse: collapse;
			width: 95%;
			border: 1px solid red;
		}
		.vp-calendar-wkday-row {
			height: 30px;
			width: 14%;
		}
		.vp-calendar-wkday-col {
			border: 1px solid red;
			text-align: center;
			padding: 3px;
			color: #888; /* #13007c */
			font-weight: bold;
			font-size: 13pt;
		}
		.vp-calendar-day-col {
			height: 100px;
			width: 14%;
			border: 1px solid red;
			vertical-align: top;
			padding: 3px;
			color: #888; /* #13007c */
		}
		.vp-calendar-day-col-empty {
			height: 40px;
			width: 14%;
			border: 1px solid red;
			vertical-align: top;
			padding: 3px;
			color: #888; /* #13007c */
		}
		.vp-calendar-day {
			font-weight: bold;
			font-size: 13pt;
		}
		.vp-calendar-day-background {
			text-align: left;
		}
		.vp-calendar-day-return {
			color: #b00; /* #9380fc #13007c */
			font-weight: bold;
			font-size: 13pt;
		}
		.vp-calendar-day-backgrounded {
			display: inline;
			color: #00f;
			font-weight: bold;
			font-size: 13pt;
		}
		.vp-calendar-link {
			color: #888; /* #13007c */
			vertical-align: top;
			text-decoration: none;
		}
		.vp-calendar-link:hover {
			color: #666666;
			text-decoration: none;
		}
		.vp-calendar-link-return {
			color: #b00; /* #9380fc #13007c */
			vertical-align: top;
			text-decoration: none;
		}
		.vp-calendar-link-return:hover {
			color: #666666;
			text-decoration: none;
		}
		.vp-calendar-link-backgrounded {
			color: #00f; /* #13007c */
			vertical-align: top;
			text-decoration: none;
		}
		.vp-calendar-link-backgrounded:hover {
			color: #666666;
			text-decoration: none;
		}
		
		li.Bullet-List {
			margin-top: 7.0pt;
			margin-bottom: 7.0pt;
			margin-right: 28.0pt;
			margin-left: 9.0pt;
		}
