﻿body 
{
    background: #000000;
    background-image: url('../images/main/pgbk.jpg');
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed;

	/*background-image:url(../images/main/bkgrnd.gif);
	margin-top:21px;
	background-repeat:repeat-x;*/
}
/*
.maintopblur
{
	background-image:url(../images/main/tpblurbk.jpg);
}

.mainleftblur
{
	background-image:url(../images/main/lftblurbk.jpg);
}

.maintop
{
	background-image:url(../images/main/topbk.jpg);
}

.mainlinks
{
	background-image:url("../images/main/linkbk1.jpg");
}

.mainsublinks
{
	background-image:url("../images/main/sublinkbk.jpg");
}

.mainleftlinkblur
{
	background-image:url("../images/main/lftlinkbarblur.jpg");
}

.mainrightblur
{
	background-image:url(../images/main/rghtblurbk.jpg);
}

.mainbottomblur
{
	background-image:url(../images/main/btmblur.jpg);
}
*/
.address
{
	font-family:Arial;
	font-size:small;
	text-align:left;
}

.depttitle
{
	font-family:Arial;
	font-size:medium;
	font-weight:bold;
	text-align:left;
}

.ordtitle
{
	font-family:Arial;
	font-size:medium;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}

.subtitle
{
	font-family:Arial;
	font-size:medium;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
}

.button
{
	border-style:solid;
	border-width:1px;
}

.deletebutton
{
	border-style:solid;
	border-width:1px;
	background-color:Red;
}

.text 
{	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: black
}

.smText 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: black
}

.articletitle
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 2; 
	color: black; 
	font-weight: bold;
}

.label
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: black

}

.smalllink
{	
	font-size:x-small;
	
}
	


.rowaltcolor
{
	background-color:Gray;
}

.membername
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:large;
	font-weight:bold;
	color:Black;
}

.memberterm
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: black
}

.memberdistrict
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: black
}

/*
.buttonrow
{
	background-color:#eee8aa;
	BORDER-RIGHT: black 1px dashed; 
	BORDER-TOP: black 1px dashed; 
	BORDER-LEFT: black 1px dashed; 
	BORDER-BOTTOM: black 1px dashed
}
*/
.search
{
	font-size:x-small;
}

.searchbutton
{
	border-style:solid;
	border-width:1px;
	font-size:x-small;
}

.cityseal
{
	background-image:url(../images/main/cityseal.jpg);
	vertical-align:middle;
	background-position:center;
	background-repeat:no-repeat;
}

.event { position: relative; z-index: 1; font-family: Arial, Verdana; font-size: 9pt; line-height: normal;  font-weight: normal; margin: 0; padding:0; }
.eventSelected { color: #fff; background-color: #b22222; z-index: 2;  }
.eventSelected a { color: #fff;  }
.eventDetail { position: absolute; width: 290px; border: 5px solid #b22222; color: #333; background: #fff; z-index: 999; }
.eventDetail .eventContent { padding: 10px; }
.eventSelected .eventDetail .eventContent a { color: #b22222; }
.eventDetail .eventHeader { background-color: #b22222; padding:0 0 6px 0; color: #fff;}
.eventDetail .eventHeader a { display: block; float: right; }
.eventDetail .eventFooter { text-align: right; margin: 5px 0 0 0; padding: 0; }
.eventDetail h1 { margin: 0; padding: 5px 0 5px 0; font-size: 1.4em; line-height: normal;}
.eventDetail h2  { margin: 0; padding: 0; font-size: 1.2em;}
.eventDetail h1 IMG { border: 0; padding: 0 5px 0 0; }

.top { top: 0; }
.right { right: -300px; }
.bottom { bottom: 0px; }
.left { left: -300px; }


.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: 5px;
left: -1000px;
border: 1px dashed gray;
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*/
visibility: visible;
top: 0;
left: -500px; /*position where enlarged image should offset horizontally */

}

