/*
CSS for Bubble Under site
*/
body
{
	font-family: verdana, Helvetica, Arial, sans-serif;
	background-color: #eeeeee;
	line-height: 125%;
	padding: 0;
	margin: 0;
}
h1, h2, h3
{
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;

}
h1
{
	font-size: x-large;
	background-color: black;
	color: gold;
	padding-top: 2em;
	padding-bottom: .2em;
	padding-left: .4em;
	margin: 0;
}
h2
{
	color: black;
	font-size: 130%;
	font-weight: normal;
	padding-top: 15px;
}
li
{
	font-size: small;
	list-style-type: circle;
}
#navigation ul
{
	padding-top: 15px;
}
#navigation li
{
	font-size: small;
	list-style-type: none;
}
p
{
	font-size: small;
	color: black;
}
em
{
	font-style: italic;
}	
#tagline p
{
	font-style: italic;
	font-family: Georgia, Times, Serif;
	background: gold;
	border-top: 3px solid yellow;
	border-bottom: 3px solid yellow;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left: .8em;
	margin: 0;
    
}
a
{
	font-weight: bold;
}
a:link
{
	color: black;
}
a:visited
{
	color: black;
}
a:hover
{
	text-decoration: none;
}
a:active
{
	color: gray;
}
#navigation a:link
{
	color: gold;
}
#navigation a:visited
{
	color: gold;
}
#navigation a:hover
{
	text-decoration: none;
	color: white;
}
# navigation a:active
{
	color: aqua;
}
.fun
{
	color: #339999;
	font-family: Georgia, Times, Serif;
	letter-spacing: 0.05em;
}
blockquote.fun {
  font-style: italic;
}
#navigation
{
	width: 150px;
        height: 484px;
	background: black;
}
#header
{
	border-top: 3px solid yellow;
}
.galleryphoto
{
	padding: 5px;
}
.gallerythumb
{
        margin: 10px;
}
.photocredit
{
	font-weight: normal;
	color: gray;
}
table.contacts
{
	border-collapse: collapse;
}
table.contacts th, table.contacts td
{
	padding: 4px;
	border: 1px solid yellow;
}
table.contacts th
{
	font-size: x-small;
	text-align: left;
        background: gold;
	color: black;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 2px;
	padding-right: 2px;
}
table.contacts td
{
	font-size: small;
}
table.events caption
{
	color: #000066;
	font-size: small;
	text-align: left;
	padding-bottom: 5px;
	font-weight: bold;
}
fieldset
{
	border: 2px solid black;
	padding: 10px;
}
legend
{
	font-weight: bold;
	font-size: small;
	color: black;
	padding: 5px;
}
form label
{
	font-weight: bold;
	font-size: small;
	color: black;
	line-height: 150%;
}
form label.fixedwidth
{
	display: block;
	width: 160px;
	float: left;
}
form .buttonarea input
{
	background: yellow;
	color: black;
	font-weight: bold;
	padding: 5px;
	border: 1px solid black;
}
form .buttonarea
{
	background-color: gold;
	padding: 4px;
	text-align: center;
}
form
{
	padding: 0;
	margin: 0;
	margin-top: -15px; 
}
/* 
This section deals with the positioning of stuff on the page.
It uses absolute positioning - fixed x any co-ords, taken
from top, left-hand corner.
*/
#navigation, #bodycontent, #header
{
	position: absolute;
}
#navigation, #bodycontent
{
	top: 107px;
}
#bodycontent
{
	left: 170px;
}
.feature
{
	float: right;
	margin: 10px;
}
#header
{
	width: 100%;
}