/* CSS Document */

body {
	background-color: black;
	color: white;
	
}

p, table, tr, td {
	color: white;
}

tr, td {
	vertical-align:top;
}	

h3 {
	background: black url(images/shade.gif) top left repeat-x;
    padding: 2px 2px;
    border: 1px solid #778;
    color: #ffffff;
	vertical-align:top;
}

h2 {
	color: #ffff99;
	font-size: 25px;
	text-align: center;
}

h4 {
	background: black url(images/shade1.gif) top left repeat-x;
    padding: 2px 2px;
    border: 1px solid #778;
    color: #ffffff;
}

/* Event Calendar / Business Directory / Community Directory */

b.name {
	color: #ffff99;
	font-size: 22px;
}

.contact {
	color: #ffff99;
}

.thinborder {
  border:solid 1px silver;
  padding:5px;
  margin:5px;
  }

.border {
  border:solid 1px silver;
  }  
  
.menu{
padding: 0px 0;
margin-left: 0px;
margin-top: 0px;
vertical-align: bottom;
margin-bottom: 0;
font: bold 17px times new roman;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}


.menu li{
display: inline;
margin: 0;
}

.menu li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 3px;
margin-right: 0px;
border: 1px solid #778;
color: #ffffff;
background: black url(images/shade.gif) top left repeat-x;
}

.menu li a:visited{
color: #ffffff;
}

.menu li a:hover{
text-decoration: none;
color: #ffffff;
background: black url(images/shade.gif) top left repeat-x;
}

.menu li.selected{
position: relative;
text-decoration: none;
color: #ffffff;
background: black url(images/shade.gif) top left repeat-x;
}

.menu li.selected a{ /*selected main tab style */
text-decoration: none;
color: #ffffff;
background: black url(images/shade.gif) top left repeat-x;
}

.menu li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.menu li.admin{
position: relative;
text-decoration: none;
color: #ffffff;
background: black url(images/shade.gif) top left repeat-x;
}

.menu li.admin a{ /*selected main tab style */
text-decoration: none;
color: #ffffff;
background: black url(images/shade.gif) top left repeat-x;
}

.menu li.admin a:hover{ /*selected main tab style */
text-decoration: none;
}  
/**************************************************************/


#slideshow {
	width: 345px;
	height: 310px;
	float: left;
	border: 1px solid #898989;
}

#business {
	width: 620px;
	border: 1px solid #898989;
	padding: 5px;
		
}

#article {
	width: 620px;
	text-align: left;
	padding: 5px;
	border: 1px solid #898989;
}

#events {
	width: 620;
	text-align: left;
	vertical-align:top;
	padding: 5px;
	border: 1px solid #898989;
}

A:link {text-decoration: none; color: #ffffff;} 
A:visited {text-decoration: none; color: #ffffff;}
A:active {text-decoration: none; color: #ffffff;}
A:hover {text-decoration: underline; color: #ffffff;}

a.bodylinks:link {text-decoration: none; color: #ffff99;}
a.bodylinks:visited {text-decoration: none; color: #ffff99;}
a.bodylinks:active {text-decoration: none; color: #ffff99;}
a.bodylinks:hover {text-decoration: underline; color: #ffff99;}


a.tooltip:hover span {
  position: absolute;
  display: block;
  background: #fdd;
  border: 1px solid red;
  }