/* CSS Document */

body {
	color:#ffffff;
}
a {
	color:#FFFFFF; 
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.title, .navbar, .mainbody, .table, .menu, .cal {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 24px;
}

/******************************************************************************
  Navbar
******************************************************************************/
.navbar {
	background-color:#333482;
	color:#FFFFFF;
	font-size:80%;
	text-align:center;
	padding: 4px 6px 4px 6px;
}
.navbar img {
	vertical-align: bottom;
}
.navbar a {
	color:#FFFFFF;
	text-decoration:underline;
}
.navbar a:hover {
	text-decoration: underline;
}
.navbar a:active {
	text-decoration: none;
}

/******************************************************************************
  Table
******************************************************************************/
.table {
	background-color:#7F488D;
	color:#FFFFFF;
	font-size:90%;
	text-align:left;
	padding: 1px 1px 1px 1px;
	border: #7F488D;
	width: 220px;
}
.table-line {
	padding: 0px 0px 0px 0px;
	border: solid 1px #ffffff;
}
.table a {
	color:#FFFFFF;
	text-decoration:underline;
}
.table a:hover {
	text-decoration: underline;
}
.table a:active {
	text-decoration: none;
}

/******************************************************************************
  Order
******************************************************************************/
.order {
	background-color:#7F488D;
	color:#FFFFFF;
	font-size:80%;
	text-align:left;
	vertical-align:top;
	padding: 1px 1px 1px 1px;
	border: #7F488D;
}
.order-line {
	padding: 0px 0px 0px 0px;
	border: solid 1px #ffffff;
	height: 1px;
}
.order img {
	border: 0px;
}
.order a {
	color:#FFFFFF;
	text-decoration: none;
}
.order a:hover {
	text-decoration: underline;
}
.order a:active {
	text-decoration: none;
}

/******************************************************************************
  Title
******************************************************************************/
.title {
	background-color: #62306F;
	font-size: 18px;
	text-align: right;
	vertical-align: bottom;
	padding: 2px 6px 2px 2px;
}
.title img {
	border: 0px;
	vertical-align: bottom;
	text-align: left;
}
.title a {
	color:#FFFFFF;
	text-decoration: none;
}
.title a:hover {
	text-decoration: underline;
}

/******************************************************************************
  Mainbody
******************************************************************************/
.mainbody {
	background-color: #FFFFFF;
	font-size:100%;
	text-align: center;
}
.mainbody-text {
	padding: 3px 3px 3px 3px;
	text-align: left;
	font-size: 90%;
	vertical-align: top;
}
.mainbody-textrt {
	padding: 3px 3px 3px 3px;
	text-align: right;
	font-size: 100%;
}
.mainbody-text2 {
	padding: 3px 3px 3px 3px;
	text-align: left;
	font-size: 80%;
	vertical-align: top;
}
.mainbody-inset {
	margin-left:12px;
	width:220px;
	vertical-align:top;
}
.mainbody-inset-cell {
	vertical-align:top;
	text-align:center;
	font-size: 70%;
	color:#CCCCCC;
}
.mainbody-inset-text {
	text-align: left;
	font-size: 74%;
	vertical-align: top;
	border-bottom: 1px solid #ffffff;
}
.mainbody-list {
	padding: 0px 20px 3px 0px;
	text-align: left;
	font-size: 75%;
	vertical-align: top;
	width:120px;
	line-height:145%;
}
.mainbody-foot {
	padding: 3px 3px 3px 3px;
	text-align: left;
	font-size: 70%;
	vertical-align: top;
}
.mainbody-cell {
	padding: 3px 3px 3px 3px;
	background-color: #62306F;
}
.mainbody-title {
	padding: 3px 3px 3px 3px;
	font-size: 120%;
	text-align: center;
}
.mainbody-titlesm {
	padding: 3px 3px 3px 3px;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
}
.mainbody-note {
	padding: 3px 3px 3px 3px;
	font-size: 80%;
	text-align: center;
	vertical-align: top;
}
.mainbody-note2 {
	padding: 3px 3px 3px 3px;
	font-size: 80%;
	text-align: left;
	vertical-align: top;
}
.mainbody-line {
	padding: 0px 0px 0px 0px;
	height: 1px;
	border-top:solid 1px #ffffff;
}
.mainbody img {
	border: 0px;
}
.mainbody a {
	color:#FFFFFF;
	text-decoration: underline;
}
.mainbody a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}
.mainbody-list a {
	color:#FFFFFF;
	text-decoration: none;
}
.mainbody-list a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}

