/********************************************************/
            GENERIC STYELS                           */
/*******************************************************/

body {
   font-size: 80%;
   margin: 0;
  padding: 0;
  }

a {
text-decoration: none;
border: none;
}


a img{
border: none;
}

p {
	margin: 0 0 1em;
}
 




body{
     background: #c89e80 ;
     margin: 0;
     margin-left: 1em;
     padding: 0;

}



/* Clyffe House Image Title */
#titlea{
        padding-top: 0;
	padding: 0;
	margin: 0;
        border: 1px solid black;
        margin-top: 0.2em;
	}

.SKY_TEXT{
	f-weight: 600;
	color: white;
	text-decoration: none;
	font-size: 14px;
	line-height: 14px;
	padding:none;
	margins: none;
	} 
//******************************************************/
/*       FOOTER STYLES                                 */
/******************************************************/

.footer_container{
  }

.Footer{
   width: 61.6em;
   padding: 1.0em;
   margin-left: 20em;
   font-size: 0.6em;
   color: black;
   display: block;
   clear: both;
  }
.Footer a{
 color: black
 text-decoration: none;
 }

.Footer a:hover{
 color: white;
 background: black;
 text-decoration: none;
 }

/********************************************************/
/*            Side Bar STYELS                          */
/*******************************************************/  
#LeftBar{
  margin-top: -0.3em;
  padding: 0;
  }
  
#MenuBar{
	float: left;
        width: 12em;
        padding: 0em 40em 1em 0.0em;
	margin: 0;
	color: white;
	}

#MenuBar ol{
  margin: 0;
  padding: 0;
  color: white;
  }

 

#MenuBar li {
   list-style: none;
   border: 1px solid black;
   color: white;
   font: 18px "Arial Narrow";
   font-variant: small-caps;
   background: #333;
   padding: 0.2em 0.1em 0.1em 0.2em;
   }

#MenuBar li a{
   text-decoration: none;
   color: white;
   line-height:1.5em;
   display: block;
   }
   
#MenuBar li:hover{
   list-style: none;
   border: 1px solid black;
   border-left: 2 px solid black;
   border-right: 2 px solid black;
   background: lightgrey;
   color: black;
   
   }
 #MenuBar li:hover a{
   color: black;
   
   } 

  #Main li {
   border-top: 2px solid black;
   }
 
  #Contacts li{
   border-bottom: 2px solid black;
   } 
	
	body.Main li#Main,
     	body.View li#View,
        body.Upload li#Upload,
	body.Activate li#Activate,
	body.Contacts li#Contact,
	body.SpringandFall li#SpringandFall,
	body.Endorsements li#Endorsements,
	body.Photos li#Photos,
        body.Fishing li#Fishing,
	body.Map li#Map,
	body.Lodges li#Lodge {
	color: black;
	line-height: 1.5em;
	background-color: lightgrey;
}

	body.Main li#Main a{
	color: black;
	}
	
	body.Contacts li#Contact a,
	body.SpringandFall li#SpringandFall a,
	body.Endorsements li#Endorsements a,
        body.Upload li#Upload a,
	body.Activate li#Activate a,
	body.Contacts li#Contact a,
	body.Photos li#Photos a,
	body.Map li#Map a,
	body.Fishing li#Fishing a,
	body.Lodges li#Lodge a{
	    color: black;
}
/*******************************************************/
/* Guest Upload Styles */
/*******************************************************/
#terms{
 font-size: 0.9em;
}

/*******************************************************/
/*          Fishing Page styles                        */
/******************************************************/

#KristenFish {
  width: 40%;
  float: right;
  padding: 0.3em;
  margin-top: 1.0em;
 }
#CCFish2009 {
  width: 35%;
  float: Left;
  padding: 0.3em;
 }

#AndrewBass {
  width: 40%;
  float: right;
  padding: 0.5em;
  clear: left;
  margin-top: 1.0em;
 }

.FSub{
 font-weight: bold;
 font-size: bigger;
}
.LeftPic{
 margin-top: 2.0em;
}
/*******************************************************/
/*          Endorsement Styles                         */
/*******************************************************/
blockquote p
    {
    padding: 0px 15px 0px 0px;
    padding-left: 20px;
    padding-right: 25px;
    font-size: 14px;    
    float: left;
    }

  
 blockquote p.last {
    background: url(../images/quote_down.png) bottom right no-repeat;
}

blockquote
    {
    padding: 13px;
    padding-top: 20px;
    font-size: 14px;    
    background: url(../images/quote_up.png) top left no-repeat;
}

cite
    {
    font-size: 12px;
    float: right;
    padding-right: 45px;
}  
#fwood{
  margin: 0px;
  padding: 0px;
  margin-top: 20px;
  }
.ffish {
  margin-top: 20px;
  }
/*******************************************************/
/*           Content STYLES                           */
/*******************************************************/

