.style2 {color: #CC0000}
.style4 {color: #999999}
.style5 {font-size: 14px; font-weight: bold; color: #333333; }

body { 
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #EEEEEE;
	background-image: url(gradient.png);
	background-repeat: repeat-x;
	}
	
h2 {
	font-size: large;
	margin-bottom: 4px;
}

.notes {
	font-size: 11px;
}

.station {
 	color: #ffffff;
	background-color: #666666;
	padding: 0 2px;
	font-weight: bold;	
}

#mid {
	width: 400px;
}

#container {
	margin-left: auto;
	margin-right: auto;
	background: white;
	padding: 5px;
	border: 7px #D8D8D8 solid;
	margin-bottom: 30px;
}

#notice {
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 10px;
	width: 500px;
	text-align: left;
	font-size: 12px;
	/* background-color:#EEEEEE; */
	padding: 4px;
	border: 1px dashed #CCCCCC;
}

#notice ul { 
	line-height: 20px;
	margin-left: 0;
	margin-top: 6px;
	margin-bottom: 0;
}

#box {
	padding: 6px;
}


#EEIcontent {
	width: 686px;
	margin-left: 90px;
	}
	
td.thumbox {
	background-color: #eeeeee;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

table.holder {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 28px;
	margin-right: 0;
	width: 100%;
}

#arrowL {
	width: auto;
	height: auto;
	float: left;
	margin-right: 20px;
}

#arrowR {
	width: auto;
	height: auto;
	float: right;
	margin-left: 20px;
}

#mid {
	width: 550px;
	text-align: right;
}


#months {
	width: 670px;
	height: auto;
	margin: -30px 0 0 5px;
	text-align: right;
	font-size: 12px;
	padding: 4px 0 0 4px;
	font-weight: bold;
}

#currdate {
	font-size: 12px;
	font-weight: bold;
	float: left;
}

td.sel_year, td.sel_month {
	text-align: right;
	font-size: 11px;
	line-height: 30px;
}

#months a {
	text-decoration: none;
	color:#666666;	
	background-color: #CCCCCC;
	border-top: 2px #999999 solid;
	padding: 2px 1px 2px 4px;
	margin-left: 5px;
	text-align: center;
}

#months a:hover, #months a.curr_month {
	color: #FFF;
	background-color: #000000;	
	border-top: 2px #eee solid;
}

#months a.curr_month {
	border-top: 2px #999 solid;	
}

#eeifooter {
	width: 756px;
	height: auto;
	text-align:center; 
	color:#666;
	background-color: #EEE;
	font-size:11px;
	margin: 2px 7px 4px 7px;
	padding: 10px 0;
	padding-bottom: 3;
	border-top: 4px #CCC solid;
}

.view {
	font-weight: bold;
	font-size: 11px;
	text-align: right;
	padding-right: 5px;
}

table.selector {
	margin-left: 50px;
}

.ends {
	font-size: 9px;
	color: #8A8A8A;
	width: 59px;
	text-align: center;
}

a.ends {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	line-height: 18px;
	color: #436DCA;
	padding:4px;
}

a.ends:hover {
	background-color: #436DCA; 
	background-color: #666666; 
	color: #FFF;
}

.endL {
	font-size: 9px;
	color: #8A8A8A;
	width: 64px;
	height: 60px;
	text-align: right;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 5px;
	text-transform:uppercase;
	background-image: url(images/left.png);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #EEEEEE;	
}

.endR {
	font-size: 9px;
	color: #8A8A8A;
	width: 59px;
	height: 60px;
	text-align: left;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 5px;
	text-transform:uppercase;
	background-image: url(images/right.png);
	background-position: right;
	background-repeat: no-repeat;
	background-color: #EEEEEE;
}

.endNoLink {
	font-size: 13px;
	font-weight: bold;	
}



.heading {
	padding-left: 30px;
	color: #9D9C9C;
	padding-right: 7px;	
}

input.cal {
	text-align: center;
	width: 80px;	
}

#cal-link { float:right; font-size:9px; margin-top: -18px; margin-right: 20px; color: #999999; font-style:italic;  }
#cal-link a { text-decoration:none; color: #999999; }