body {
	background-color:#666666;
	font:				normal 10pt Verdana;
	color:			#000000;
	text-decoration:	none;
}
select {
	font:				normal 8pt Arial;
	border:				1px solid;
}

a:link {
	color:			red;
	text-decoration:	none;
}
a:visited {
	color:			red;
	text-decoration:	none;
}
a:hover {
	color:			#999999;
	text-decoration:	underline;
}
a:active {
	color:			#0000FF;
}
.bodyFont {
	font:				normal 10pt Verdana;
	color:			#000000;
	text-decoration:	none;
}
.bodyFontSmall {
	font:				normal 8pt Verdana;
	color:			#000000;
	text-decoration:	none;
}
.newsFont {
	font:				normal 8pt Verdana;
	color:			#000000;
	text-decoration:	none;
}
.newsFontBold {
	font:				normal 7pt Verdana;
	color:			#000000;
	text-decoration: none;
	font-weight: 	bold;
}
.footerFont {
	font:				bold 10pt Verdana;
	color:			#FFFFFF;
	text-decoration:	none;
}
.aboutFont {
	font:				bold 16pt Verdana;
	color:			#FFFFFF;
	text-decoration:	none;
}.crumbTextSep {
	font:				normal 10pt Verdana;
	color:			#FFFFFF;
	text-decoration:	none;
}
.crumbText {
	font:				normal 10pt Verdana;
	color:			#FFFFFF;
	text-decoration:	none;
}
.crumbText:link {
	color:			#FFFFFF;
}
.crumbText:visited {
	color:			#FFFFFF;
}
.crumbText:hover {
	color:			#999999
}
.monthSelect {
	font:				normal 12pt Verdana;
	color:			#000000;
	height:			22px;
	width:			125px
}
.yearSelect {
	font:				normal 12pt Verdana;
	color:			#000000;
	height:			22px;
	width:			75px
}
.dayViewTitle {
	font:				normal 10pt Arial;
	color:				<?php echo $cfg[dayHeaderTextColor]; ?>;
	text-decoration:	none;
}

.dayViewTitle:hover {
	font:				normal 10pt Arial;
	color:				<?php echo $cfg[hover]; ?>;
}

.MainTable {
	border:				1px inset;
	background-color:	#FFFFFF;
}

.headerCell {
	border:				1px outset;
	background:			url(<?php echo $cfg[headerBackgroundImg]; ?>) no-repeat;
}

.monthTextCell {
	font:				bold 20pt Arial;
	color:				<?php echo $cfg[monthTextCell]; ?>;
	padding-left:		5px;
}

.CalendarTitleCell {
	font:				bold 12pt Verdana;
	color:				#000000;
	padding-left:		5px;
}

.lineCell {
	background-color:	black;
	height:				1px;
}

.dayCell {
	border:				1px outset;
}

.CurrentDayCell {
	border:				2px solid Yellow;
}

.dayCellNumber {
	font:				bold 10pt Arial;
	color:				<?php echo $cfg[dayHeaderTextColor]; ?>;
	border:				1px inset;
	width:				25px;
	height:				20px;
	text-align:			center;
	background-color:	<?php echo $cfg[darkColor]; ?>;
	cursor:				hand;
}

.dayCellNumberOffDay {
	font:				bold 10pt Arial;
	color:				white;
	border:				0px inset;
	width:				25px;
	height:				20px;
	text-align:			center;
	background-color:	<?php echo $cfg[medium]; ?>;
	cursor:				hand;
}

.dayCellNumber:hover {
	font:				bold 12pt Arial;
	color:				white;
	border:				1px inset;
	width:				25px;
	height:				20px;
	text-align:			center;
	background-color:	<?php echo $cfg[lightColor]; ?>;
	cursor:				hand;
}
.button { 
   font: 12px Verdana; 
   text-decoration: none; 
   background-color: #990000; 
   color: #FFFFFF; 
   padding: 3px 3px 3px 3px; 
   border-top: 2px solid #AAAAAA; 
   border-right: 2px solid #333333; 
   border-bottom: 2px solid #333333; 
   border-left: 2px solid #AAAAAA; 
	cursor: hand;
} 
.button:hover {
	color:			#FFFFFF;
   text-decoration: none; 
	cursor: hand;
}
.button:link {
	color:			#FFFFFF;
	cursor: hand;
}
.button:visited {
	color:			#FFFFFF;
	cursor: hand;
}