.ContentArea{
 float: left;
 margin: 0 0 0 -40em;
 color: white;
 min-height: 20em;
 width: 36.2em;
 background: white;
 color: black;
 border: 1px solid black;
 padding: 1em;
 }

.IntroText{
  font-size: 1.6em;
  font-style: italic;
}

#main_side{
  float: left;
  padding-right: 1em;
  padding-left: 0;
  }

#dave{
  float: right;
  padding-top: 0.4em;
  padding-left: 2em;
  }
/*====================================End of ch_template=====================================================*/	





/*====================================Multiple Pages **********************************************************/

/* Used for First line in a text page */
    /* Used On: Main Page           */


/* Formats Paragraphs */
    /* Used On: Main Page, Contact           */
.ParaStyle{
	font-family: "Arial Narrow" Normal;  
}

/***** Centers Title in Content Area*/	
.content_title{
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 1.4em;
	color: #069;
	text-align:center;
	border: 0px solid black;
 	}
 	
 	/***** Content Sub Title*/	
.content_subtitle{
	font-weight: bold;
	font-size: 1.0em;
	text-align:center;
 	}

/* Removes Hyperlink underline */
.NoLink {
	text-decoration: none;
	border: none;
	}

.Check {
    float: right;
    margin: 0;
    display: inline;
    }

.Check2 {
    float: left;
    margin: 0;
    display: inline;
    color: white;
    }

   
/* Availability Button */
.Check a{
	padding: 3px;
	font-variant: small-caps;
	font: "Arial Narrow" Normal;
	font-size: 13px;
	background-color: white;
	color: black;
	text-decoration: none;
	border: 1px solid black;
	}

.Check a:hover{
	background-color: #69C;
	color: white;
	}

/*====================================Start of Main.php======================================================*/



/***********************************End of Main.php =======================================================*/



/************************************Start Contact.php ===================================================*/

.ContactInfoPos{
	position:absolute; 
	top: 210px; 
	left: 235px;
}

.ContactPic {
	float:right;
}

/*=======================================End Contact.php========================================================*/


/*=======================================Photo.php =============================================================*/
.Photo_Image{
	text-align:center;
	border: none;
 	}
 	
.Photo_Count{
	text-align:center;
	border: none;
	margin-top: 0.8em;
}

.Photo_Desc {
 	text-align:center;
	border: none;
 	}



.Next_Wide img{
	border: none;
	float: right;
	display: inline;
}

		
.Previous_Wide img{
    float: left;
	border: none;

}

/*======================================END OF PHOTO PAGE =====================================================*/

/*======================================Start of Spring and Fall =============================================*/

.Spring_Text_Pos {
   
}

/*======================================END OF Spring and Fall =====================================================*/


/*=====================================Start of MAP =============================================================*/

#Map{
    display: block;
    margin-left: auto;
    margin-right: auto;

 }
 

/*======================================End of Map ===============================================================*/



/*======================================Lodge.php ================================================================*/


	/***** Big Image centered in content area*/	
.Full_Image{
	text-align:center;
	border: none;
 	}

 #SkyView{
        display: block;
    margin-left: auto;
    margin-right: auto;
   }

 	/***** Full Image Caption*/	
.Full_Caption{
	font-weight: bold;
	text-align:center;
 	}
 	

/* Unitlist formats the Tabs across top of Content Area */

#unitlistCon{
	border: 0px solid black;
	margin: 0;
	font: "Arial Narrow" Normal;
	position: relative;
	margin-bottom: 1.5em;
	margin-left: -1.0em;
	margin-top: -2.1em;
	padding: 0;
}
#unitlist
{
  padding: 0;
  margin: 0;
	}

#unitlist li
{
    padding-top: 0;
	list-style: none;
	display: inline;
	margin: 0;
	
}

#unitlist li a
{
    z-index: 100;
	padding: 0;
	border: 0px solid black;
	margin: 0;
	font-size: 0.74em;
	background: #DDE;
	text-decoration: none;
	margin-right: 0.25em;
    padding: 0;
	padding-left: 0.2em;

}

#unitlist li a:link { color: #448; }
#unitlist li a:visited { color: #667; }

#unitlist li a:hover
{	
color: #000;
background: #AAE;
border-color: #227;
}


#unitlist li a#CurrentUnit{
	background-color: white;
	color: black;
	border-bottom: none;
	}	

/*======================================End of Lodges ===============================================================*/

/****************************************Lodge_f =================================================================*/
.Right_Image{
    float: right:
	font-weight: bold;
	font-size: 2em;
	text-align:right;
	display:inline;
 	}

.Right_Image img{
	width: 320px;
	}
	
.Features{
	font-weight: 400;
	font-size: 18px;
	font-family: "Arial Narrow" Normal;
	width: 240px;
	border: solid 0px;
	text-align:newspaper;
	float: left;
 	}
 	
.CheatPicture{
	text-align: center;
	border: none;
 
	}



 /*----Formats the Pic List for Inside Views--------------------*/
