@charset "utf-8";
/* CSS Document */



/*----------------------------
	Basic Defults
------------------------------*/
body{
	background-color:#e6e7e8;
	font-family:Geneva,sans-serif, Arial, Helvetica;
	font-smooth:always;
	font-size:12px;
	line-height:18px;
}

h1{
	display:block;
	float:none;
	width:100%;	
	color:black;
	
	font-size:22px;
	line-height:26px;
	
}
h2{
	display:block;
	width:100%;		
	color:black;
	
	font-size:18px;
	line-height:26px;
}

a:link{
	color:#000066;
	text-decoration:none;
}
a:visited{
	color:#000066;
	text-decoration:none;
}
a:hover{
	color:#0099FF;
	text-decoration:none;
}

#pageContentZone{
	display:block;
	width:100%;
	height:auto;
}
#PageContent{
	display:block;
	clear:left;
	width:990px;
	height:auto;
	
	margin: 0px auto;

}
#paddleWheelPeteContent
{
	display:block;
	float:left;
	margin-right:6px;
}
.TextBoxZone{
	display:block;
	float:left;
	text-align:left;
	padding:2px;
	margin-bottom:16px;
	clear:both;
}
.TextBoxZone h1{
	display:block;
	float:left;
	width:630px;
	height:auto;
	
	line-height:24px;
	font-size:22px;
	text-align:left;
	margin-bottom:16px;
	margin-top:16px;
	border-bottom-color:#EEEEEE;
	border-bottom-style:solid;
	border-bottom-width:1px;
	text-transform:uppercase;
	clear:both;
	color:black;
	
}
.TextBoxZone h3{
	display:block;
	float:left;
	width:450px;
	line-height:24px;
	font-size:18px;
	text-align:left;
	margin-bottom:0px;
	margin-top:16px;
	text-transform:capitalize;
}
.imgCount{
	display:block;
	float:left;
	width:90%;
	height:12px;
	font-size:10px;
	color:#000066;
	line-height:12px;
	margin: 8px 4px;

}

/*----------------------------
	2ndary Page layout 
------------------------------*/


#largeContentBoxLeft{
	display:block;
	float:left;
	width:640px;
	height:auto;
	
	border-style:solid;
	border-color:#333333;
	border-width:1px;
	background-color:#FFFFFF;
	
	padding:4px;
	margin-bottom:12px;
	margin-right:8px;
}

#rightColumnContenBox{
	display:block;
	float:right;
	width:325px;
	height:auto;
	
	border-style:solid;
	border-color:#333333;
	border-width:1px;
	background-color:#FFFFFF;
	
	padding:4px;
	margin-bottom:12px;
}

/* -------------------------
		QuickLinsk
---------------------------*/
.quickLinksBox{
	display:block;
	float:right;
	width:160px;
}
.quickLinksBox h2{
	display:block;
	width:100%;
	height:20px;
	
	font-size:16px;
	line-height:18px;
}
.quickLink{
	display:block;
	float:left;
	width:90%;
	height:18px;
	line-height:18px;
	
	
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin: 2px 0px;
	padding-left:4px;	
}


/*----------------------------
	Front Page Layout
------------------------------*/
#frontPageContent{
	display:block;
	width:990px;
	height:auto;
	
	margin: 0px auto;

}
.contentbox{
	display:block;
	width:96%;
	height:auto;
	border-style:solid;
	border-color:#333333;
	border-width:1px;
	background-color:#FFFFFF;
	
	padding:4px;
	margin-bottom:12px;
}

.boxName{
	display:block;
	float:left;
	width:100%;
	height:20px;
	line-height:20px;
	
	
	text-transform:uppercase;
	text-align:left;
	letter-spacing:1px;
	color:#333333;
	font-weight:bold;
	font-size:16px;
	margin-bottom:8px;
	clear:both;
}
.boxBreak
{
	display:block;
	float:none;
	width:94%;
	height:24px;
	margin: 4px auto;
	clear:both;
	border-top-color:#CCCCCC;
	border-top-style:solid;
	border-top-width:1px;
	

}


/* -------------------------
		Story Preview 
---------------------------*/
.storyPreview{
	display:block;
	float:none;
	width:95%;
	height:auto;
	font-size:12px;
	line-height:16px;
	margin: 0 auto;
	margin-bottom:8px;
}
.imgBox{
	display:block;
	float:right;
	clear:both;
	width:160px;
	height:auto;
	margin:4px;
	
	font-size:10px;
	line-height:12px;
	padding:2px;
	
	border:solid;
	border-color:#333333;
	border-width:1px

}
.imgBox img{
	width:154px;
	float:right;
	margin:3px;
}
.storyPreview H2{
	display:block;
	width:100%;
	height:auto;
	font-size:20px;
	line-height:20px;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-top:8px;
	margin-bottom:0px;
}

