/* CSS Document */

body {
	color:#ffffff;
	background-image:url(nav/water_tile.gif);
}
a {
	color:#000000; 
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.title, .navbar, .mainbody, .table, .menu, .cal, .block {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 24px;
}

/******************************************************************************
  Navbar
******************************************************************************/
.navbar {
	font-size:80%;
	text-align:center;
}
.navbar-right {
	font-size:80%;
	text-align:right;
}
.navbar-center {
	font-size:80%;
	text-align:center;
}
.navbar-left {
	font-size:80%;
	text-align:left;
}
.navbar img {
	vertical-align: bottom;
}
.navbar a {
	color:#000000;
	text-decoration:underline;
}
.navbar a:hover {
	text-decoration: underline;
}
.navbar a:active {
	text-decoration: none;
}

/******************************************************************************
  Table
******************************************************************************/
.table {
	color:#000000;
	text-align:left;
	padding: 8px 12px 8px 12px;
	vertical-align: top;
	background-color: #ffffff;
}
.table-title {
	font-size:80%;
	color: #475584;
	text-align:center;
	font-weight:bold;
	padding: 4px 4px 4px 4px;
}
.table-sub {
	font-size:60%;
	color: #475584;
	text-align:left;
	font-weight:bold;
	padding: 2px 4px 2px 4px;
}
.table-bar {
	font-size:60%;
	color: #ffffff;
	background-color: #475584;
	text-align:left;
	font-weight:bold;
	padding: 2px 4px 2px 4px;
}
.table-body {
	font-size:50%;
	text-align:left;
	padding: 8px 8px 8px 8px;
	vertical-align: top;
}
.table-body-center {
	font-size:60%;
	text-align:center;
	padding: 8px 8px 8px 8px;
}
.table-body-small {
	font-size:50%;
	text-align:left;
	padding: 4px 4px 2px 4px;
	vertical-align: top;
}
.table-body-list {
	font-size:50%;
	text-align:left;
	padding: 4px 4px 4px 4px;
	border-top: 1px solid #475584;
	border-left: 1px solid #475584;
}
.table-body-right {
	font-size:50%;
	text-align:right;
	padding: 8px 8px 4px 8px;
}
.table-foot {
	font-size:50%;
	color: #475584;
	text-align:right;
	padding: 2px 8px 8px 8px;
}
.table-line {
	padding: 0px 0px 0px 0px;
	background-color: #e1e1e1;
}
.table a {
	color:#475584;
	text-decoration:underline;
}
.table a:hover {
	text-decoration: underline;
}
.table a:active {
	text-decoration: none;
}

/******************************************************************************
  Calendar
******************************************************************************/
.cal {
	color:#000000;
	text-align:left;
	padding: 1px 1px 1px 1px;
}
.cal-title {
	font-size:50%;
	color: #475584;
	text-align:center;
	font-weight:bold;
	background-color: #e1e1e1;
	padding: 1px 1px 2px 1px;
}
.cal-sub {
	font-size:40%;
	color: #475584;
	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 #475584;
	border-left: 1px solid #475584;
}
.cal-pch {
	font-size:40%;
	text-align:center;
	color:#000000;
	background-color:#FFCC99;
	padding: 1px 1px 1px 1px;
	border-top: 1px solid #475584;
	border-left: 1px solid #475584;
}
.cal-blu {
	font-size:40%;
	text-align:center;
	color:#ffffff;
	background-color:#475584;
	padding: 1px 1px 1px 1px;
	border-top: 1px solid #475584;
	border-left: 1px solid #475584;
}
.cal-pnk {
	font-size:40%;
	text-align:center;
	color:#000000;
	background-color:#FF99CC;
	padding: 1px 1px 1px 1px;
	border-top: 1px solid #475584;
	border-left: 1px solid #475584;
}
.cal-no {
	font-size:30%;
	text-align:right;
	padding: 1px 1px 1px 1px;
}
.cal-foot {
	font-size:50%;
	color: #475584;
	text-align:right;
	padding: 2px 6px 3px 6px;
}
.cal-line {
	padding: 0px 0px 0px 0px;
	background-color: #475584;
}
.cal a {
	color:#475584;
	text-decoration:underline;
}
.cal a:hover {
	text-decoration: underline;
}
.cal a:active {
	text-decoration: none;
}

/******************************************************************************
  Title
******************************************************************************/
.title {
	font-size: 90%;
	text-align: center;
	color:#475584;
	font-weight:bold;
	padding: 5px 4px 5px 4px;
}
.title a {
	color:#000000;
	text-decoration: none;
}
.title a:hover {
	text-decoration: underline;
}

/******************************************************************************
  Block
******************************************************************************/
.block {
	font-size: 80%;
	text-align: center;
	color:#475584;
	background-color:#D2E5F4;
}
.block-cell2 {
	padding: 2px 3px 2px 3px;
	border-top: 1px solid #475584;
	font-weight: bold;
}
.block-cell3 {
	padding: 2px 3px 2px 3px;
	border-top: 1px solid #475584;
}
.block a {
	color:#000000;
	text-decoration: none;
}
.block a:hover {
	text-decoration: underline;
}

/******************************************************************************
  Mainbody
******************************************************************************/
.mainbody {
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #475584;
	width:704px;
}
.mainbody-text {
	padding: 3px 3px 3px 3px;
	text-align: left;
	font-size: 80%;
}
.mainbody-text2 {
	padding: 3px 3px 3px 3px;
	text-align: left;
	font-size: 70%;
	vertical-align: top;
}
.mainbody-cell {
	padding: 7px 7px 7px 7px;
	text-align: center;
	vertical-align: top;
}
.mainbody-color {
	padding: 7px 7px 7px 7px;
	text-align: center;
	font-size: 50%;
	vertical-align: top;
	background-color: #475584;
}
.mainbody-title {
	padding: 3px 3px 3px 3px;
	font-size: 100%;
	text-align: center;
}
.mainbody-note {
	padding: 3px 3px 3px 3px;
	font-size: 60%;
	text-align: center;
	vertical-align: top;
}
.mainbody-line {
	padding: 0px 0px 0px 0px;
	background-color: #475584;
}
.mainbody a {
	color:#475584;
	text-decoration: underline;
}
.mainbody a:hover {
	color:#000000;
	text-decoration: underline;
}

/******************************************************************************
  Menu
******************************************************************************/
.menu {
	color:#475584;
	text-align:center;
	padding: 2px 4px 2px 4px;
}
.menu-text {
	padding: 5px 4px 5px 4px;
	text-align: center;
	font-size: 50%;
}
.menu a {
	color:#475584;
	text-decoration:underline;
}
.menu a:hover {
	text-decoration: underline;
}
.menu a:active {
	text-decoration: none;
}

/******************************************************************************
  Form
******************************************************************************/
.form {
	color:#ffffff;
	padding: 4px 4px 4px 4px;
	background-color: #295e7d;
	border-color: #ffcc00;
}
.form-text {
	padding: 4px 6px 4px 6px;
	text-align: center;
	font-size: 80%;
}
.form a {
	color:#ffcc00;
	text-decoration: underline;
}
.form a:hover {
	color:#ffcc00;
	text-decoration: underline;
}
.form a:active {
	color: #ffffff;
	text-decoration: none;
}