body
	{
		background: #C1E4DD url(/~/media/Images/css/ysf_page_bg.ashx) fixed repeat-x;
		margin-top: 0px;
		font-family: Lucida Console, Monaco, monospace;
		font-size: 8pt;
	}

table
	{
		font-family: Lucida Console, Monaco, monospace;
		font-size: 8pt;
	}

td
	{
		font-family: Lucida Console, Monaco, monospace;
		font-size: 12pt;
	}
	
a:link
	{
		color: #333366;
		text-decoration: none;
	}

a:visited
	{
		color: #333366;
		text-decoration: none;
	}

a:active
	{
		color: #CC3333;
		text-decoration: underline;
		background-color: #D0E0D3;
	}
	
a:hover
	{
		color: #CC3333;
		text-decoration: underline;
		background-color: #D0E0D0;
	}


table.head
	{
		align: center;
		background-image: url('/images/top_bg.jpg');
		background-repeat: no-repeat;
		border-left: 1px solid #6DB09C;
		border-right: 1px solid #6DB09C;
		border-top: 1px solid #6DB09C;
		width: 952px;
	}

table.body
	{
		align: center;
		background-color: #DAE1D9;
		border-left: 1px solid #6DB09C;
		border-right: 1px solid #6DB09C;
		width: 952px;
	}

table.foot
	{
		align: center;
		background-color: #F7F8F7;
		border-left: 1px solid #6DB09C; 
		border-right: 1px solid #6DB09C;  
		border-bottom: 1px solid #6DB09C; 
		width: 952px;		
	}

.borderless
	{
		margin: 0px;
		border: none;
		padding: none;
	}

.breadcrumb
	{
		font-family: Lucida Console, Monaco, monospace;
		font-size: 9pt;
		font-weight: bold;
	}

td.navbutton
	{
		font-family:Arial;
		font-size:10pt;
		font-weight:bold;
		border: none;
		padding: none;
	}
	
a.navbutton:link
	{
		color: #333366;
		text-decoration: none;		
		font-family: Arial;
		font-size:10pt;
		font-weight:bolder;
		border: none;
		padding: none;
		background-color: transparent;
	}
a.navbutton:visited
	{
		color: #333366;
		text-decoration: none;		
		font-family: Arial;
		font-size:10pt;
		font-weight:bolder;
		border: none;
		padding: none;
		background-color: transparent;
	}
a.navbutton:hover
	{
		color: white;
		text-decoration: none;		
		font-family: Arial;
		font-size:10pt;
		font-weight:bolder;
		border: none;
		padding: none;
		background-color: transparent;
	}
a.navbutton:active
	{
		color: white;
		text-decoration: none;
		font-family: Arial;
		font-size:10pt;
		font-weight:bolder;
		border: none;
		padding: none;
		background-color: transparent;
	}

.smalltext
	{
		text-align: center; 
		font-family: Lucida Console, Monaco, monospace;
		font-size: 8pt;
	}

.blogEntry
	{
		border: 2px dashed #999999;
		padding: 8px;
		background-color: #c5ccca;
	}

.blogEntryText
	{
		font-size: 10pt;
	}

.RelatedSide
	{
		font-size: 8pt;
		padding: 5px;
		margin: 5px;
		width: 180px;
	}

.RelatedSideTitle
	{
		font-weight: bold;
		background-image: url('/images/relatedside_bg2.jpg');
		background-repeat: no-repeat;
		background-color: transparent;
		padding: 2px;
		padding-left: 5px;
		color: white
	}
	
.RelatedSideLink
	{
		padding-left: 10px;
		padding-top: 4px;
		padding-bottom: 1px;
	}

.RelatedSideText
	{
		padding-top: 4px;
		padding-left: 5px; 
	}

.MayorMemo
	{
		font-family: arial;
		border-left: 1px solid #999999;
		border-top: 1px solid #999999;
		border-right: 2px solid black;
		border-bottom: 2px solid black;
		background-color: white;
		background-image: url('/images/white.jpg');
        	padding: 15px;
		margin-left: 30px;
		width: 600px;
		align: center;
	}

.GalleryItem
	{
		border: 1px solid #999999;
		background-color: #c5ccca;
	}

.GalleryImage
	{
		border-left: 1px solid #999999;
		border-top: 1px solid #999999;
		border-right: 2px solid black;
		border-bottom: 2px solid black;
		padding: none;
		margin: none;
		background-color: #c5ccca;	
	}

.GalleryItemText
	{
		padding-top: 5px;
		background-color: #c5ccca;
	}

/* ---- controls the Hovering Thumbnails ---- */


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px;
left: -1000px;
border: 1px solid gray;
display: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
display: block;
visibility: visible;
top: 25px;
left: 60px; /*position where enlarged image should offset horizontally */

}

.tndims{
width: 112;
height: 135;
}