/*
CSS for Serendipity Park site
*/

*
{
	margin: 0;
	padding: 0;
}

#logotitle {
  background-color: #E9FDFE;
  border-top: 3px solid black;
  border-bottom: 3px solid black;
}

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

#tagline p {
  font-style: italic;
  font-weight: bold;
  color: #3f42c0;
  font-family: Times, serif;
  padding-top: .2em;
  padding-right: 2em;
  text-align: right;
  border-bottom: 3px solid black;
  background-color: #E9FDFE;
}

#leftcontent
{
  float: left;
  width: 167px;
  margin-right: 5px;  /* so text in maincontent area won't be squished right up against navigation bar */
}

#fullnav {
  background: url(images/fullnav.jpg) no-repeat;
  width: 167px;
  height: 450px;
  padding-left: 5px;
  padding-bottom: 2px;
  margin-right: 5px;  /* so text in maincontent area won't be squished right up against navigation bar */
}

#maincontent {
  font-weight: bold;
  padding: 5px;
  border-bottom: solid 2px gray;
}

#navigation
{
  background: url(images/navback.jpg) no-repeat;
  width: 167px;
  height: 450px;
  padding-left: 5px;
  padding-bottom: 2px;
}

#weatherlink {
  border: solid 1px black;
  font-weight: bold;
  text-align: center;
  background-color: #E9FDFE;
  padding: 2px;
}

#koch {
  background: url(images/b33.jpg) repeat-x;
  font-weight: bold;
  text-align: center;
}

#contact {
  border: solid 1px black;
  background-color: #E9FDFE;
  font-size: small;
  font-weight: bold;
/* replaced with 'float' property and 'margin' property
  position: absolute;
  top: 186px;
  right: 9px; */
  float: right; /* replaces three lines above */
  margin-right: 5px;  /* accomplishes same thing as 'right: 9px' above */
  margin-top: 5px;  /* accomplishes same thing as 'top: 186px' above */
  padding: 5px;  /* gives text some breathing room within contact box */
  margin-left: 5px; /* so text in maincontent area won't be squished right up against navigation bar */
}

#footer {
  font-size: small;
  text-align: center;
  margin-right: 7em;
  margin-left: 7em;
  padding-top: .6em;
}

#frontpgimg {
  float: right;
  border: solid 2px #3f42c0;
}

#frontpgimg img {
   display: block;
}

a {
  font-weight: bold;
}

a:link {
  color: #3f42c0;
}

a:visited {
  color: #3f42c0;
}

a:hover {
  text-decoration: none;
  color: black;
}

a:active {
  color: black;
}

#oopsnav a, oopsnav a:link, oopsnav a:visited, oopsnav a:hover, oopsnav a:active, #wednav a, wednav a:link, wednav a:visited, wednav a:hover, wednav a:active {
	color: white;
}

#navigation a, #staffnavigation a, #remindernav a, #calnav a, #fullnav a, #faqnav a, #rulesnav a, #ratesnav a, #cafenav a  {
  font-weight: bold;
}

#navigation a:link, #staffnavigation a:link, #remindernav a:link, #calnav  a:link, #faqnav a:link, #rulesnav a:link, #ratesnav a:link, #cafenav a:link {
  color: white;
}

#navigation a:visited, #staffnavigation a:visited, #remindernav a:visited, #calnav a:visited,  #faqnav a:visited, #rulesnav a:visited, #ratesnav a:visited, #cafenav a:visited {
  color: #F1FE07;
}

#navigation a:hover, #staffnavigation a:hover, #remindernav a:hover, #calnav a:hover, #fullnav a:hover, #faqnav a:hover, #rulesnav a:hover, #ratesnav a:hover, #cafenav a:hover {
  text-decoration: none;
  color: white;
}

#navigation a:active, #staffnavigation a:active, #remindernav a:active, #calnav a:active, #faqnav a:active, #rulesnav a:active, #ratesnav a:active, #cafenav a:active {
  color: red;
}

#fullnav a:link, #fullnav a:visited, #fullnav a:active
{
  color: white;
}

.welcome, .newLook, .nudeSunbathers, .callUs, #singles, .newsletter, .reminderfoot
{
	text-align: center;
}

.welcome
{
	font-size: 3em;
	color: #3f42c0;
	margin-bottom: .4em;
}
.newLook
{
	margin-bottom: 1em;
}

.nudeSunbathers
{
	font-size: large;
	text-align: center;
	color: #3f42c0;
	text-transform: uppercase;
	margin-top: 1em;
	margin-bottom: 1em;
}
.moreWays
{
	font-size: xx-large;
	text-align: right;
}
#soAnyway
{
	margin-top: 2em;
	margin-bottom: 2em;
}

.callUs
{
	font-size: x-large;
	margin-top: 1em;
	margin-bottom: 1em;
        line-height: .1em;
}

#singles
{
	color: #3f42c0;
	font-size: xx-large;
	font-style: italic;
}

#sitetagline
{
	font-style: italic;
  	font-weight: bold;
  	color: #3f42c0;
  	font-family: Times, serif;
  	padding-top: .2em;
  	padding-right: 2em;
  	text-align: center;
  	border-bottom: 3px solid black;
  	background-color: #E9FDFE;
}

.staffdiv
{
	border-bottom: solid 2px gray;
	padding-bottom: .5em;
}

