body
        {
        position:relative;
        width:95%;
        min-width:900px;
        min-height:970px;
        margin:auto;
        background:lightblue;
        }
p
	{
	position:relative;
	padding:0 20px 0 20px;
	font-size:1.4em;
	opacity:0;
	transition-duration:0.4s;
	}
h1
        {
        position:relative;
        top:-10px;
        padding:0 0 0 20px;
        font-size:3.1em;
        }
h3
        {
	padding:0 0 0 20px;
	color:rgb(255,150,25);
        text-shadow:0.3px 0.3px 0.5px black;
	font-size:1.5em;
	opacity:0;
	}
h4
        {
        padding:0 0 0 20px;
	color:rgb(255,150,25);
        text-shadow:0.3px 0.3px 0.5px black;
	font-size:1.2em;
	opacity:0;
        }
.linktag
	{
	display:block;
	text-decoration:none;
	color:black;
	}
.paragraphlink
        {
        display:inline;
        text-decoration:none;
	color:rgb(255,150,25);
        text-shadow:0.3px 0.3px 0.5px black;
        }
.paragraphlink:hover
        {
        text-decoration:underline;
        color:rgb(5,189,227);
        }
.weatherlinktag, .formlinktag
        {
        display:inline;
        text-decoration:none;
        color:black;
        font-size:1.3em;
        padding:0 0 0 20px;
        opacity:0;
        filter:alpha(opacity=0); /*for IE8 and earlier*/
        }
.formlinktag:hover, .weatherlinktag:hover
        {
        text-decoration:underline;
        color:rgb(5,189,227);
        text-shadow:0.3px 0.3px 0.5px black;
        }
footer
        {
        position:relative;
        top:880px;
        margin:auto;
        height:120px;
        border-top:1px solid black;
        width:100%;
        min-width:900px;
        }
footer h5
        {
        position:relative;
        float:left;
        top:0px;
        width:600px;
        margin:0 0 0 40px;
        font-size:1.1em;
        }
footer #footerparagraph
        {
        position:relative;
        float:left;
        top:0px;
        width:200px;
        margin:0 0 40px 20px;
        opacity:1 !important;
        font-size:1em !important;
        }
ul
	{
	display:block;
	position:absolute;
        width:100%;
	padding:0;
	margin:0;
	}

#headwrapper
	{
	position:relative;
        top:0px;
	background:white;
	box-shadow:1px 1px 6px black;
	width:100%;
        margin:auto;
        min-width:900px;
	height:120px;
        border-radius:5px;
        border:2px solid rgb(255,150,25);
	}
#spellmascot span
	{
	color:black;
	}
#spellmascot
	{
        position:relative;
        float:right;
        top:-25px;
        width:400px;
	font-size:1em;
	color:rgb(255,150,25);
        text-shadow:0.3px 0.3px 0.5px black;
        margin:0 40px 0 0;
	}
#mascotlogo
        {
        position:relative;
        float:right;
        clear:both;
        width:100px;
        top:-137px;
        }
nav ul #homelist
	{
	margin:20px 2px 0 30px;
	}
	
nav ul li
	{
	display:block;
	position:relative;
	float:left;
	list-style:none;
	margin:20px 2px 0 0;
	padding:7px 5px 4px 7px;
	text-align:center;
	font-size:1.3em;
        width:10%;
        height:32px;
	background:white;
	box-shadow:	1px 0px 4px black,
			-1px 0px 4px black;
	border-radius:3px;
	}
nav ul li a:hover
	{
	color:rgb(5,189,227);
	text-shadow:0.5px 0.5px 0.5px black;
	}
#contentwrapper div
	{
	position:absolute;
	top:190px;
	left:30px;
	width:90%;
	height:800px;
	background:white;
	opacity:0;
        filter:alpha(opacity=0); /*for IE8 and earlier*/
        box-shadow:1px 1px 4px black,
                    -1px 0px 2px black;
	border-radius:0px 5px 5px 5px;
	-ms-transition:all 1s 0.4s linear;
        -moz-transition:all 1s 0.4s linear;
        -webkit-transition:all 1s 0.4s linear;
        -o-transition:all 1s 0.4s linear;
        transition:all 1s 0.4s linear;
	}
.mascotbird
	{
	position:absolute;
	bottom:0px;
        right:0px;
	max-width:8%;
	padding:2px;
        margin:5px;
	box-shadow:	1px 1px 4px grey,
			-1px 1px 4px grey;
	opacity:1;
        filter:alpha(opacity=0); /*for IE8 and earlier*/
	}
#mascotfield
	{
	position:relative;
	top:-10px;
        width:80%;
	margin:0 0 0 10%;
	background:lightgrey;
	box-shadow:	1px 1px 4px black,
			-1px 1px 4px black;
        opacity:0;
        filter:alpha(opacity=0); /*for IE8 and earlier*/
	}
