/* CSS Document */

body {
	font-family: arial, century gothic, sans-serif;
	font-size: 12px;
	color: #330077;
/*	color: rgb(255,191,255);*/
	font-color: #770077;
	background: #FFF0F0;
/*	background-image: url("../images/PalmTreeBeachBG.jpeg");*/
	text-shadow: 3px 3px 4px gray;
	text-align: center;
	}

p {
clear: both;
	color: #660099;
	margin: 0;
	text-shadow: 3px 3px 4px gray;
/*	background: rgb(255,191,255);
	font-color: #C100DE;
	font-family: arial, century gothic, sans-serif;
*/
}
h1 {font-size: 24px; margin: 0; color: #FF3377; font-weight: bold;}
h2 {font-size: 16px; margin: 0;}
h3 {font-size: 12px; margin: 0;}
h4 {font-size: 10px; margin: 0;}

td {
	font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; color: 770022;
}

th {
	font-family: arial, helvetica, verdana, sans-serif; font-size: 12px; color: 770022;
}

#FancyStyleID {
	font-family: Skia,"Comic Sans MS", papyrus, fantasy; 
	color: #333377;
	text-shadow: 3px 3px 4px gray;
	}

p.SansSerif {
	font-family: arial, century gothic, sans-serif;
	color: #770077;
	text-shadow: 3px 3px 4px gray;
	}

p.FancyStyle {
	font-family: papyrus, Skia, "Comic Sans MS": fantasy; 
	color: #333377;
	text-shadow: 3px 3px 4px gray;
	}

p.BioDescription {
  color: #770077;
  font-family: Papyrus, Skia, "Comic Sans MS": fantasy;
  }
  
p.PhotoLegend {
  color: rgb(255,191,255);
  font-family: Papyrus, Skia, "Comic Sans MS": fantasy;
  }

:link { color: rgb(31, 0, 191); }	/* for unvisited links */
:visited { color: rgb(127, 0, 127); } /* for visited links */
a:active { color: rgb(255, 63, 0); } /* when link is clicked */
a:hover { color: rgb(255, 0, 0); } /* when mouse is over link */

.fancy { clear: both;
font-family: comic sans MS, skia, arial, helvetica, verdana, sans-serif; font-size: 12px; }
.Copyright { clear: both;
font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; color:#333333;  text-align: center;}
.Copyright a { clear: both;
text-decoration: none;}
.SmallPrints { clear: both;
font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; color:#333333; }

div.ContainerStyleClass
{
clear: both;
margin:0px;
text-align: left;
/*border:1px solid blue;*/
}
div.HeaderStyleClass
{
clear: both;
padding:0.5em;
color:red;
/*background-color:#CCFFEE;*/
text-align: center;
clear:left;
}
div.FooterStyleClass
{
clear: both;
padding:0.5em;
color:gray;
background-color:#CCFFEE;
text-align: center;
clear:left;
}
div.MainContentStyleClass
{
clear: both;
margin:0;
padding:1em;
}
div.LeftColumnStyleClass
{
clear: both;
float:left;
width:600px;
padding:1em;
}
div.RightColumnStyleClass
{
clear: both;
margin-left:600px;
/*
width: 300px;
border-left:1px solid gray;*/
padding:1em;
}
div.JustifyStyleClass
{
clear: both;
text-align: justify;
}