#staffnavigation
{
  	background: url(images/griffonav.jpg) no-repeat;
  	width: 167px;
  	height: 450px;
	padding-left: 5px;
  	padding-bottom: 2px;
}

.staffpic
{
	float: left;
	height: 200px;
	border: solid 1px #3f42c0;
	margin-bottom: .5em;
	margin-right: .5em;
}

.staffpic, .staffthumb img {
   	display: block;
}

.staffthumb
{
	float: right;
	border: solid 1px #3f42c0;
}

.staffbio
{
	height: 200px;
	margin-bottom: 1em;
	padding-left: .5em;
}

.staffheading
{
	height: 100px;
	font-size: 2em;
	color: #3f42c0;
	text-align: center;
	margin-bottom: .5em;
}

.staffheadingnopic
{
	font-size: 2em;
	color: #3f42c0;
	text-align: center;
	margin-bottom: .5em;
}

#remindernav
{
  	background: url(images/remindernav.jpg) no-repeat;
  	width: 167px;
  	height: 450px;
 	padding-left: 5px;
  	padding-bottom: 2px;
}

.reminderheading
{
	font-size: 1.5em;
	font-style: italic;
	color: #3f42c0;
	text-align: center;
	margin-bottom: .5em;
	line-height: .7em;
	margin-top: .5em;
}

#reminderimgbox {
	overflow: auto;
	width: 100%;
	height: auto;
	border-bottom: solid 2px gray;
  	text-align: left;
  	padding-bottom: 1em;
  	margin-bottom: 1em;
}

.remindercaptionleft {
	font-size: 1.1em;
	color: #3f42c0;
}

.kid {
   color: green;
}

.all {
   color: blue;
}

.adult {
   color: red;
}

#calnav {
  background: url(images/calpic.jpg) no-repeat;
  width: 167px;
  height: 450px;
  padding-left: 5px;
  padding-bottom: 2px;
}

.centerline {
  border-bottom: solid 2px gray;
  text-align: center;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.leftline {
  border-bottom: solid 2px gray;
  text-align: left;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.rightline {
  border-bottom: solid 2px gray;
  text-align: right;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.rempics {
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}

.rempics img {
  border: solid 1px #3f42c0;
  display: inline;
}

#faqnav {
  background: url(images/faqnav.jpg) no-repeat;
  width: 167px;
  height: 450px;
  padding-left: 5px;
  padding-bottom: 2px;
}

#rulesnav {
  background: url(images/rulesnav.jpg) no-repeat;
  width: 167px;
  height: 450px;
  padding-left: 5px;
  padding-bottom: 2px;
}

.picright {
	float: right;
	border: solid 2px #3f42c0;
	margin: .5em;
}

.picright img
{
    display: block;
}

.picleft {
	float: left;
	border: solid 2px #3f42c0;
	margin: .5em;
}

.picleft img {
    display: block;
}

.pic {
	border: solid 2px #3f42c0;
	margin: .5em;
	float: center;
	width: auto;
	height: auto;
}

.pic img {
    display: block;
}

#ratesnav {
  background: url(images/ratesnav.jpg) no-repeat;
  width: 167px;
  height: 450px;
  padding-left: 5px;
  padding-bottom: 2px;
}

.ratescaption {
	font-size: 1.1em;
	color: #3f42c0;
	text-align: center;
	width: auto;
}

.ratescaptionleft {
	font-size: 1.1em;
	color: #3f42c0;
	float: left;
	width: 300px;
}

.ratescaptionright {
	font-size: 1.1em;
	color: #3f42c0;
	float: right;
	width: 300px;
}

table.rates {
	border-collapse: collapse;
	border: 2px solid #3f42c0;
	margin: auto;
}

table.rates th {
	text-align: center;
	background: #3f42c0;
	color: white;
	font-size: normal;
	font-weight: bold;
	padding-left: .5em;
	padding-right: .5em;
	padding-top: .2em;
	padding-bottom: .2em;
}

table.rates td {
	border: 2px solid #3f42c0;
	padding-left: .5em;
	padding-right: .5em;
	text-align: center;
	background: #E9FDFE;
	padding-top: .2em;
	padding-bottom: .2em;
}

#ratesimgbox {
	overflow: auto;
	width: 100%;
	height: auto;
	border-bottom: solid 2px gray;
  	text-align: center;
  	padding-bottom: 1em;
  	margin-bottom: 1em;
}

#ratesimgboxnoline {
	overflow: auto;
	width: 100%;
	height: auto;
	text-align: center;
  	margin-bottom: 1em;
}

#cafenav
{
  	background: url(images/cafenav.jpg) no-repeat;
  	width: 167px;
  	height: 450px;
  	padding-left: 5px;
  	padding-bottom: 2px;
}

.rempic {
	overflow: auto;
	border: solid 2px #3f42c0;
	margin: .5em;
	height: 250px;
	width: 250px;
}

.rempic img {
    overflow: auto;
    display: block;
}

.ind1 {
	margin-left: 50px;
}

.ind2 {
	margin-left: 100px;
}

#oopsnav
{
  	background: url(images/oopsnav.jpg) no-repeat;
  	width: 167px;
  	height: 450px;
 	padding-left: 5px;
  	padding-bottom: 2px;
}

#wednav
{
  	background: url(images/wednav.jpg) no-repeat;
  	width: 167px;
  	height: 450px;
 	padding-left: 5px;
  	padding-bottom: 2px;
}