.NavButton {
	font:				normal 10pt Verdana;
	background-color:	#990000;
	border:				1px solid outset;
	color:				#FFFFFF;
	padding-left:		2px;
	padding-right:		2px;
	padding-top:		2px;
	padding-bottom:	2px;
	margin:				2px;
}

.dayHeaderCell {
	font:				bold 10pt Arial;
	color:				#000000;
	background-color:	#FFFF99;
	text-align:			center;
	border:				1px inset;
	padding:			0px;
}

.bottomMenuItems {
	font:				normal 10pt Arial;
}

.bottomMenuItems:hover {
	font:				normal 10pt Arial;
	padding-left:		10px;
	padding-right:		10px;
}

.eventLabelCell {
	font:				bold 10pt Arial;
	color:				<?php echo $cfg[eventTextColor]; ?>;
	background-color:	<?php echo $cfg[lightColor]; ?>;
	border:				1px outset;
	padding-left:		5px;
	padding-right:		15px;
}

.eventValueCell {
	font:				normal 10pt Arial;
	color:				<?php echo $cfg[darkColor]; ?>;
	background-color:	<?php echo $cfg[medLight]; ?>;
	border:				1px outset;
	padding-left:		5px;
	padding-right:		5px;
	vertical-align:		top;
}

.valueInputField {
	background-color:	White;
	border:				1px solid;
	width:				100%;
	vertical-align:	top;
}

.eventButtonsCell {
	background-color:	<?php echo $cfg[lightColor]; ?>;
	border:				1px outset;
	text-align:			left;
}

.calEventItem {
	font:				normal 8pt Arial;
	width:				100%;
	border:				0px solid;
	padding:			0px;
}

.calEventItemAnchor {
	font:				normal 8pt Arial;
	width:				100%;
	border:				0px solid;
}

.calEventItemAnchor:hover {
	font:				normal 8pt Arial;
	width:				100%;
	border:				0px solid;

}

.dayCellAddBtn {
	font:				normal 8pt Arial;
	border:				1px outset;
	padding-left:		3px;
	padding-right:		3px;
	cursor:				hand;
}

.standardButton {
	background-color:	<? echo $cfg[buttonBackColor]; ?>;
	color:				<? echo $cfg[buttonForeColor]; ?>;
	font:				normal 8pt Arial;
	width:				75px;
}

.bottomMenu {
	background-color:	<?php echo $cfg[darkColor]; ?>;
	border:				1px outset;
}

.errorMessageCell {
	font:				bold 10pt Arial;
	color:				red;
	background-color:	<?php echo $cfg[medLight]; ?>;
	border-left:		1px solid <?php echo $cfg[medium]; ?>;
	border:				1px solid ;
	padding:			10px;
}

.loginLabel {
	font:				bold 10pt Verdana;
	color:				#000000;
	border:				0px;
	background-color:	#FFFFFF;
	padding-left:		5px;
	padding-right:		5px;
}

.loginValue {
	font:					10pt Verdana;
	border:				1px outset;
	background-color:	#FFFFCC;
	padding:				1px;
}

.loginFormTitle {
	font:				bold 10pt Verdana;
	color:				white;
	border:				1px outset;
	background:			#990000;
	padding-left:		10px;
	padding-right:		10px;
}

.usersHeadingCell {
	font:				bold 10pt Arial;
	color:				white;
	border:				1px outset;
	background-color:	<?php echo $cfg[darkColor]; ?>;
	padding-left:		5px;
	padding-right:		0px;
}

