/*======================================*
** stylesheet.css
**======================================*/

/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
body {
	/*font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;*/
   font-family: Verdana, Tahoma, sans-serif;
	font-size: 80%;
	margin: 0px;
	padding: 0px;
	background-color: #3A5D73;
}
#wrapper {
	width: 925px;
	margin: auto;
}
img { border: 0; }

h2 {
/*	color: #9CDF18;*/
	color: #FFC605;
	font-size: 1.4em;
	font-weight: normal;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

h4 {
	color: #9CDF18;
}
	
a {
	text-decoration: underline;
	color: #9CDF18;
}
/*	color: #8FCE45;*/
ul li a:hover {
	text-decoration:none;
}
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/


#divBanner{
	height: 165px;
	margin-top: 0px;
	border: 5px solid #FFFFFF;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/Cottage_Malone_Bay_Lakeside_During_Fall_Banner.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#divlogo {
	height: 155px;
	margin-top: 0px;
	border: 5px solid #FFFFFF;
	text-align: center;
/*	line-height: 155px;*/
	padding-top: 10px;
	font-size: 1.5em;

}
#divPhotoLink {
   padding-left: 8px;
   width: 120px;
   font-size: 11px;
   line-height:14px;
   background-color: #32556B;
   font-family: arial, verdana, sans-serif;
   height: 100%;
}

#divinfolink2 {
   padding-left: 10px;
   width: 275px;
   font-size: 11px;
   line-height:14px;
   background-color: #32556B;
   font-family: arial, verdana, sans-serif;
   height: 100%;
}

#divinfolink {
   padding-left: 8px;
   width: 330px;
   font-size: 11px;
   line-height:14px;
   background-color: #32556B;
   font-family: arial, verdana, sans-serif;
   height: 100%;
}

p a.topinfolink2 {
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #FFC605;
}

p a.topinfolink {
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	color: #FFC605;
}

p.infolink2 {
	font-size: 12px;
	line-height: 14px;
	display: block;
	padding-bottom: 15px;
	color: #9DC1D9;
	margin: 0px;
	margin-top: 12px;
}

p.infolink {
	font-size: 11px;
	line-height: 14px;
	display: block;
	padding-bottom: 10px;
	color: #9DC1D9;
	margin: 0px;
}

p a.bottominfolink2 {
   color: #FFFFFF;
   font-size: 10px;
   line-height: 12px;
   text-decoration:none;
}

p a.bottominfolink {
	color: #FFFFFF;
   font-size: 10px;
   line-height: 12px;
	text-decoration:none;
}

span.ain {
	color: #92D340;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #92D340;
}
span.web {
	color: #FFC605;
}
/*------------------------------------------------------------*
**  Column Left
**------------------------------------------------------------*/
#colLeft {
	width: 183px;
	height: 600px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #32556B;
	padding: 0px;
	float: left;
	margin: 0px;
/*   	margin-top: 40px; margin before we added google search box */
   	margin-top: 3px;
	background-color: #3A5D73;
}

/*------------------------------------------------------------*
**  Content Middle
**------------------------------------------------------------*/
#divMainContentGallery {
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

#divMainContentTable {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 15px;
}

#divMainContent {
	padding-left: 20px;
	padding-right: 20px;
}

#divMainContent li { 
	color: #9DC1D9;
}	


/*------------------------------------------------------------*
**  Column Right
**------------------------------------------------------------*/
#colRight {
	background-color: #32556B;
	width: 728px;
	float: left;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

#colRightMost {
	background-color: #32556B;
	width: 603px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#colMiddle {
	background-color: #32556B;
	width: 125px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/
#Navigation {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 185px;
}
#Navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#Navigation li {
	display: block;
}

#GoogleListAd {
	background-color: #32556B;
	padding-top: 0px;	
	padding-left: 24px;
}

#GoogleSearchBox {
	padding-top: 8px;
	padding-bottom: 0px;
	margin-left: 440px;
}

#Google336x280ImageAd {
	padding-left: 5px;
	float: right;
	margin-bottom: 10px;
}

#GoogleBannerAd {
	padding-top: 10px;
}

#GoogleTextAd1 {
	padding-left: 6px;
}

#GoogleTextAd2 {
	padding-left: 0px;
}

#GoogleTextAd3 {
	padding-left: 0px;
}

#GoogleTextAd4 {
	padding-left: 0px;
}

#Navigation ul li a.submenu {
   padding-left: 40px;
}

