/* Buckingham Club Layout - www.buckinghamclub.com */
/* Copyright (c) 2006 Buckingham Club. All rights reserved. */
/* Created for Buckingham Club by Open Development, May 2006. */





/* -------------- GENERAL ------------------------------------------------------------------------------------- */



body
	{
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	background: url(../images/tile.jpg) 0px 0px fixed;
	font: 75% Verdana, sans-serif;
	line-height: 1.45em;
	color: #333;
		}
	
#noscript
	{
	margin: 0 auto;
	padding: 0;
	width: 760px;
	text-align: left;
	background: #ffde33;
	font-weight: bold;
		}
	
#noscript p
	{
	margin: 6px;
		}
		
		

	


/* -------------- TYPOGRAPHY --------------------------------------------------------------------- */



h1
	{
	font-size: 2.25em;
	font-weight: normal;
		}

h2
	{
	font: bold 1.8em Georgia, serif;
		}

h3
	{
	font-size: 1.25em;
	font-weight: bold;
		}

h4
	{
	font: bold 1.25em Georgia, serif;
	color: #f60;
		}

h5
	{
	font-size: 1.25em;
	font-weight: normal;
		}

h6
	{
	font-size: 1.1em;
	font-weight: normal;
		}
		
p
	{
	margin-top: 2em;
	margin-bottom: 2em;
		}

strong
	{
	font-weight: bold;
		}

em
	{
	font-style: italic;
		}

pre,code
	{
	font: normal 1em Courier, monospace;
		}
		
		

	


/* -------------- LAYOUT --------------------------------------------------------------------- */




#shell
	{
	width: 760px;
	margin: 0 auto;
	background: url(../images/tile_page.gif) repeat-y;
		}

#nonCss
	{
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 760px;
		}
				
#nonCss h1
	{
	display: none;
		}
				
#nonCss p
	{
	display: none;
		}
		
#banner
	{
	width: 760px;
	height: 90px;
	background: #293c5a url(../images/logo_inside.gif) no-repeat;
		}
		
		
#leftColumn
	{
	width: 210px;
	float: left;
		}
		
#logo
	{
	width: 210px;
	height: 250px;
	background: #293c5a url(../images/logo.gif) no-repeat;
		}
		
#navBox
	{
	background: url(../images/tile_left.gif) no-repeat;
		}
		
#navSpacer
	{
	height: 48px;
		}
		
		
		

		
		

	


/* -------------- NAVIGATION --------------------------------------------------------------------- */



		
#navigation
	{
	margin: 0;
	padding: 0;
	text-align: left;
	height: 372px;
	width: 210px;
	background: url(../images/navblock.gif) no-repeat;
		}

#navigation span
	{
    display: none;
		}
		
#navigation h4
	{
	display: none;
	}
		
#navigation ul
	{
    margin: 0;
    padding: 0;
    height: 30px;
    position: relative;
		}
		
#navigation li
	{
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
		}
		
#navigation li, #navigation a
	{
    height: 30px;
    display: block;
		}

#nav1
	{
    left: 0px;
    width: 210px;
		}

#nav1 a:hover
	{
    background: transparent url(../images/navblock.gif) -210px -0px no-repeat;
		}

#nav2
	{
    left: 0px;
    width: 210px;
		}

#nav2 a:hover
	{
    background: transparent url(../images/navblock.gif) -210px -30px no-repeat;
		}

#nav3
	{
    left: 0px;
    width: 210px;
		}

#nav3 a:hover
	{
    background: transparent url(../images/navblock.gif) -210px -60px no-repeat;
		}

#nav4
	{
    left: 0px;
    width: 210px;
		}

#nav4 a:hover
	{
    background: transparent url(../images/navblock.gif) -210px -90px no-repeat;
		}

#nav5
	{
    left: 0px;
    width: 210px;
		}

#nav5 a:hover
	{
    background: transparent url(../images/navblock.gif) -210px -120px no-repeat;
		}

#nav6
	{
    left: 0px;
    width: 210px;
		}

#nav6 a:hover
	{
    background: transparent url(../images/navblock.gif) -210px -150px no-repeat;
		}

#nav7
	{
    left: 0px;
    width: 210px;
		}

#nav7 a:hover
	{
    background: transparent url(../images/navblock.gif) -210px -180px no-repeat;
		}

#nav8
	{
    left: 0px;
    width: 210px;
		}

#nav8 a:hover
	{
    background: transparent url(../images/navblock.gif) -210px -210px no-repeat;
		}

#nav9
	{
    left: 0px;
    width: 210px;
		}

#nav9 a:hover
	{
    background: transparent url(../images/navblock.gif) -210px -240px no-repeat;
		}

#nav10
	{
    left: 0px;
    width: 210px;
		}

#nav10 a:hover
	{
    background: transparent url(../images/navblock.gif) -210px -270px no-repeat;
		}

#nav11
	{
    left: 0px;
    width: 210px;
		}

#nav11 a:hover
	{
    background: transparent url(../images/navblock.gif) -210px -300px no-repeat;
		}
		
		
		
		
		
		
		
		
		

		
#rightColumn
	{
	width: 550px;
	float: left;
		}
		
#flash
	{
	width: 550px;
	height: 320px;
		}
		
#headline
	{
	width: 550px;
	height: 75px;
		}
		
#headline h1
	{
	display: none;
		}
		
#content
	{
	width: 500px;
	margin: 0 25px;
	text-align: left;
		}
		
.photoRight
	{
	float: right;
	margin: 3px 0 3px 15px;
		}
		
.pad img
	{
	margin-right: 10px;
	margin-bottom: 10px;
		}
		
		
		

		
		
		
		
		
		
/* -------------- FOOTER --------------------------------------------------------------------- */



#footer
	{
	margin: 0 auto;
	width: 760px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #293c5a;
	color: #fff;
	text-align: center;
		}
		
#footer a
	{
	color: #fff;
		}
		
#footer a:hover
	{
	color: #f99;
		}
		
		

		
		
		
		
		
		
/* -------------- MISCELLANEOUS --------------------------------------------------------------------- */


.button
	{
	font: bold 1em Verdana, Arial, sans-serif;
	color: #fff;
	background: #355b86;
	text-align: center;
	padding: 2px;
		}

.textbox
	{
	font-family: Geneva, Arial;
	font-size: 1em;
	color: #333;
	background: #f2f1ee;
	border: 1px #333 solid;
	text-align: left;
	padding: 2px;
		}

select
	{
	font-family: Geneva, Arial;
	font-size: 1em;
	color: #333;
	background: #efefef;
	padding: 2px;
		}
		
.checkbox
	{
	margin-right: 6px;
		}
		
input:focus, textarea:focus
	{
	background: #e1e5f8;
	color: #333;
		}
		
.clear12
	{
	clear: both;
	height: 12px;
	margin: 0 auto;
	padding: 0;
	line-height: 0;
	font-size: 1px;
	width: 579px;
	background: #fff;
		}
		
.clear
	{
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 1px;
		}
		
.rightBox
	{
	margin: 3px 0 10px 18px;
	float: right;
		}
		
.leftBox
	{
	margin: 3px 18px 10px 0;
	float: left;
		}
		
.leftBox p, rightBox p
	{
	width: 99%;
	font-size: .9em;
	font-style: italic;
	line-height: 1.5em;
		}
		
.question
	{
	color: #c40;
		}
		
.super
	{
	vertical-align: 3px;
	font-size: .8em;
		}
		
.required
	{
	color: #c00;
	font-weight: bold;
		}
		
.home
	{
	line-height: 2em;
		}