BODY{background: #E7E9F3;padding: 10px 10px 10px 10px; color: #534632;} 
.button1{ BACKGROUND-COLOR: #F8BB24; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; COLOR: Black; FONT: bold 10px verdana;}
.button2{ BACKGROUND-COLOR: #F8BB24; BORDER-BOTTOM: #0B0B0B 1px solid; BORDER-LEFT: #0B0B0B 1px solid; BORDER-RIGHT: #0B0B0B 1px solid; BORDER-TOP: #0B0B0B 1px solid; COLOR: #8A4701; FONT: bold 10px verdana;}
input{
	BACKGROUND-COLOR: #F8BB24;
	BORDER-BOTTOM: Silver 1px solid;
	BORDER-LEFT: Silver 1px solid;
	BORDER-RIGHT: Silver 1px solid;
	BORDER-TOP: Silver 1px solid;
	COLOR: Black;
	FONT: 11px Verdana,Arial,Helvetica,sans-serif;
}

.input{
	BACKGROUND-COLOR: #F8BB24;
	BORDER-BOTTOM: Silver 1px solid;
	BORDER-LEFT: Silver 1px solid;
	BORDER-RIGHT: Silver 1px solid;
	BORDER-TOP: Silver 1px solid;
	COLOR: Black;
	FONT: 11px Verdana,Arial,Helvetica,sans-serif;
}

textarea{
	BACKGROUND-COLOR: #761415;
	BORDER-BOTTOM: Silver 1px solid;
	BORDER-LEFT: Silver 1px solid;
	BORDER-RIGHT: Silver 1px solid;
	BORDER-TOP: Silver 1px solid;
	COLOR: Black;
	FONT: 11px Verdana,Arial,Helvetica,sans-serif;
}

.submit{ BACKGROUND-COLOR: #E7D0A4; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; COLOR: #8A4701; FONT: bold 10px Verdana,Arial,Helvetica,sans-serif;}

/*1  Change Top Day/Month/Year Active Tab background color*/
.tdactive{ font: bold 12px/14px arial; color:#534632; background-color: #182487; height: 22px;}
.td2active{ font: 11px/12px arial; color: #534632; background-color: #182487; height:50px;}

/* #2  Change Top Day/Month/Year InActive link background color*/
.tdbg{ font: bold 12px/14px arial; color:#534632; background-color: #CDD1E4; height: 22px;}


/* #3  Change Calendar header table background Color */
.thead{ background-color: #182487; font: 11px/14px arial; color:#FFFFFF; height: 22px;}
.thead2{ background-color: #182487; font: bold 14px/18px Verdana; color:#182487; height: 22px;}

/*#4  Change Month View background colomn Color */
.td2bg{ font: 11px/12px arial; color: #FFFFFF; background-color: #CDD1E4; height:75px;} 

/*#5  Choose a shade darker than #4 for mount view with number listed on it*/
.number{ font: bold 12px/14px arial; color: #FFFFFF; background-color: #182487; padding: 3px;}


/*#6 Same background color as #4 */
.td3bg{ font: 11px/12px arial; color: #FFFFFF; background-color: #E7E9F3; height:25px;} 

/* #7 Change main text Displaying Date & Day  */
.text{ padding: 3px; font: 11px/12px arial;}
.tfont{ font: 11px/14px arial; color: #000000;}
.bigfont{ font: bold 13px/15px arial; color:#000;}

		/* #8 YEAR VIEW: Change days background color(MON, TUES..) */
.days {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #CDD1E4;
	color: #182487;
	text-align: center;
}

	/* #9 YEAR VIEW: Change days background color(1,2, ...31) */
.calDate { font-family: Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 11px; color: #FFFBCD; background-color: #CDD1E4; }

	/* #9 YEAR VIEW: Change weekday background color(sat, sun) */
.calSelected {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 11px;
	color: #FFFBCD;
	background-color: #fff;
}
	/* #9 YEAR VIEW: Change today's date background color & font */
.calToday { font-family: Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 11px; color: #000; background-color: #DAB831; }
.calHoliDay A { font-family: Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 11px; color: #FFFBCD; text-decoration: none; }


a:link{ font: bold 12px/14px arial; color:white; text-decoration: none;}
a:visited{ font: bold 12px/14px arial; color:white; text-decoration: none;}
a:hover{ font: bold 12px/14px arial; color:#E7C57E; text-decoration: none;}

a.nav1:link{ font: bold 12px/14px arial; color:white; text-decoration: none;}
a.nav1:visited{ font: bold 12px/14px arial; color:white; text-decoration: none;}
a.nav1:hover{ font: bold 12px/14px arial; color:#f6ecca; text-decoration: none;}

a.nav2:link{ font: bold 12px/14px arial; color:white; text-decoration: none;}
a.nav2:visited{ font: bold 12px/14px arial; color:white; text-decoration: none;}
a.nav2:hover{ font: bold 12px/14px arial; color:#E7C57E; text-decoration: none;}

a.nav3:link{ font: bold 12px/14px arial; color:#831901; text-decoration: none;}
a.nav3:visited{ font: bold 12px/14px arial; color:#831901; text-decoration: none;}
a.nav3:hover{ font: bold 12px/14px arial; color:#E7C57E; text-decoration: none;}

a.tblink:link{ width: 100%; font: 11px/12px arial;	color: #933940; background-color: #fdf0e8; text-decoration: none;} 
a.tblink:visited{ width: 100%; font: 11px/12px arial;	color: #933940; background-color: #fdf0e8; text-decoration: none;} 
a.tblink:hover{ width: 100%; font: 11px/12px arial;	color: #933940; background-color: #fddac4; text-decoration: none;}

a.tblink1:link{ width: 100%; font: 11px/12px arial;	color: #7b6e12; text-decoration: none;} 
a.tblink1:visited{ width: 100%; font: 11px/12px arial;	color: #7b6e12; text-decoration: none;} 
a.tblink1:hover{ width: 100%; font: 11px/12px arial;	color: #7b6e12; text-decoration: none;}

.month {
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #182487;
	text-align: center;
	padding: 5px;
}

.calHoliDay {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 11px;
	color: #FFFBCD;
	background-color: #182487;
}
.calDate A { font-family: Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 11px; color: #FFFBCD; text-decoration: none; }

.td4bg{ font: 11px/12px arial; color: #7b6e12; background-color: #000; height:50px;} 
.blank12{}
.calToday A { font-family: Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 11px; color: #FFFBCD; text-decoration: none; }
.calSelected A { font-family: Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 11px; color: #000; text-decoration: none; }