﻿body{margin:0px; background-image: url(imageswg/bg1.jpg);}

.nowraps { width:300px; white-space: norwap;}

.vertnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px;
	letter-spacing: 1px;
	background-image: url(imageswg/menubg.jpg);
}

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #669966; /*overall menu background color*/
z-index:100;
background-image: url(imageswg/menubg.jpg);
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 107px; /*Width of top level menu link items*/
padding: 4px 4px;
border-right: 1px solid #E8E7E5;
text-decoration: none;
color: #FFFFFF;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
z-index:100;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
width:160px;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: #FFFFFF;
text-decoration: none;
padding: 2px 2px;
border: 1px solid #FFFFFF;
}

.suckertreemenu ul li a:hover{
background-color: #336699;
color: #FFFFFF;
background-image: url(imageswg/menuhover.jpg);
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */



.header img {padding:20px; margin:20px;}



.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	text-align:justify;
}


.texttitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #669966;
	text-decoration: none;
}

.texthead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #669966;
	text-decoration: none;
}

.textbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.text li {padding-bottom: 4px;}

a.text:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	text-decoration: none;
}
a.text:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	text-decoration: none;
}
a.text:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #669966;
	text-decoration: none;
}
a.text:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}



a.biglinks:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #669966;
	text-decoration: none;
	margin:5px 0px;
	letter-spacing: 1px;
	
}
a.biglinks:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #669966;
	text-decoration: none;
	letter-spacing: 1px;
}
a.biglinks:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #336699;
	text-decoration: none;
	letter-spacing: 2px;
}
a.biglinks:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	letter-spacing: 1px;
}






.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	text-decoration: none;
	
}
a.footer:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.footer:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
a.footer:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	text-decoration: none;
}
a.footer:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.footernav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px;
}






.details {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
	padding: 4px;
}
a.details:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #336699;
	text-decoration: none;
}









.div-padd
{
	padding: 5px 0px 5px 0px;
	vertical-align: middle;
	text-align:justify;
}
.caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.caption1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	padding: 0px 20px 0px 10px;
}





.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
height:auto;
}


.tablereserve {height:20px;}


.thumbnail img {
border: 1px solid #CCC;
margin: 0 5px 5px 0;
filter: alpha (opacity=70);
}

.thumbnail:hover {
background-color: transparent;
}

.thumbnail:hover img {
border: 1px solid #E8E7E5;
filter:none;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: #E8E7E5;
padding: 1px 9px;
left: 0px;
border: 4px solid #CCCCCC;
visibility: hidden;
color: #336699;
text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 0px;
padding: 1px;
}

.thumbnail:hover span { /*CSS for enlarged image*/
visibility: visible;
top: 68px;
left: 273px;
 /*position where enlarged image should offset horizontally */
z-index: 50;
}



a.thumbnail:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	text-decoration: none;
}
a.thumbnail:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	text-decoration: none;
}
a.thumbnail:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #669966;
	text-decoration: none;
}
a.thumbnail:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

.thumbnailframe {
position: absolute;
top: 68px;
left: 273px;
width: 329px;
height: 250px;
background-color: #E8E7E5;
padding: 1px 9px;
border: 4px solid #CCCCCC;
visibility: visible;
color: #336699;
text-decoration: none;
text-align: center;
}



.thumbnailleft img{
border: 1px solid #CCC;
margin: 0 5px 5px 0;

}

.thumbnailleft:hover{
background-color: transparent;
}

.thumbnailleft:hover img{
border: 1px solid #E8E7E5;
}

.thumbnailleft span{ /*CSS for enlarged image*/
position: absolute;
background-color: #E8E7E5;
padding: 4px;
left: 0px;
border: 4px solid #CCCCCC;
visibility: hidden;
color: #336699;
text-decoration: none;
}

.thumbnailleft span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 2px;
}

.thumbnailleft:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 70px;
left: 320px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