/******************************************************************************
  Menu
******************************************************************************/
.menu {
	color:#ffffff;
}
.menu-text {
	background-color:#333482;
	padding: 6px 4px 6px 4px;
	color:#ffffff;
	text-align: center;
	font-size: 50%;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
.menu-text2 {
	background-color:#62306F;
	padding: 4px 8px 4px 8px;
	color:#ffffff;
	text-align: center;
	font-size: 50%;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
.menu-cell {
	background-color:#333482;
	padding: 0px 0px 0px 0px;
	text-align: center;
	vertical-align: middle;
}
.menu a {
	color:#FFFFFF;
	text-decoration:underline;
}
.menu a:hover {
	text-decoration: underline;
}
.menu a:active {
	text-decoration: underline;
}
/******************************************************************************
  Calendar
******************************************************************************/
.cal {
	text-align:left;
	padding: 1px 1px 1px 1px;
	border-bottom: 1px solid #333482;
}
.cal-title {
	font-size:50%;
	text-align:center;
	font-weight:bold;
	background-color: #333482;
	padding: 1px 1px 2px 1px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
.cal-sub {
	font-size:40%;
	color: #CCCCFF;
	text-align:center;
	font-weight:bold;
	padding: 1px 1px 2px 1px;
}
.cal-day {
	font-size:40%;
	text-align:center;
	padding: 1px 1px 1px 1px;
	border-top: 1px solid #333482;
	border-left: 1px solid #333482;
}
.cal-grn {
	font-size:40%;
	text-align:center;
	color:#000000;
	background-color:#7FEDC0;
	padding: 1px 1px 1px 1px;
	border-top: 1px solid #333482;
	border-left: 1px solid #333482;
}
.cal-yll {
	font-size:40%;
	text-align:center;
	color:#000000;
	background-color:#FDF598;
	padding: 1px 1px 1px 1px;
	border-top: 1px solid #333482;
	border-left: 1px solid #333482;
}
.cal-ppl {
	font-size:40%;
	text-align:center;
	color:#000000;
	background-color:#D39FFE;
	padding: 1px 1px 1px 1px;
	border-top: 1px solid #333482;
	border-left: 1px solid #333482;
}
.cal-pnk {
	font-size:40%;
	text-align:center;
	color:#000000;
	background-color:#FE9FD9;
	padding: 1px 1px 1px 1px;
	border-top: 1px solid #333482;
	border-left: 1px solid #333482;
}
.cal-org {
	font-size:40%;
	text-align:center;
	color:#000000;
	background-color:#FEC59F;
	padding: 1px 1px 1px 1px;
	border-top: 1px solid #333482;
	border-left: 1px solid #333482;
}
.cal-blu {
	font-size:40%;
	text-align:center;
	color:#000000;
	background-color:#ABE3FD;
	padding: 1px 1px 1px 1px;
	border-top: 1px solid #333482;
	border-left: 1px solid #333482;
}
.cal-no {
	font-size:30%;
	text-align:right;
	padding: 1px 1px 1px 1px;
}
.cal-foot {
	font-size:50%;
	color: #333482;
	text-align:right;
	padding: 2px 6px 3px 6px;
}
.cal-line {
	padding: 0px 0px 0px 0px;
	background-color: #333482;
}
.cal a {
	color:#333482;
	text-decoration:underline;
}
.cal a:hover {
	text-decoration: underline;
}
.cal a:active {
	text-decoration: none;
}