.home #homecontent
	{
	opacity:1;
        filter:alpha(opacity=100); /*for IE8 and earlier*/
        z-index:2;
	}
.home #homecontent *
	{
	opacity:1;
        filter:alpha(opacity=100); /*for IE8 and earlier*/
	}
.homehome #homelist
	{
	min-height:35px;
	transition-duration:0.2s;
	transition-delay:0.8s;
        border-radius: 3px 3px 0px 0px;
        box-shadow: -1px -1px 2px black;
	}
.homehome #homelink
	{
	color:rgb(255,150,25);
        text-shadow:0.3px 0.3px 0.5px black;
	}
.about #aboutcontent
	{
	opacity:1;
        filter:alpha(opacity=100); /*for IE8 and earlier*/
        z-index:2;
	}
.about #aboutcontent *
	{
	opacity:1;
        filter:alpha(opacity=100); /*for IE8 and earlier*/
	}
.homeabout #aboutlist
	{
	min-height:35px;
	-ms-transition:all 0.2s 0.8s linear;
        -moz-transition:all 0.2s 0.8s linear;
        -webkit-transition:all 0.2s 0.8s linear;
        -o-transition:all 0.2s 0.8s linear;
        transition:all 0.2s 0.8s linear;
	}
.homeabout #aboutlink
	{
	color:rgb(255,150,25);
        text-shadow:0.3px 0.3px 0.5px black;
	}
.news #newscontent
	{
        opacity:1;
        filter:alpha(opacity=100); /*for IE8 and earlier*/
	z-index:2;
	}
.news #newscontent *
	{
	opacity:1;
        filter:alpha(opacity=100); /*for IE8 and earlier*/
	}
.homenews #newslist
	{
	min-height:35px;
	-ms-transition:all 0.2s 0.8s linear;
        -moz-transition:all 0.2s 0.8s linear;
        -webkit-transition:all 0.2s 0.8s linear;
        -o-transition:all 0.2s 0.8s linear;
        transition:all 0.2s 0.8s linear;
	}
.homenews #newslink
	{
	color:rgb(255,150,25);
        text-shadow:0.3px 0.3px 0.5px black;
	}
.forms #formscontent
	{
	opacity:1;
        filter:alpha(opacity=100); /*for IE8 and earlier*/
	z-index:2;
	}
.forms #formscontent *
	{
        opacity:1;
        filter:alpha(opacity=100); /*for IE8 and earlier*/
	z-index:2;
	}
.forms .formlinktag
        {
        opacity:1;
        filter:alpha(opacity=100); /*for IE8 and earlier*/
        z-index:2;
        }
.homeforms #formslist
	{
	min-height:35px;
	-ms-transition:all 0.2s 0.8s linear;
        -moz-transition:all 0.2s 0.8s linear;
        -webkit-transition:all 0.2s 0.8s linear;
        -o-transition:all 0.2s 0.8s linear;
        transition:all 0.2s 0.8s linear;
	}
.homeforms #formslink
	{
	color:rgb(255,150,25);
        text-shadow:0.3px 0.3px 0.5px black;
	}
.gallery #gallerycontent
	{
	opacity:1;
        filter:alpha(opacity=100); /*for IE8 and earlier*/
	z-index:2;
	}
.gallery #gallerycontent *
	{
        opacity:1;
        filter:alpha(opacity=100); /*for IE8 and earlier*/
	z-index:2;
	}
.homegallery #gallerylist
	{
	min-height:35px;
	-ms-transition:all 0.2s 0.8s linear;
        -moz-transition:all 0.2s 0.8s linear;
        -webkit-transition:all 0.2s 0.8s linear;
        -o-transition:all 0.2s 0.8s linear;
        transition:all 0.2s 0.8s linear;
	}
.homegallery #gallerylink
	{
	color:rgb(255,150,25);
        text-shadow:0.3px 0.3px 0.5px black;
	}
.weather #weathercontent
	{
	opacity:1;
        filter:alpha(opacity=100); /*for IE8 and earlier*/
	z-index:2;
	}
.weather #weathercontent *
	{
        opacity:1;
        filter:alpha(opacity=100); /*for IE8 and earlier*/
	z-index:2;
	}
.weather #weathercontent a
	{
	padding:0 0 0 20px;
	text-decoration:underline;
	opacity:1;
        filter:alpha(opacity=100); /*for IE8 and earlier*/
	z-index:2;
	}
.weather #weathercontent a:hover
	{
	color:rgb(5,189,227);
	text-shadow:0.5px 0.5px 0.5px black;
	}
