*, img {margin:0; border:0;}

body {font-family: Veranda, Helvetica, sans-serif; font-size:10pt; color:#5c5c5c;}

#wrapper {width:860px; margin:auto;}

#header {margin:20px 0px 0px 0px;}

#navigation {height:32px; background:#ffffff url('images/navigation.jpg') no-repeat left center; margin-bottom:10px; color:#ffffff;}

.nav {list-style:none; margin:0; padding:0; float:left;}

.nav li {display:inline; padding-left:21px; font-family:Maiandra GD;}

#photos {width:255px; float:left; padding:0px 10px 10px 0px;}

#content {width:595px; float:left;}

#footer {clear:left; background:#ffffff url('images/footer.jpg') no-repeat bottom center; height:32px; padding:44px 0px 0px 0px;margin-bottom:20px;}

.left {float:left; padding:0px 3px 3px 0px;}

.right {float:right; height:32px; padding:4px 15px 0px 0px; margin-bottom:10px; color:#ffffff;}

h1, h2{color:#4e7316;}

h3 {color:#5c5c5c;}

p {padding:5px 0px;}

#content a, a:active, a:link, a:visited {color:#755d1d; text-decoration:underline;}

#content a:hover {color:#4e7316;text-decoration:none}

#footer a, a:active, a:link, a:visited {color:#FFFFFF; text-decoration:underline;}

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

.tableDisplay {background: url("images/table.jpg"); width:100%;	margin-bottom:10px;}

.tableDisplay tr {height: 85px;}
 
.tableDisplay td {padding:0px 5px;}

span.author{color:#5c5c5c;font-size:10pt;}


ul#nav { background:url(images/navigation.jpg);}
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:32px; display:block;top:0; text-indent:-9999px; outline:none }

li#navnews a, li#navpavilion a, li#navphotos a, li#navfriends a, li#navhistory a, li#navcontact a { background:url(images/nav.jpg) }

/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	initial state = 0
	rollover state = 41px
	selected state = 82px

	The distance from the far-left to the...

	news button = 0
	shop button = 250px
	artists button = 330px
	links button = 412px
	about button = 498px
	about button = 588px


	The width of the...

	news button = 158px
	shop button = 92px
	artists button = 80px
	links button = 82px
	about button = 86px
	about button = 90px

*/

li#navnews a 						{ background-position:0 0; width:163px; left:0 }
li#navnews a:hover					{ background-position:0 -32px }
li#navnews a.active:link, li#navnews a.active:visited, li#navnews a.active:active { background-position:0 -64px }

li#navpavilion a 					{ background-position:-198px 0; width:97px; left:198px }
li#navpavilion a:hover					{ background-position:-198px -32px }
li#navpavilion a.active:link, li#navpavilion a.active:visited, li#navpavilion a.active:active { background-position:-198px -64px }

li#navphotos a 						{ background-position:-397px 0; width:85px; left:397px }
li#navphotos a:hover					{ background-position:-397px -32px }
li#navphotos a.active:link, li#navphotos a.active:visited, li#navphotos a.active:active { background-position:-397px -64px }

li#navfriends a 					{ background-position:-595px 0; width:87px; left:595px }
li#navfriends a:hover					{ background-position:-595px -32px }
li#navfriends a.active:link, li#navfriends a.active:visited, li#navfriends a.active:active { background-position:-595px -64px }

li#navhistory a 					{ background-position:-794px 0; width:91px; left:794px }
li#navhistory a:hover					{ background-position:-794px -32px }
li#navhistory a.active:link, li#navhistory a.active:visited, li#navhistory a.active:active { background-position:-794px -64px }

li#navcontact a 					{ background-position:-992px 0; width:95px; left:992px }
li#navcontact a:hover					{ background-position:-992px -32px }
li#navcontact a.active:link, li#navcontact a.active:visited, li#navcontact a.active:active { background-position:-992px -64px }

/* The following code just puts our navigation on an example page; it's not necessarily related to the tutorial */

ul#nav { line-height:32px; padding-left:20px; margin:0;}

input, textarea{
	border:1px solid #565656;
}

th{
	text-align:right;
	vertical-align:top;
	font-size:10pt;
}

hr{
	background:url(images/hr.png) no-repeat;height:40px;border:none;border-style:none;
}

hr img{
border-style:none;}

.adminlink{
	font-size:10pt;
	text-align:right;
}

blockquote{
	font-style:italic;
	margin-top:5px;
	padding-left:15px;
	padding-right:15px;
	background:#EEEEEE;
}

span.green{
	color:#4e7316;
	font-size:10pt;
}

span.grey{
	font-size:10pt;
	color:#565656;
}

span#padlock{
	background:url(images/lock.gif);
	width:10px;
	height:17px;
	display:block;
	float:right;
	margin-right:10px;
}

span#padlock:hover{
	background:url(images/unlock.gif);
}