html
{
	background-image: url(images/paper.jpg);
	color: #000;
	font: 80%/120% "Trebuchet MS", helvetica, sans-serif;
}

body
{
    margin: 0;
	padding: 0;
	text-align: center;
}

a
{
	outline: none;
	color: #0c619c;
	text-decoration: none;
}

a:hover
{
	color: #4989b5;
	text-decoration: underline;
}

/* Main navigation bar */

#nav_main
{
	background-image: url(images/navback.gif);
	background-repeat: repeat-x;
	height: 75px;
	text-align: center;
}

#nav_main ul
{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style-type: none;
	width: 712px;
}

#nav_main li
{
	display: inline;
	margin: 0;
}

a#nav_home
{
	float: left;
	width: 128px;
	height: 60px;
 	background: url(images/navhome.gif) no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -999em;
}

a#nav_home:hover
{
	background: url(images/navhomeroll.gif) no-repeat;
	text-decoration: none;
}

a#nav_whatson
{
	float: left;
	width: 165px;
	height: 60px;
 	background: url(images/navwhatson.gif) no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -999em;
}

a#nav_whatson:hover
{
	background: url(images/navwhatsonroll.gif) no-repeat;
	text-decoration: none;
}

a#nav_about
{
	float: left;
	width: 154px;
	height: 60px;
 	background: url(images/navabout.gif) no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -999em;
}

a#nav_about:hover
{
	background: url(images/navaboutroll.gif) no-repeat;
	text-decoration: none;
}

a#nav_photos
{
	float: left;
	width: 140px;
	height: 60px;
 	background: url(images/navphotos.gif) no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -999em;
}

a#nav_photos:hover
{
	background: url(images/navphotosroll.gif) no-repeat;
	text-decoration: none;
}

a#nav_social
{
	float: left;
	width: 125px;
	height: 60px;
 	background: url(images/navsocial.gif) no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -999em;
}

a#nav_social:hover
{
	background: url(images/navsocialroll.gif) no-repeat;
	text-decoration: none;
}

a#nav_contact
{
	float: left;
	width: 170px;
	height: 60px;
 	background: url(images/navcontact.gif) no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -999em;
}

a#nav_contact:hover
{
	background: url(images/navcontactroll.gif) no-repeat;
	text-decoration: none;
}

a#nav_noda
{
	float: left;
	width: 118px;
	height: 60px;
 	background: url(images/navnoda.gif) no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -999em;
}

a#nav_noda:hover
{
	background: url(images/navnodaroll.gif) no-repeat;
	text-decoration: none;
}

/* Container for main content */

#content
{
	margin: 0 auto;
	padding-bottom: 40px;
	width: 1000px;
	text-align: left;
}

/* Page header and other information */

#header
{
	float: left;
	width: 200px;
	margin: 20px 40px;
	padding: 0;
	color: #666;
}

#header h1
{
	float: left;
	width: 200px;
	height: 128px;
	margin: 0 0 20px 0;
	padding: 0;
	background: url(images/bfaoslogo.gif) no-repeat;
	text-indent: -999em;
}

#header h2
{
	color: #c57b24;
	font-weight: normal;
	text-transform: lowercase;
	margin: 15px 0 5px 0;
	padding: 0;
}

#header h3
{
	color: #666;
	font-weight: bold;
	font-size: 110%;
	margin: 10px 0 0 0;
	padding: 0;
}

#header p
{
	margin: 0;
	padding: 0;;
	line-height: 120%;
}

#header p.president
{
	font-size: 140%;
}

#header img
{
	float: left;
	margin: 5px 10px 0 0;
	padding: 0;
	border: none;
}

/* Main content */

#main
{
	float: left;
	width: 440px;
	margin: 20px 0;
	padding: 0;
}

.imgcenter
{
	margin: 0;
	padding: 0;
	text-align: center;
}

img
{
	border: none;
}

/* Extra information */

#info
{
	float: left;
	width: 200px;
	margin: 20px 40px;
	padding: 0;
	color: #666;
}

#info h1
{
	float: left;
	width: 200px;
	height: 128px;
	margin: 0 0 20px 0;
	padding: 0;
	background: url(images/bfaoslogo.gif) no-repeat;
	text-indent: -999em;
}

#info h2
{
	color: #c57b24;
	font-weight: normal;
	text-transform: lowercase;
	margin: 15px 0 5px 0;
	padding: 0;
}

#info h3
{
	color: #666;
	font-weight: bold;
	font-size: 110%;
	margin: 10px 0 2px 0;
	padding: 0;
}

#info p
{
	margin: 0;
	padding: 0;;
	line-height: 120%;
}

/* Photo galleries */

#gallery
{
	float: left;
	width: 720px;
	margin: 40px 0;
	padding: 0;
	text-align: center;
}

h2#mflphotos
{
	float: left;
	width: 720px;
	height: 28px;
	margin: 0 0 20px 0;
	background: url(photos/heads/mflhead.gif) no-repeat center;
	text-indent: -999em;
}

h2#fiddlerphotos
{
	float: left;
	width: 720px;
	height: 28px;
	margin: 0 0 20px 0;
	background: url(photos/heads/fiddlerhead.gif) no-repeat center;
	text-indent: -999em;
}

h2#iolanthephotos
{
	float: left;
	width: 720px;
	height: 28px;
	margin: 0 0 20px 0;
	background: url(photos/heads/iolanthehead.gif) no-repeat center;
	text-indent: -999em;
}

h2#gipsyphotos
{
	float: left;
	width: 720px;
	height: 28px;
	margin: 0 0 20px 0;
	background: url(photos/heads/gipsyhead.gif) no-repeat center;
	text-indent: -999em;
}

h2#brigphotos
{
	float: left;
	width: 720px;
	height: 28px;
	margin: 0 0 20px 0;
	background: url(photos/heads/brighead.gif) no-repeat center;
	text-indent: -999em;
}

h2#gondphotos
{
	float: left;
	width: 720px;
	height: 28px;
	margin: 0 0 20px 0;
	background: url(photos/heads/gondoliershead.gif) no-repeat center;
	text-indent: -999em;
}

h2#photogalleries
{
	float: left;
	width: 720px;
	height: 28px;
	margin: 0 0 20px 0;
	background: url(photos/heads/photogallerieshead.gif) no-repeat center;
	text-indent: -999em;
}

#gallery ul
{
	margin: 0;
	padding: 0;
	text-align: left;
	list-style-type: none;
}

#gallery ul li
{
	float: left;
	width: 100px;
	height: 100px;
	margin: 10px;
	padding: 0;
	display: inline;
}

#gallery ol
{
	margin: 0;
	padding: 0;
	text-align: left;
	list-style-type: none;
}

#gallery ol li
{
	float: left;
	width: 100px;
	height: 150px;
	margin: 10px;
	padding: 0;
	display: inline;
	text-align: center;
}

#gallery img
{
	border: 0;
}

/* Footer */

#footer
{
	clear: both;
	/*background-color: #1c425c;
	background-image: url(images/footerback.gif);
	background-repeat: repeat-x;*/
	margin: 0;
	padding: 0;
	color: #999;
	font-size: 90%;
}