.storyPreview H2 a:link{
	height:auto;
	color:black;
	text-decoration:none;
}
.storyPreview H2 a:visited{
	height:auto;
	color:black;
	text-decoration:none;

}
.storyPreview H2 a:hover{
	height:auto;
	color:#0099FF;
	text-decoration:none;

}

.storyPreview H3{
	display:block;
	width:100%;
	height:14px;
	font-size:10px;
	line-height:12px;
	letter-spacing:1px;
	margin-top:0px;
	margin-bottom:8px;
	padding-left:0px;
}

.TopFiveStories{
	display:block;
	width:95%;
	height:auto;
	margin: 0 auto;
	margin-top:16px;
}

.miniStoryPreview{
	display:block;
	width:100%;
	height:110%;
	font-size:12px;
	margin-bottom:25px;
	


}

.miniStoryPreview img{
	display:block;
	float:left;
	width:154px;
	height:auto;
	
	margin:3px;
	text-align:center;
	
	
}
.miniStoryPreview H2{
	display:block;
	width:100%;
	height:auto;
	font-size:16px;
	line-height:18px;
	margin:0;
	text-transform:uppercase;
}

.miniStoryPreview H2 a:link{
	color:#000000;
	text-decoration:none;

}
.miniStoryPreview H2 a:visited{
	color:#000000;
	text-decoration:none;
}
.miniStoryPreview H2 a:hover{
	color:#0099FF;
	text-decoration:none;
}



.ReadFullLink,.ReadFullLink a:link, .ReadFullLink a:visited{
	display:block;
	float:left;
	width:100%;
	height:16px;
	text-decoration:none;
	color:#000066;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	margin-top:4px;
	margin-bottom:32px;
	clear:both;
	

}

.ReadFullLink a:hover{	
	text-decoration:none;
	color:#0099FF;
}


.miniStoryPreview H3{
	display:block;
	width:100%;
	height:auto;
	font-size:10px;
	line-height:12px;
	letter-spacing:1px;
	margin-top:0px;
	padding:2px 0px;
	
	border-bottom-color:#CCCCCC;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
/* -------------------------
	Front Page Columns
---------------------------*/

#FP_ColumnOne{
	display:block;
	float:left;
	width:320px;
	height:100%;
	
	margin-right:8px;
}

#FP_ColumnTwo{
	display:block;
	float:left;
	width:320px;
	height:100%;
	margin-right:6px;
	overflow:hidden;
}

#FP_ColumnThree{
	display:block;
	float:left;
	width:325px;
	height:100%;
}


/* -------------------------
		TOP SHOT 
---------------------------*/
#topshot{
	display:block;
	width:100%;
	margin: 8px 0;
}
#topshot img{
	display:block;
	width:90%;
	margin: 0px auto;
	
	border-style:solid;
	border-width:1px;
	border-color:#333333;
}
.topshotText{
	display:block;
	width:90%;
	margin: 0px auto;
	margin-top:8px;
	
	font-size:12px;
	line-height:16px;
	
	
}

/* -------------------------
		More Headlines 
---------------------------*/
.moreHeadlines{
	display:block;
	width:98%;
	height:auto;
	margin: 0px auto;
	padding:0px;
	list-style:none;

	
}





.moreHeadlines li{
	clear:both;
	display:block;
	text-align:left;
	width:100%;
	height:auto;
	margin-bottom:4px;
	border-bottom-color:#EEEEEE;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}
.moreHeadlines  a:link,.moreHeadlines  a:visited
{
	color:#000099;
}
.moreHeadlines a:hover{
	color:#0099FF;
	text-decoration:underline;
}
.altLi{
	background-color:none;
}


/* -------------------------
		Search Box 
---------------------------*/
#searchBox{
	display:block;
	float:left;
	width:320px;
	height:auto;
	/*border-style:solid;
	border-color:black;
	border-width:1px;
	background-color:white;*/
	margin-bottom:8px;
}
.SeachBoxRow{
	display:block;
	float:left;
	width:98%;
	height:18px;
	margin-bottom:4px;
}
.searchTitle{
	display:block;
	float:left;
	width:80px;
	height:18px;
	color:black;
	line-height:18px;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	
}
.searchTitle img{
	display:block;
	float:left;
	height:auto;
	margin-top:6px;


}

.searchField{
	display:block;
	float:left;
	width:120px;
	height:18px;
	font-size:14px;
	margin-top:0px;
	margin-left:4px;
	
	border-style:solid;
	border-color:#666666;
	border-width:1px;
}
.searchButton{
	display:block;
	float:left;
	height:22px;
	width:60px;
	margin-left:8px;
	
}

#searchBox a:link,#searchBox   a:visited{
	display:block;
	float:right;
	width:100px;
	height:16px;
	color:#333333;
	padding-right:16px;
	padding-top:4px;
	line-height:16px;
	text-decoration:none;
	color:#FFFFFF;
}

#searchBox   a:hover{
	display:block;
	float:right;
	width:100px;
	height:16px;
	line-height:16px;
	padding-right:16px;
	padding-top:4px;
	text-decoration:underline;
	color:yellow;
}
/* -------------------------
		Event styles 
---------------------------*/