.Piclist
{
	padding: 0px 0;
	margin-left: 0;
	text-align: center;
	border-bottom: 0px solid black;
	font: bold 8px Verdana, sans-serif;
}

.Piclist li
{
   	 
	background: #DDE;
	list-style: none;
	margin: 0;
	display: inline;
}

.Piclist li a
{
 	 
	padding: 3px;
	margin-left: 3px;
	border: 1px solid black;
	font: "Arrial Narrow" Normal;
	font-size: 13px;
	background: #DDE;
	text-decoration: none;
}

.Piclist li a:link { color: #448; }
.Piclist li a:visited { color: #667; }

.Piclist li a:hover
{	
color: #000;
background: #AAE;
border-color: #227;
}


.Piclist li a#CurrentRoom{
	background-color: white;
	color: black;
	border: none; 
	}	

/*------------------END OF PIC  LIST ----------------------*/



.SKY_TEXT a{
	font-weight: 600;
	color: white;
	text-decoration: none;
	} 
	
.bedtext{
	font-size: 12px;
	padding: none;
	padding-left: 15px;
	}	

	
/*===================================================End Lodge_f ==================================================*/
 	
	
/*===================================================Calendar Page Formating=======================================*/
.Center_Cal{
	font-weight: bold;
	font-size: 24px;
	text-align:center;
	margin: 0;
 	}
/*=====================================================End of Calendar Page Formating=============================*/

/*====================================Calendar Style Draw_Calendar================================================*/
/* caption determines the style of
   the month/year banner above the calendar. */
 
caption 
     {
     font-family:arial,helvetica; 
     font-size:20px; 
     text-align: center;
	 color: black;
     font-weight: bold;
     }

/* .calendar determines the overall formatting style of the calendar,  
   acting as the default unless later overruled. */

.calendar 
     {
   
     font-family:arial,helvetica; 
     font-size:12px; 
     text-align: left;
     color: white;
     background-color: black;
     border-color: #000000;
     border-style: solid;
     border-width: 2px;
     border-collapse: collapse;
 
     }

/* .calendarlink determines the formatting of those days linked to
   content. */

.calendarlink 
     {
     color: white;
     }

/* .header determines the formatting of the weekday headers at the top
   of the calendar. */

.header 
     {
     background-color: #996633;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
     text-align: center;
     
     }

/* .day determines the formatting of each day displayed in the
   calendar. */

.free_day   
     {
	 width: 53px;
	 height: 53px;
     background-color: #999;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
     text-align: right;
     font-weight: bold;
     font-size: 14px;
     vertical-align: top;
     color: black;
	 text-decoration: none;
     }

.empty_day  
     {
	 width: 53px;
	 height: 53px;
     background-color: white;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
     text-align: right;
     font-weight: bold;
     font-size: 14px;
     vertical-align: top;
     text-decoration: none;
     }

.rented_day a{
	 text-decoration: none;
	 color: black;
	 }	 

.free_day a{
	 text-decoration: none;
	 color: black;
	 }	 



.rented_day  
     {
     font-weight: bold;
     font-size: 14px;
	 width: 53px;
	 height: 53px;
	 text-decoration: none;
	 color: black;
     background-color: #6633FF;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
     text-align: right;
     vertical-align: top;
     color: black;
     }
     
/* .linkedday determines the formatting of a date to which content is
   available. */

.linkedday 
     {
     background-color: #8080ff;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
     text-align: center
     } 

#CalendarLegend{
	 position: absolute;
     left: 735px;
     top: 350px;
	} 
/*========================================END CALENDAR STYLE =========================================*/

/*======================================These Are the Calendars SIDEBAR Navigation Menus ===============*/     
.MonthBarPos{
    margin: 0;
 	font-weight: bold;
    float: right;
    margin-top: 1em;
    display:inline;
	padding: 0;
	border: 1px solid black;
 }
 
#MonthBar a{
	padding: 2px;
 	font: bold 12px Arial;
	border: 1px solid black;
	text-decoration: none;
	width: 64px;
	height: 15px;
	line-height:15px;
	color: white;
	display: block;
	background-color: blue;
}
#MonthBar a:hover {
	background-color: lightblue;
	color: white;
	color: black;
  }
#MonthBar a#CurrentMonth{
	background-color: #69C;
	color: white;
	} 




.UnitBarPos{
	float: left;
    margin-top: 1.42em;
 	font-weight: bold;
	border: solid 1px;
	display: inline;
	Z-index: 11; 
 	}

#UnitBar a{
	padding: 2px;
	font: bold 12px Arial;
	border: 1px solid black;
	text-decoration: none;
	display: block;
	width: 85px;
	height: 15px;
	line-height:15px;
	color: white;
	background-color: blue;
}
#UnitBar a:hover {
	background-color: lightblue;
	color: white;
	color: black;
  }
#UnitBar a#CurrentUnit{
	background-color: #69C;
	color: white;
	} 
	

/*======================================END SIDEBAR Navigation Menus ===============*/