/* common */
* {
	margin: 0;
	padding: 0;
	border: none;
}
a {
	text-decoration: none;
}
body {
	font-family: verdana, sans-serif; 
	margin: 3px;
}
select {
	width: 90px;
}
table {
	border-collapse: collapse;
}
/* top banner and menu */
table.headerNav {
	width: 100%;
	height: 120px;
}
table.headerNav td {
	background-color: #00134B;
}
table.headerNav td.menu {
	text-align: right;
	height: 100%;
	width: 150px;
}
td.menu table.menu {
	height: 100%;
	width: 100%;
	text-align: right;
}
table.menu td {
	text-align: left;
	vertical-align: middle;
}
.menu td.backgroundImageVertical, table.menu td.backgroundImageHorizontal {
	font-size: 0px;
	line-height: 0px;
}
.menu td.backgroundImageVertical {
	width: 2px;	
	background-image: url(../../images/site/vertical_line.jpg); 
	background-repeat: repeat-y;
}
.menu td.backgroundImageHorizontal {
	height: 2px;
	background-image: url(../../images/site/horizontal_line.jpg); 
	background-repeat: repeat-x;
}
.menu a:link, .menu a:visited {
	padding-left: 7px;
	color: white;
	font-weight: bold;
	font-size: 10pt;
}
.menu td.csit a {
	padding-left: 2px;
}
.menu a:hover {
	text-decoration: underline;
}
/* month navigation bar */
.monthNav {
	background-color:#FF9A00;
	padding: 2px;
}
.monthNav td {
	text-align: center;
	width: 52px;
}
.monthNav td.year {
	text-align: left;
	width: auto;
	padding-right: 10px;
}
.monthNav a:link, .monthNav a:visited {
	width: 42px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding: 3px;
	font-size: 9pt;
	color: #333;
	background-color:#FF9A00;
	border: 1px solid #FF9A00;
}
.monthNav a:hover {
	border: 1px black dashed;
}
.monthNav a.selectedMonth:link,  .monthNav a.selectedMonth:visited {
	border: 1px black solid;
}
.calendar {
	width: 100%;
}
.calendar a {
	text-decoration: none;
	color: #333;
}
.calendar td, .calendar th {
	font-size: 7pt;
	vertical-align: top;
}
.calendar th {
	font-size: 8pt;
}
.calendar .nav {
	width: 100%;
	font-weight: bold;
}
.calendar .nav td {
	width: 33%;
	padding: 4px 0;
}
.calendar .nav .back, .calendar .nav .next {
	vertical-align: bottom;
}
.calendar .nav a {
	text-align: center;
	border-color: white;
	font-weight: bold;
	font-size: 10pt;
	padding: 0 2px;
	margin: 1px 0
}
.calendar .nav .back {text-align: left;} 
.calendar .nav .current {
	text-align: center;
	font-size: 14pt;
	font-weight: normal;
}
.calendar .nav .next {text-align: right;}
.calendar .days {
	width: 100%;
	margin-bottom: 5px;
}
.calendar a {
	border: 1px solid;
}
.calendar .days a {
	display: block;
	padding: 1px;
	border-color: #f0f0f0;
}
.calendar a span {
	width: 100%;
	cursor: pointer;
}
.calendar a:hover {
	border: 1px dashed black;
}
.calendar .days td, .calendar .days th {
	border: 1px solid black;
	padding: 1px;
	width: 14.2%;
}
.calendar .days th {
	background-color: #52637B;
	color: #FC0;
}
.calendar .days td {
	background-color: #F0F0F0;
}
.calendar .days td.notCurrentMonth {
	background-color: #ccc;
}
.calendar .days .dayNo {
	font-weight: bold;
	color: red;
	padding-left: 2px;
}
.info {
	font-size: 8pt; 
	text-align: center; 
	font-weight: bold; 
	color: #666;
	border: 1px solid #666;
	padding: 5px;
	margin: 5px 0;
}
.info a {
	color: #f90;
}
.info a:hover {
	text-decoration: underline;
}