.eventZone
{
	display:block;
	float:left;
	width:318px;
	height:auto;
	margin-bottom:16px;

}

.eventDate{
	display:block;
	float:left;
	width:325px;
	height:14px;
	line-height:14px;
	
	font-size:10px;
	color:#990000;
	line-height:14px;
	margin-bottom:4px;
}
.eventTitle, .eventTitle a:link,.eventTitle a:visited{
	display:block;
	float:left;
	width:325px;
	height:22px;
	line-height:22px;
	
	font-size:16px;
	color:#000000;
	font-weight:bold;
}

.eventTitle a:hover{
	color:#0099FF;
	text-decoration:none;
}

.eventContent{
	display:block;
	width:312px;
	height:auto;
	
	font-size:12px;
	line-height:14px;
	
	margin-bottom:8px;

}

.eventImgBox
{
	display:block;
	float:left;
	width:66px;
	height:auto;
	
	border:solid;
	border-color:#333333;
	border-width:1px;
	margin:2px;
	

}
.eventImgBox img
{
	margin:3px;
}

/* -------------------------
		Event list page tyles 
---------------------------*/
.eventIndex
{
	display:block;
	float:left;
	width:628px;
	height:auto;

}
.eventRow
{
	display:block;
	float:left;
	width:628px;
	margin-bottom:16px;
	background-color:#EEEEEE;
	
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	
	padding-bottom:8px;
}
.eventRow h2
{
	display:block;
	float:left;
	width:628px;
	margin:0px;
	padding-left:4px;
	margin-bottom:4px;


}
.eventRowDate
{
	
	font-size:10px;
	color:#990000;
	line-height:14px;
	margin:0px;
}
.eventRowImgBox
{
	display:block;
	float:left;
	background-color:#FFFFFF;
	
	border-color:#333333;
	border-style:solid;
	border-width:1px;
	text-align:center;
	font-size:10px;
	line-height:14px;
	
	margin:3px;
	
	padding:1px;
	
	

}
.eventRowImgBox img
{
	margin:2px;
	border:none;
}


/*--------------------------------------------------*/

.AdvertBox{
	display:block;
	width:99%;
	margin: 0px auto;
	text-align:center;

}


.adminBoxControls{
	display:block;
	float:none;
	width:95%;
	height:16px;
	font-size:10px;
	line-height:16px;
	
	border-width:1px;
	border-style:solid;
	border-color:#333333;
	background-color:#EEEEEE;
	padding-left:4px;
	padding-right:4px;
	
	color:#000000;
	
	margin-bottom:8px;
	margin-top:8px;
	clear:both;

}


/* -------------------------------
 		Staff lyout styles
   ------------------------------- */
   
.staffBox{
	display:block;
	float:left;
	width:100%;
	height:auto;
}
.staffRow{
	display:block;
	float:left;
	width:100%;
	height:auto;
	margin-bottom:8px;
}
.staffRow h2{
	display:block;
	float:left;
	width:600px;
	height:24px;
	font-size:18px;
	line-height:24px;
	background-color:#EEEEEE;
	border-bottom-color:#999999;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-left:16px;
	color:#333333;

}

.staffBox img{
	display:block;
	float:none;
	height:110px;
	
	border-color:#666666;
	border-style:solid;
	border-width:1px;
	margin: 4px auto;

} 
.staffContact{
	display:block;
	float:left;
	width:200px;
	height:auto;
	margin-right:8px;
	padding: 2px 0px;
	text-align:center;
	

}
.staffContact strong{
  	font-size:16px;
	display:block;
	float:right;
	width:200px;
	height:18px;
	line-height:18px;
	text-align:center;
	margin-bottom:6px;
	color:#333333;
	

}
.staffContact b{
	display:block;
	float:right;
	width:200px;
	height:auto;
	font-size:12px;
	border-bottom-color:#333333;
	border-bottom-style:solid;
	border-bottom-width:1px;
}
.staffContact a:link,staffContact a:visited {
	display:block;
	float:right;
	width:200px;
	height:auto;
	text-decoration:none;
	font-size:11px;
	text-transform:lowercase;
	
}
.staffContact a:hover{
	display:block;
	float:right;
	width:200px;
	height:auto;
	
	text-decoration:none;
	font-size:11px;
	text-transform:lowercase;

}
.departmentLinks{
	display:block;
	float:right;
	width:320px;
	height:auto;
	margin-right:24px;
    
	
	background-color:#EEEEEE;
	border-color:#666666;
	border-style:solid;
	border-width:1px;

}
.departmentLinks ul{
	margin-left:20px;
	margin-right:0px;
	margin-top:8px;
	margin-bottom:8px;
	

} 


.imgBorder, .imgBorder a:link, .imgBorder a:visited, .imgBorder a:hover {
	display:block;
	float:none;
	border-color:#000000;
}