.homeweather #weatherlist
	{
	min-height:35px;
	-ms-transition:all 0.2s 0.8s linear;
        -moz-transition:all 0.2s 0.8s linear;
        -webkit-transition:all 0.2s 0.8s linear;
        -o-transition:all 0.2s 0.8s linear;
        transition:all 0.2s 0.8s linear;
	}
.homeweather #weatherlink
	{
	color:rgb(255,150,25);
        text-shadow:0.3px 0.3px 0.5px black;
	}
.contact #contactcontent
	{
	opacity:1;
        filter:alpha(opacity=100); /*for IE8 and earlier*/
	z-index:2;
	}
.contact #contactcontent *
	{
        opacity:1;
        filter:alpha(opacity=100); /*for IE8 and earlier*/
	z-index:2;
	}
.homecontact #contactlist
	{
	min-height:35px;
	-ms-transition:all 0.2s 0.8s linear;
        -moz-transition:all 0.2s 0.8s linear;
        -webkit-transition:all 0.2s 0.8s linear;
        -o-transition:all 0.2s 0.8s linear;
        transition:all 0.2s 0.8s linear;
	}
.homecontact #contactlink
	{
	color:rgb(255,150,25);
        text-shadow:0.3px 0.3px 0.5px black;
	}

/*start of form styling*/
form
        {
        position:relative;
        margin:0 0 0 140px;
        width:500px;
        height:400px;
        background:white;
        }
form p
        {
        margin:0 10px 20px 0px;
        }
form input
        {
        border-radius:5px;
        }
#firstnameparagraph
        {
        margin:50px 10px 20px 0;
        }
#email
        {
        margin:0 0 0 45px;
        font-size:0.9em;
        font-family:Cambria, serif;
        background:linear-gradient(lightgrey,white,white);
        }
#firstname
        {
        margin:0 0 0 6px;
        font-size:0.9em;
        font-family:Cambria, serif;
        background:linear-gradient(lightgrey,white,white);
        }
#lastname
        {
        margin:0 0 0 8px;
        font-size:0.9em;
        font-family:Cambria, serif;
        background:linear-gradient(lightgrey,white,white);
        }
#firstnamelabel, #lastnamelabel, #emaillabel
        {
	color:rgb(255,150,25);
        text-shadow:0.3px 0.3px 0.5px black;
        }
#inputwarning
        {
        position:relative !important;
        top:-10px !important;
        left:160px !important;
        width:280px !important;
        height:30px !important;
        box-shadow:0 0 0 white !important;
        text-align:center !important;
        font-size:1.3em !important;
        color:rgb(255,0,0);
        }
#commentslabel
        {
        position:relative;
        float:left;
        clear:right;
	color:rgb(255,150,25);
        text-shadow:0.3px 0.3px 0.5px black;
        font-size:1.4em;
        margin:0 0 10px 20px;
        }
#formcommenttext
        {
        position:relative;
        float:left;
        clear:left;
        width:500px;
        height:200px;
        font-size:1.4em;
        font-family:Cambria, serif;
        margin:0 0 10px 20px;
        border-radius:5px;
        background:linear-gradient(lightgrey,white,white,white);
        }
fieldset
        {
        margin:0 0 0 10px;
        border:none;
        font-size:1.3em;
        }
fieldset p
        {
        position:relative;
        float:left;
        }
form #resetbutton, #submitbutton
        {
        position:relative;
        top:-70px;
        left:330px;
        width:90px;
        font-size:1.4em;
        margin:0 10px 0 0;
        border-radius:5px;
        background:linear-gradient(white,lightgrey,white);
        }
/*end of form styling*/

/*start of styling for email confirmation splash page*/
#contentwrapper
        {
        opacity:1 !important;
        filter:alpha(opacity=100) !important;
        }
#contentwrapper #homecontent
        {
        opacity:1 !important;
        filter:alpha(opacity=100) !important;
        }
#contentwrapper #homecontent #splashheading
        {
        font-size:2em !important;
        margin:50px 0 50px 50px !important;
        opacity:1 !important;
        filter:alpha(opacity=100) !important;
        }
#contentwrapper #homecontent #splashparagraph
        {
        font-size:2em !important;
        margin:auto !important;
        padding:0 0 0 70px !important;
        opacity:1 !important;
        filter:alpha(opacity=100) !important;
        }
#contentwrapper #homecontent #splashparagraph span
        {
        color:rgb(255,150,25) !important;
        opacity:1 !important;
        filter:alpha(opacity=100) !important;
        }
#contentwrapper #homecontent #returnhome
        {
        font-size:2em !important;
	color:rgb(255,150,25);
        text-shadow:0.3px 0.3px 0.5px black;
        text-decoration:underline !important;
        margin:auto !important;
        padding:50px 0 0 70px !important;
        opacity:1 !important;
        filter:alpha(opacity=100) !important;
        }
/*end of styling email confirmation splash page*/