﻿body 
{
	background-color:#99CCCC;
}

.menus
{
	font-family: Verdana;
	font-size: small;
	color: Black;
	width:940px;
}

.contact
{
	font-family: Verdana;
	font-size: small;
	font-weight:bold;
	color: Black;	
}
.normal
{
	font-family: Verdana;
	font-size: small;
	font-weight:bold;
	color: White;	
}

.header_subtitle
{
	font-family: Verdana;
	font-size: x-large;
	font-weight:bold;
	text-transform:capitalize;
	color: White;
	background-color:Black;	
}

a.mailing:link,
a.mailing:active,
a.mailing:visited
{
	text-decoration: none;
	font-family: Verdana;
	font-size: small;
	font-weight:bold;
	color: Black;
}

a.mailing:hover
{
	text-decoration: underline;
	font-family: Verdana;
	font-size: small;
	font-weight:bold;
	color: Black;
}

a:link
{
	text-decoration: none;
	font-family: Verdana;
	font-size: small;
	font-weight:bold;
	color: White;
}

a:visited
{
	text-decoration: none;
	font-family: Verdana;
	font-size: small;
	font-weight:bold;
	color: White;
}

a:active
{
	text-decoration: none;
	font-family: Verdana;
	font-size: small;
	font-weight:bold;
	color: White;
}

a:hover
{
	text-decoration: underline;
	font-family: Verdana;
	font-size: small;
	font-weight:bold;
	color: White;
}


.main
{
	border: solid 5px #99CCCC;
	width:940px;
	background-color:#FFFFFF;
}

.tblDetails
{
	width:940px;
	background-color:Black;
}

.header
{
	font-family: Verdana;
	font-size:small;
	color:#99CCCC;
}

.subheader
{
	font-family: Verdana;
	font-size:small;
	color:#FFFFFF;
	text-decoration:underline;
}

.rates
{
	font-family: Verdana;
	font-size:x-small;
	color:#FFFFFF;
}


.italicized
{
	font-family: Verdana;
	font-size: x-small;
	color: White;	
	font-style:italic;
}
a.maps
{
	text-decoration:
}

a.ulinks:hover,
a.ulinks:link,
a.ulinks:active,
a.ulinks:visited
{
	text-decoration: underline;
	font-family: Verdana;
	font-size: small;
	font-weight:bold;
	color: White;
}


/* slides styling */

.photo {width:910px; text-align:left; position:absolute; }

.photo ul.topic {padding:0; margin:5; list-style:none; width:910px; height:auto; position:relative; z-index:10; color: #000000;}

.photo ul.topic li {display:block; width:300px; height:31px; float:left; color:#000000;}
.photo ul.topic li a.set {display:block; font-size:13px; width:299px; height:30px; text-align:center; vertical-align:top;
							line-height:20px; color:#99CCCC; text-decoration:none; border:1px solid #ffffff; 
							border-width:1px 1px 0 0; background:#000000; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#99CCCC; background:grey; font-weight:bold; }

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#99CCCC; background:#000000; text-decoration:none;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; 
	background:#ddd; width:910px; padding:10px 10px 10px 10px; border:5px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; 
	 background:#ddd; width:910px; padding:10px 10px 10px 10px; border:5px solid #aaa; z-index:100;}

/*padding for image and text in "thumbnail mode"*/
.photo ul.topic li ul li
{display:inline; width:162px;  float:left; border:1px solid #fff; margin:1px; margin-bottom:170px; color:#000000;  text-decoration:none;}

/* styling for text in "thumbnail mode"*/
.photo ul.topic li ul li a
{display:block; width:160px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888; color:#000000;}

/* styling for image in "thumbnail mode"*/
.photo ul.topic li ul li a img
{display:block; width:150px;  border:5px solid #eee;}

/* styling for text when you hover over links*/
.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:absolute; text-decoration:none; color:#000000;}

/**style of image when hovering over photo*/
.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-90px; top:-52px; width:325px; height:250px; border-color:#fff;  text-decoration:none;}
