/* 
---------------------------------------------------------------------------------------------------------------
global styles
------------------------------------------------------------------------------------------------------------------ 
*/


body
{
	margin: 0;
	padding: 0;
	font: 85% arial, hevetica, sans-serif;
	text-align: center;
	color: white;
	background-color: #000000;
}

a:link { color: white; }
a:visited { color: #b93411; }
a:focus { color: Orange; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 .5em; }
0
h1 {
	font: 250%  "monotype corsiva", times, "times new roman", serif purple;
	padding: 5px 5px 5px 5px;
	padding-color:whitesmoke;
	border: 5px;
}


<style type="text/css">

.thumbnail{
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
left:400px;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 10px 10px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 290px;
center: 60px; /*position where enlarged image should offset horizontally */

}

</style>



HR
{
	color: orange;
	size: 30px;
}
object
{
padding-left:10px;
}
h2
{
	color: Orange;
	font: 180% papyrus,"monotype corsiva", times, "times new roman", serif;
}

h2 a { text-decoration: none;margin-left:100px;}

h3
{
	color: #7d8206;
	font: 150% papyrus, "monotype corsiva", "times new roman", serif;
}

h4
{
	color: orange;
	font: 100%  papyrus, "monotype corsiva", times, "times new roman", serif;
}
table {
	font: Times, "Times new roman";
	
}


/* 
------------------------------------------------------------------------------------------------------------------
container styles
--------------------------------------------------------------------------------------------------------------------- 
*/

#container{
	margin: 1em auto;
	width: 1000px;
	height: 1200px;
	text-align: left;
	background: url(../images/backgroundfinal.jpg);
	background-repeat: no-repeat;
	background-position: fixed;
	background-position: center;
}	


/* 
------------------------------------------------------------------------------------------------------------------
header styles
-------------------------------------------------------------------------------------------------------------------- 
*/

#header
{
	height: 150px;
	width: 100%;
	margin-left:250px;
	margin-right:50px;
	margin-top:10px;
	background: url(images/headerII.jpg) no-repeat 0 0;
}

#header h1
{
	position: absolute;
	left: -500em;
}




/* 
--------------------------------------------------------------------------------------------------------------------
mainnav styles
--------------------------------------------------------------------------------------------------------------------- 
*/

#mainnav
{
	color: white;
	padding: 0 0;
	margin-bottom: 22px;
	margin-left:90px;
	font-size:20px;
}

#mainnav ul
{
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
	
}

#mainnav li
{
	display: inline;
	padding: 15px 20px;
	
}

#mainnav li a
{
	text-decoration: none;
	color: white;
}

#mainnav li a:hover
{
	text-decoration: none;
	color: black;
	background-color: red;
}


/* 
----------------------------------------------------------------------------------------------------------------------
menu styles
----------------------------------------------------------------------------------------------------------------------- 
*/

#menu
{
	float: right;
	width: 300px;
	height: 300px;
	border-left: 1px solid grey;
	padding-left: 10px;
}

#menu ul
{
	margin: 1em 0;
	padding: 0;
}

#menu ul li
{
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
}


/* 
----------------------------------------------------------------------------------------------------------------------
contents styles
---------------------------------------------------------------------------------------------------------------------- 
*/

#contents
{
	float: left;
	width: 1000px;
	height: auto;
	margin: 0 20px 20px 20px;
}

#contents p { line-height: 165%; margin-left:40px; margin-right:20px;}
.blogentry { border-bottom: 1px; }
.blogentry p {
	font: "times new roman";
}
.blogentry ul
{
	text-align: right;
	margin: 1em 0;
	padding: 0;
	font-size: 95%;
	
}

.blogentry li
{
	list-style: square;
	display: inline;
	margin: 0;
	padding: 0 0 0 7px;
}

.blogentry img {
	margin: 5px 15px 5px 5px;
	
	
}


.imagefloat
{
	float: left;
	padding: 2px;
	border: 1px solid #9FA41D;
	margin: 0 0 5px 5px;
}




/* 
---------------------------------------------------------------------------------------------------------------------
footer styles
---------------------------------------------------------------------------------------------------------------------- 
*/


#footer {
	clear: both;
	height: 60px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #c9c9c9;
	border-top: 1px solid grey;
	line-height: 18px;
}

#footer a {
	color: #c9c9c9;
	text-decoration: none;
}

#footer : hover {
	color: #db6d16;
}

#footer img {
	margin-left: 5px;
}
#footer #altnav{
	width: 890px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#footer #altnav p{
	float: right;
}


            