#Navigation ul li a  {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	/*font-size: 14px;*/
   font-size: 12px;
	background-color: #32556B;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #32556B;
	/*height: 15px;*/
	height: auto;
	#height: 14px;
	_height: 14px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	margin: 0px;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #32556B;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3A5D73;
	background-image: url(images/icons/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#Navigation ul li a:hover,  #Navigation ul li  a.current {
	background-color: #365D7A;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #365D7A;
/*	color: #B4FF05;*/
	color: #FFC605;
}


/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/	
#footer {
	height: 22px;
	clear: both;
/*	border: 1px solid #32556B;*/
	color: #FFFFFF;
	text-align: left;
	padding-top: 3px;
	padding-left: 190px;
}
/*------------------------------------------------------------*
**  End_of
**------------------------------------------------------------*/

/*------------------------------------------------------------*
**  Picture Gallery
**------------------------------------------------------------*/




/*------------------------------------------------------------*
**  End_of
**------------------------------------------------------------*/

/*------------------------------------------------------------*
**  Newest Gallery
**------------------------------------------------------------*/
/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
	color: #FFC605;
	/*color: #9CDF18;*/
}
/* style the outer cntaining div to fit the landscape, portrait and buttons background:#d1c8c3;*/
#link_album {
width:600px; 
height:540px; 
background:#3A5D73;
border:1px solid #aaa;
}

#album {
width:640px; 
height:540px; 
background:#3A5D73;
border:1px solid #aaa;
margin:0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:480px 0 0 0; 
list-style-type:none; 
position:relative; 
width:645px; /* the extra 5px is so the buttons fits nicely in a row in Internet Explorer */
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
/*width:26px; 
height:26px; 
line-height:24px;
margin:2px;*/ 
width:22px; 
height:22px; 
line-height:20px; 
border:1px solid #444;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
/*top:-450px;*/ 
top:-480px;
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape-visible {
visibility:visible;
top:-480px;
}
.gallery li a img.landscape {
top:-480px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
/*left:140px;*/
border-left:140px solid #3A5D73;
border-right:140px solid #3A5D73;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}
/*------------------------------------------------------------*
**  End_of
**------------------------------------------------------------*/
table {
   border:1px solid #ffffff; 
   color: #9DC1D9;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

table.weather {
   border:1px solid #ffffff; 
   color: #9DC1D9;
   padding: 5px;
   text-align: left;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 15px;
   min-width: 688px;
}

table.rates {
   border: 1px solid #ffffff;
   padding: 5px;
   border-collapse: collapse;
   margin-bottom: 15px;
}

th {color:#9DC1D9; }
tr {text-align: center; color:#ffffff}
tr.maint {text-align: center; color:#ffffff; background-color:#FF8080;}
td.maint {text-align: center; color:#ffffff; background-color:#FF8080;}
tr.booked {text-align: center; color:#000000; background-color:#FF8080;}
td.booked {text-align: center; color:#000000; background-color:#FF8080;}
tr.highseason {text-align: center; color:#000000; background-color:#9DC1D9;}
td.highseason {text-align: center; color:#000000; background-color:#9DC1D9;}
tr.weather {text-align: left; color:#9DC1D9;}
td.weather {text-align: left; color:#9DC1D9; vertical-align: top;} 
tr.weather a { text-decoration: none; }
th.weather { font-weight: bold; color:#FFC605;}
img.weather { width: 75px; height: 75px; float:left; margin-right: 5px;}
img.snowmobile { width: 336px; height: 424px; float:right; margin-left: 5px; margin-top:5px; margin-bottom: 10px; }
img.lake { width: 336px; height: 252px; float:right; margin-left: 5px; border: 5px solid #FFFFFF; }
img.rates { width: 326px; height: 245; float:right; margin-bottom: 10px; margin-left: 5px; border: 5px solid #FFFFFF; }
img.amenities { width: 336px; height: 252px; float:right; margin-left: 5px; border: 5px solid #FFFFFF; }
img.home { width: 336px; height: 252px; float:right; margin-left: 5px; border: 5px solid #FFFFFF; }

/*th {border-bottom: 1px solid #ffffff; }*/

.title {
	font-size: 17px;
	color: #B4FF05;
	height: 20px;
	padding-top: 20px;
/*	background-image: url(images/line.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;*/
	font-weight: bold;
}
.allpara {
	background-image: url(images/line.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 15px;
	color: #9DC1D9;
	margin: 0px;
}

.para {
	padding-bottom: 15px;
	color: #9DC1D9;
	margin: 0px;
	text-align: left;
}
.smallSpacer {
	height: 600px;
	width: 5px;
	float: left;
}
#menuTab {
	color:#32556B;
	font-size:1.2em;
	text-align:center;
	background-image: url(images/navtab.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 175px;
	height: 25px;
	padding-top: 2px;
}
#menuTab a { color:#32556B; text-decoration:none; }