.usersTitleCell {
	font:				bold 14pt Arial;
	color:				white;
	background:			url(<?php echo $cfg[headerBackgroundImg]; ?>) no-repeat;
	border:				1px outset;
	padding-left:		5px;
	padding-right:		5px;
	height:				30px;
}

.usersDataCell {
	font:				normal 10pt Arial;
	border:				1px outset;
	background-color:	<?php echo $cfg[medLight]; ?>;
	padding-left:		0px;
	padding-right:		0px;
	vertical-align:		top;
}

.loggedInMsg {
	font:				normal 10pt Arial;
	color:				<?php echo $cfg[dayHeaderTextColor]; ?>;
	padding-right:		0px;
	padding-left:		0px;
}
.DayCellButtons {
	font:				normal 8pt Arial;
	color:				white;
}

.offDayCell {
	border:				1px inset;
	background:			#FFFFFF;
}

.nonDayCell {
	border:				1px inset;
	background-color: #CCCCCC;
}

.weekTable {
	background:			url(<?php echo $cfg[calBackgroundImg]; ?>);
}

.weekDayItem {
	font:				normal 10pt Arial;
	border:				1px outset;
	padding-left:		0px;
	padding-right:		0px;
}

.weekDayCell {
	padding:			5px;
	border:				1px;
	vertical-align:		top;
}

.weekDayTitle {
	font:				bold 10pt Arial;
	color:				white;
	border:				1px outset;
	background-color:	<?php echo $cfg[darkColor]; ?>;
	padding-left:		5px;
	padding-right:		5px;
	cursor:				hand;
}

.weekDayButtonsCell {
	font:				bold 12pt Arial;
	color:				white;
	background-color:	<?php echo $cfg[darkColor]; ?>;
	padding:			0px;
	border:				0px solid;
}

.weekDayPageTitle {
	font:				bold 12pt Arial;
	color:				white;
	background-color:	<?php echo $cfg[darkColor]; ?>;
	padding:			0px;
	border:				0px solid;
	text-align:			center;
}

.eventDetailsTitle {
	font:				bold 12pt Arial;
	color:				<?php echo $cfg[dayHeaderTextColor]; ?>;
	background:			url(<?php echo $cfg[headerBackgroundImg]; ?>) <?php echo $cfg[medium]; ?> no-repeat;
	padding:			5px;
}

.dayNumButton {
	font:				bold 8pt Arial;
	width:				25px;
	height:				20px;
}
.EventNotesCell {
	font:				normal 10pt Courier New;
	padding:			10px;
	background-color:	white;
}

.CalTitle {
	font:				bold 12pt Arial;
	color:				White;
	background-color:	<?php echo $cfg[darkColor]; ?>;
	border:				0px outset;
	padding-left:		10px;
	padding-right:		10px;
}
.LoginError {
	font:				normal 10pt Arial;
	color:				<?php echo $cfg[dayHeaderTextColor]; ?>;
	background:			<?php echo $cfg[medium]; ?> no-repeat;
	padding:			5px;
}

.themeAnchor {
	font:				normal 10pt Arial;
	color:				#FFFFFF;
	padding-left:		5px;
	padding-right:		5px;
}
#sddm{
	float:left;
	margin: 0;
	padding: 0;
	z-index: 30
}

#sddm li{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px verdana
}

#sddm li a{	
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: auto;
	background: #990000;
	color: #FFF;
	text-align: center;
	text-decoration: none
}
#sddm li a:hover{	
	background: #660000;
}
#s1{
	background:#FFFFFF;
	float:left;
	margin: 0;
	padding: 0;
} 
#s1 li{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px verdana
}

#s1 li a {
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: auto;
	background:#990000;
	color:#FFFFFF;
	text-align: center;
	text-decoration:none;
}
#s1 li a:visited {
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: auto;
	background:#990000;
	color:#FFFFFF;
	text-align: center;
	text-decoration:none;
}
#s1 li a:hover{
	background: #660000;
}

/* ----------- Hide Sub menu ----------- */
#s1, #s2{display:none;}