/* Link Style Definitions */
a {color: #333333;}
a:hover {color:#666666;}
.menu-button a:link {color: #000000; text-decoration: none; }
.menu-button a:active {color: #ffffff; text-decoration: none; }
.menu-button a:visited {color: #000000; text-decoration: none; }
.menu-button a:hover {color: #ffffff; text-decoration: none; }
.newstitle a:link {color: #ffffff; text-decoration: none; }
.newstitle a:active {color: #000000; text-decoration: none; }
.newstitle a:visited {color: #ffffff; text-decoration: none; }
.newstitle a:hover {color: #000000; text-decoration: none; }
.newsticker a:link {color: #000000; text-decoration: none; }
.newsticker a:active {color: #ffffff; text-decoration: none; }
.newsticker a:visited {color: #000000; text-decoration: none; }
.newsticker a:hover {color: #ffffff; text-decoration: none; }
#photographs-title a:link {color: #ff9933; text-decoration: none; }
#photographs-title a:active {color: #66cc33; text-decoration: none; }
#photographs-title a:visited {color: #ff9933; text-decoration: none; }
#photographs-title a:hover {color: #66cc33; text-decoration: none; }
.greybox2-title a:link {color: #ff9933; text-decoration: none; }
.greybox2-title a:active {color: #66cc33; text-decoration: none; }
.greybox2-title a:visited {color: #ff9933; text-decoration: none; }
.greybox2-title a:hover {color: #66cc33; text-decoration: none; }
.bluelist-item a:link {color: #000033; text-decoration: none; }
.bluelist-item a:active {color: #000033; text-decoration: none; }
.bluelist-item a:visited {color: #000033; text-decoration: none; }
.bluelist-item a:hover {color: #000033; text-decoration: none; }
#datetable td a { text-decoration: none; }
/* End link style definitions */		

/* Removes borders around all images */
img { border: 0px; }
body {
	font-family: Lucida Sans, Arial, Helvetica, sans-serif;
	background: #ffdc4c url(/graphics/background.jpg) repeat-x;
	font-size: 11px;
	margin: 0px;
	color: #333333;
}

/* Container for the whole page */
#container{ height: 800px; width: 914px; margin: auto; }		
		
/* Contains everything above main image (wadeca logo, tab menu, etc.) */
#topper { height: 85px; width: 914px; background:url(/graphics/headerbg.png) no-repeat; }
	#toplogo { width: 143px; height: 85px; float: left; margin-left: 20px; }
	#tabcontainer { height: 85px; }
		#subtitle { 
			width: 548px;
			height: 47px;
			background:url(/graphics/subtitle.jpg);
			float: right;
			margin-right: 23px;
			* 
			float: none;
			margin-left: 180px;
		}
		
		
		#tabmenu { height: 38px; float: right; }
			/* Menu Button Controls */
			.menu-leftside-off {
				height: 38px;
				width: 11px;
				background: url(/graphics/button_leftside.jpg) no-repeat;
				margin-right: -10px;
				float: left; 
			}
			.menu-leftside-on {
				height: 38px;
				width: 11px;
				background: url(/graphics/button_leftside_activated.jpg) no-repeat;
				margin-right: -10px;
				float: left; 
			}
			.menu-button {
				height: 38px;
				float: left;
				margin-left: 12px;
				margin-right: 12px;
				margin-top: 13px;
				font-weight:bold;
			}
			.menu-divider {
				height: 38px;
				width: 2px;
				background: url(/graphics/button_divider.jpg) no-repeat;
				float: left;
			}
			.menu-rightside-off {
				height: 38px;
				width: 11px;
				background: url(/graphics/button_rightside.jpg) no-repeat;
				margin-left: -10px;
				float: left;
			}
			.menu-rightside-on {
				height: 38px;
				width: 11px;
				background: url(/graphics/button_rightside_activated.jpg) no-repeat;
				margin-left: -10px;
				float: left;
			}
			
			.on { background:url(/graphics/button_bg_activated.jpg) repeat-x; height: 38px; float: left; }
			.off { background:url(/graphics/button_bg.jpg) repeat-x; height: 38px; float: left; }
			
	
#content { width: 100%; background:#FFFFFF; }
#content-sub { width: 100%; background: #cdedef; }
#bluelist-bottom { width: 249px; height: 14px; background:#cdedef; }
#main-image { height: 320px; width: 914px; }
#sub-main-image { height: 153px; 914px; background:url(/graphics/submainimage.jpg); }
#orangebar { height: 22px; width: 860px; background:url(/graphics/orangebar.png); margin: auto; }
	#orangebar-text { margin-left: 5px; padding-top: 2px; font-weight:bold; }
	.newstitle { font-size: 14px; color:#FFFFFF; font-weight:bold}
#column-a { width: 379px; }
#column-a-sub { width: 249px; }

	#greybox1 { 
		width: 332px;
		min-height: 174px;
		height:auto !important;
 		height:174px;
		margin-left: 25px;
		margin-top: 20px;
		font-weight:bold;
	}
	#greybox1-img {
		float:left;
		padding-right:6px;
	}
	#greybox1-text{
		text-align: center;
	}	
	.greybox1-title {
		color: #ff9933;
		font-size: 14px;
		font-weight:bold;
		padding-bottom:10px;
	}
	.greybox1-text {
		font-size: 9px;
	}
	#photographs-title {
		width: 100%;
		margin-top: 15px;
		margin-bottom: 5px;
		text-align:center;
		color: #ff9933;
		font-size: 16px;
		font-weight:bold;
	}		
	#photographs {
		width: 374px;
		height: 160px;
		margin-left: 5px;
		
	}

#column-b { width: 512px; float:right; margin-right: 10px; }
	#column-b-content {
	
		margin-top: 20px;
		margin-right: 17px;
		margin-left: 17px;
		font-size: 11px;
		
	}
	#greybox2 { 
		padding-top: 8px;
		width: 508px;
		
		margin-top: 20px;
		/* background: url(/graphics/greybox2xl.jpg); */
		min-height: 205px;
		height:auto !important;
 		height: 205px;
	}
		#greybox2-content {
			
			/* height: 177px;
			float: right;
			margin-right: 10px;
			padding-top: 10px;
			width: 245px;
			*/
			font-size: 12px;
			line-height: 16px;
			margin-left:10px;
			
			font-weight:bold;
		}
		.greybox2-title {
			color: #ff9933;
			font-size: 14px;
			font-weight: bold;
			
			
		}
		#calendar-gradient {
			
			
			width: 224px;
			height: 197px;
			background: url(/graphics/calendargradientxl.jpg);
		}
		#calendar-container { 
			padding-top: 8px;
			* 
			padding-top: 0px;
			
		}
		
		/* Bluelist stuff */
		#bluelist {
			
			padding-top: 20px;
			min-height: 584px;
			height:auto !important;
 			height:584px;

			/* background: url(/graphics/bluelist-middle2.jpg) repeat-x #cdedef; */
		}
		 
		.bluelist-item { /* width: 249px;  height: 23px; */ }
		.bluelist-item-text { font-size: 12px;  padding: 5px 10px 5px 20px; }
		.bluelist-on { background: #b9e9eb; }
/* End bluelist stuff */


.maintextbox-title, h1{ color:#ff9933; font-size: 19px; font-weight:bold; }

#maintextbox { padding-top: 30px; }

#calendar-container { 
	width: 173px;
	margin: auto;
}
#datetable td, #datetable th { width: 24px; height: 22px; *height:20px; }
#datetable th { background:#CCCCCC; font-size:13px; border:1px solid #999999; border-collapse:collapse; }
#controls th { font-size:13px;}

#datetable { border-collapse: collapse; border:1px solid #999999; color:#333333;}
#datetable td { text-align:right; vertical-align:bottom; border:1px solid #999999; border-collapse:collapse;  } 
#datetable td a {display:block; line-height:19px;}
.white td { background:url(/graphics/calendarcellbg-white.jpg); }
.grey td { background:#CECECE url(/graphics/calendarcellbg-grey.jpg); }
td.green {background:#60bb46;}


#bottomer { height: 14px; width: 914px; background:url(/graphics/footerbg.png); }
#bottomer-sub { height: 14px; width: 914px; background:url(/graphics/footerbgsub.png); }



#footer {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	margin-top: 20px;
	padding-bottom: 20px;
	text-align:center;
	color: #000000;
	font-size: 9px;
}



/* Clearfix utility */
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}



h1 { margin-top: 0px;


	font-size: 11pt;
	color: #ff9900;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 16pt;
}

#content-table-left {
	border: #000 dotted;
    border-width: 0px 2px 0px 0px; 
	padding-right: 15px;
		text-align:left;
	vertical-align:top;
}
#content-table-right {
	
		text-align:left;
	vertical-align:top;
}



#eventList a {color:#000000;text-decoration:none;}
#eventList a:hover {text-decoration:underline;}