/******************************************************/
/*************     Template styles     ****************/
/******************************************************/

* {/* for demo only*/
    margin:0;
    padding:0
}
html, body {
    height:100%;/* needed to base 100% height on something known*/
		background-color:#666666;
}
#outer {
    width:780px;
    background:#fff;
    margin:auto;
    min-height:100%;
    margin-top:-50px;/*footer height - this drags the outer 40px up through the top of the monitor */
}
/* #inner protects any floats in the content from clearing the minheight float */
#inner {
    width:780px;
    overflow:hidden;/* you could use float:left if you wanted content to overflow*/
    /* background:#ffffcc; If floated instead of overflow:hidden then repeat #outer background color here */
	padding-bottom:10px;
}
#header {

    border-top:50px solid #fff; /* soak up negative margin and allows header to start at top of page*/
		font-family: "Times New Roman", Georgia, Times, serif;
	font-style:italic;
	font-size:120%;
	text-align: center;
	height:128px;
	background: transparent url(../images/ff-headerBackground.gif);
	position:relative; /* So we can position the logo */
}
#site_logo {
	position:absolute;
	top:10px;
	left:130px;/*border:solid 1px;*/
}
#sidebar { 
	float:left; 
	width:190px;
	padding:50px 0px 0px 20px;
}
#header h1 {
    padding: 30px 0;
}
 #mainContent1 h2 {
	text-align:center; 
	margin-bottom:20px;
	width:100%;			// keeps IE7 happy
}
#mainContent2 {
	margin-left:210px;
	padding: 0 20px;
    font: 80% Verdana, Arial, Helvetica, sans-serif;
}
h2 {
	font-family: "Times New Roman", Georgia, Times, serif;
	font-style:italic; 
	color:#369;
	font-size:200%;
	margin-bottom:20px;
	
}
#mainContent2 p {
 margin-top:5px;   
}
#footer {/* footer now sits at bottom of window*/
    background:#fff;
    width:780px;
    margin:auto;
    height:50px;/* must match negative margin of #outer */
    clear:both;
	text-align:center;
}
#footer ul {
    background-color:#e0ecfa;
    margin:auto;
    list-style:none;
    width:570px;
}
#footer li {
    display:inline;
    background:#e0ecfa;
}
#footer ul a {
    padding:0 1em;
    line-height:2.0em;
    border-right:2px #000 solid;
    text-decoration:none;
    color:#930;
    font-size:90%;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
}
#footer li a#contact {
    border-right:none;
}

.minheight {/* opera and IE8 fix*/
    float:left;
    width:0;
    height:100%;
    margin:0 0 -50px;/* if clear both was added to footer it would go below the fold so this matches the footer height*/
    overflow:hidden;/* just in case*/
}

/******************************************************/
/*************     Homepage styles     ****************/
/******************************************************/


/******************************************************/
/*************      Where styles       ****************/
/******************************************************/


/******************************************************/
/*************       What styles       ****************/
/******************************************************/
.season1 {margin-top:15px;}
.season {clear:left; padding-top:15px;}
.listleft { float:left; width:230px; text-align:right; margin-right:0px;}
.picright {float:left; width:260px; margin-left:30px;}
.picleft {float:left; width:260px; text-align:right;margin-right:30px}
.listright {float:left; width:240px; text-align:left;}
ul {list-style-type:none; }
li.listheader {font-weight:bold; font-size:105%;}
/******************************************************/
/*************     Gallery styles      ****************/
/******************************************************/
#thumbnails {
	text-align:center;
}
#thumbnails img {
	margin:0 5px;
	border:none;
}
#thumbnails img.landscape {
	vertical-align:super
}
#thumbnails a {text-decoration:none;}

/******************************************************/
/*************      Image pages       ****************/
/******************************************************/
body#bigpiccie {
	margin:-20px 0 -20px 0;
	padding:0;
	background-color:#CCF;
}
#bigpiccie span {
   position:absolute;
   top:20px;
   left:20px;
   color:#fff;
}

/******************************************************/
/*************     Miscellaneous styles     ****************/
/******************************************************/
.sitename {
	font-style:italic; 
	font-weight:bold;
}
img {
	border:none;
}

address {
	font-weight:bold;
	margin-top:10px;  // Keeps IE7 happy, doesn't upset Firefox */
}