a.thumbnailleft:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	text-decoration: none;
}
a.thumbnailleft:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	text-decoration: none;
}
a.thumbnailleft:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #669966;
	text-decoration: none;
}
a.thumbnailleft:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}




.thumbnailright img{
border: 1px solid #CCC;
margin: 0 5px 5px 0;

}

.thumbnailright:hover{
background-color: transparent;
}

.thumbnailright:hover img{
border: 1px solid #E8E7E5;
}

.thumbnailright span{ /*CSS for enlarged image*/
position: absolute;
background-color: #E8E7E5;
padding: 4px;
left: 0px;
border: 4px solid #CCCCCC;
visibility: hidden;
color: #336699;
text-decoration: none;
}

.thumbnailright span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 2px;
}

.thumbnailright:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 70px;
left: 20px; /*position where enlarged image should offset horizontally */
z-index: 50;
}



a.thumbnailright:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	text-decoration: none;
}
a.thumbnailright:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	text-decoration: none;
}
a.thumbnailright:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #669966;
	text-decoration: none;
}
a.thumbnailright:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}




.picframe {
position: absolute;
top: -50px;
left: 384px;
visibility: visible;
font-size:12px;
color:#669966;
background:transparent;
}

.picframe img {
border: 0px;
}

.picframe a {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; 
color: #669966;
font-size: 12px;
}

.picframe:visited a{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; 
color: #339966;
font-size: 12px;
}

.picframe:hover a{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; 
color: #336699;
font-size: 12px;
}

.picframe:active a {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; 
color: #336699;
font-size: 12px;
}



.thumbnailrender img {
border: 1px solid #CCC;
margin: 0 5px 5px 0;
filter:alpha (opacity=80);
}

.thumbnailrender:hover{
background-color: transparent;

}

.thumbnailrender:hover img{
border: 1px solid #E8E7E5;
filter:none;
}

.thumbnailrender span{ /*CSS for enlarged image*/
position: absolute;
background-color: #E8E7E5;
padding: 1px 9px;
left: 0px;
border: 4px solid #CCCCCC;
visibility: hidden;
color: #336699;
text-align:center;
text-decoration: none;
}

.thumbnailrender{text-align:center; white-space:nowrap;}

.thumbnailrender span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 1px;

}

.thumbnailrender:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 1px;
left: 95px;
 /*position where enlarged image should offset horizontally */
z-index: 50;

}



a.thumbnailrender:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	text-decoration: none;
}
a.thumbnailrender:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	text-decoration: none;
}
a.thumbnailrender:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #669966;
	text-decoration: none;
}
a.thumbnailrender:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}


.thumbnailrenderframe {
position: absolute;
top: 1px;
left: 95px;
width: 529px;
height: 323px;
background-color: #E8E7E5;
padding: 1px 9px;
border: 4px solid #E8E7E5;
visibility: visible;
color: #336699;
text-decoration: none;
text-align: center;
}



.thumbnailrendertop img {
border: 1px solid #CCC;
margin: 0 5px 5px 0;
filter:alpha (opacity=80);
}

.thumbnailrendertop:hover{
background-color: transparent;

}

.thumbnailrendertop:hover img{
border: 1px solid #E8E7E5;
filter:none;
}

.thumbnailrendertop span{ /*CSS for enlarged image*/
position: absolute;
background-color: #E8E7E5;
padding: 1px 9px;
left: 0px;
border: 4px solid #CCCCCC;
visibility: hidden;
color: #336699;
text-align:center;
text-decoration: none;
}

.thumbnailrendertop span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 1px;

}

.thumbnailrendertop:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 50px;
left: 50px;
 /*position where enlarged image should offset horizontally */
z-index: 50;

}



a.thumbnailrendertop:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	text-decoration: none;
}
a.thumbnailrendertop:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #336699;
	text-decoration: none;
}
a.thumbnailrendertop:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #669966;
	text-decoration: none;
}
a.thumbnailrendertop:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
