/* Beverley Association 2006 */

body	{
	background-color: #0000ff;
	color: #fff;
	font: normal 100% Georgia, "Bookman Old Style", serif;
	margin: 10px;
	padding-bottom: 5px;
	border: medium groove #fff;
	width: 950px;
	margin: 10px auto;
}

#header {
	border: 5px ridge #fff;
	height: 60px; 
	margin: 5px;
	padding: 5px 5px 0 0;
}

#content	{
	margin: .25em 0 0 0;
	padding: .5em;
}

/* ########## */
/* NAVIGATION */
/* ########## */


#navlist	{
	color: #000;
	background: #blue;
 	float: left;
 	border: medium ridge #fff;
	width: 183px;
	margin: 0 1em 0 0;
	padding: 4px 0;
	font: 900 70% "Trebuchet MS", Arial,  sans-serif;
}
#navlist li	{
	list-style: none;
	margin: 0;
	display: block;
	width: 160px;
	padding: 0 0 4px 0;
}
#navlist li a	{

	display: block;
	width: 160px;
	color: #fff;
	border: 4px double #fff;
	background-color: #0000CD;
	margin-left: .25em;
	padding: 4px;
	text-decoration: none;
	text-align: center;
}
#navlist li a:hover	{

	color: #000;
	background-color: #ffd700;
	border: 4px double #000;
}

/* Subnavigiation */

ul#navlist ul.subnavigation	{
	list-style: none;
	margin-left: 20px;
	padding: 0;
}
ul#navlist ul.subnavigation li	{
	border-top: 0 none;
}
ul#navlist ul.subnavigation li a:link, ul#navlist ul.subnavigation li a:visited	{
/*	padding: 3px 3%; */
	display: block;
	width: 120px;
	font: 900 90% "Trebuchet MS", Arial, sans-serif;
	color: White;
	background-color: #0000cd;
}
ul#navlist ul.subnavigation li a:hover	{
	color: #000;
	background-color: #ffd700;
}

#index .index, #association .association, #history .history, #xb259 .xb259, #xh124 .xh124, #stories .stories, #units .units,
#despatch .despatch, #lost .lost, #books .books, #links .links, #new .new, #map .map 	{ 
	color: #000;
	background-color: #fff; 
	border: 4px double #000;
}
#index .index:hover, #association .association:hover, #history .history:hover, #xb259 .xb259:hover, #xh124 .xh124:hover, #stories .stories:hover, squadrons .squadrons:hover,
#lost .lost:hover, #books .books:hover, #links .links:hover, #new .new:hover, #map .map:hover	{
	color: #000;
	background-color: #fff;
}

#footer	{
 	margin: 0;  
	border-top: medium groove #fff;
}
/* ##### */
/* LINKS */
/* ##### */
a.contact	{
	border: 4px double #fff;
	color: #fff;
	background-color: #0000ff;
	padding: 5px;
	font : 900 90% "Trebuchet MS", Arial, sans-serif; 
	text-decoration: none;
}
a.contact:hover{
	color: #000;
	background-color: #ffd700;
	border: 4px double #000;
}
a.plain	{
	color: #fff;
	background-color: #000;
	text-decoration: none;
	border: 1px solid #fff;
	padding: 0;
}
a.plain:hover	{
	color: #000;
	background-color: #fff;
	border: 1px solid #000;
}

a.plain2	{
	color: #fff;
	background-color: #000;
	font : 900 90% "Trebuchet MS", Arial, sans-serif; 
	text-decoration: none;
	border: 4px double #fff;
	min-width: 150px;
	padding: 3px 10px;
}
a.plain2:hover	{
	color: #000;
	background-color: #fff;
	border: 4px double #000;
}


a.linkbox {
	border: 4px outset #fff;
	background-color: #0000ff;
	color: #fff;
	text-align: center;
	padding: 0.125em .75em .125em .75em;
	font: normal 900 100% "Trebuchet MS", Arial, sans-serif;
	text-decoration: none;
}
a.linkbox:hover	{
	border: 4px inset #fff;
	color: #000;
	background-color: #ffd700;
}

#linkbox	{
	margin: 1%;
background-color: #0000cd; 
	color: #fff; 
	border: .2em solid #fff;
}
a.list	{
	color: #ffff00;
	background: transparent;
	font: normal 900 110% "Trebuchet MS", Arial, sans-serif;
	text-decoration: none;
}
a.maplist	{
	color: #ffff00;
	background: transparent;
	font: normal 900 90% "Trebuchet MS", Arial, sans-serif;
	text-decoration: none;
}

/* TEXT FORMATTING */
h1, h2, h3	{
	color: #fff;	
	background-color: transparent;
	font-family: "Trebuchet MS", , arial, sans-serif;
	font-weight: bold;
	text-align: center;
}
h1	{
	font-size: 200%;
}
h2	{
	font-size: 150%;
}
h3	{
	font-size: 125%;
}
h2.left	{
	text-align: left;
	font-size: 125%
}
p 	 {
	color: #fff;
	background-color: transparent;
	font-family: georgia, "bookman old style", "times new roman", serif;
	font-size: 100%;
	font-weight: 600;
	text-align: left;
}
.centre	{
	text-align: center;
}
p.centrelarge	{
	font-size: 120%;
	text-align: center;
}
/*
p.centrekmz	{
	border: 1px solid white;
	text-align: center;
	height:32px;
}
*/
.white	{
	color: White;
	background-color: Black;
	font-size: 80%;
	text-align: center;
	font-weight: 900;
}
#boxed	{
	width: 20em;
	margin-left: 200px; 
}

p.boxed	{
	border: 2px solid #808080;
	height: 71px;
	background: transparent;
	color: #000;
	padding: 5px;
	font-family: georgia, "bookman old style", "times new roman", serif;
	font-size: 100%;
	font-weight: 600;
	text-align: left;
}
.linkspage	{
	margin-left: 215px;
}

/* ###### */
/* IMAGES */
/* ###### */
img.nopad	{
	padding: 0;
}
img.noborder	{
	padding: 0;
	border: 0;
}
img.left	{
	float: left;
	padding-right: 5px;
	border: 0;
}
img.right	{
	float: right;
	padding-left: 5px;
	border: 0;
}
img.logo	{
	border: 4px groove #fff;
	padding-bottom: 3px;
}
img.pad	{
	padding: 0 5px;
}
img.frameleft	{
	border: 5px ridge;
	float: left;
	margin-right: 5px;
}

.clearright	{
	clear: right;
}
.clearleft	{
	clear: left;
}
.clearboth	{
	clear: both;
}

/* ###### */
/* TABLES */
/* ###### */
table	{
	margin: 0 auto;
	border: 2px solid #000;
}
caption	{
	margin: 0 auto;
	border: 5px double #000;
	padding: 5px;
	background: transparent;
	color: #000000;
	font-size: 175%;
	font-family: trebuchet, arial, sans-serif;
	font-weight: bold;
	text-align: center;
}
th	{
	width: 10em;
	background: transparent;
	color: #000000;
	font-family: georgia, "bookman old style", "times new roman", serif;
	font-size: 110%;
	font-weight: 900;
	text-align: left;
	border: solid 1px Black;
	padding: 5px;
}
td	{
	width: 8em;
	background: transparent;
	color: #000000;
	font-family: georgia, "bookman old style", "times new roman", serif;
	font-size: 100%;
	font-weight: 600;
	text-align: left;
	border: solid 1px Black;
	padding: 5px;
}



/* ##### */
/* VIDEO */
/* ##### */
#video320240	{
	width: 320px; /* set a 2% margin left & right */
	margin: 1em auto 0 auto; /*  A small margin to the top and centre it */
	height: 240px; 
	border: 7px ridge #fff;
}
#video480360	{
	width: 480px; /* set a 2% margin left & right */
	margin: 1em auto 0 auto; /*  A small margin to the top and centre it */
	height: 360px; 
	border: 7px ridge #fff;
}

ul.plain	{
	list-style: square;
	margin-left: 225px;
}

li.plain	{
	color: #fff;
	background-color: transparent;
	font-family: georgia, "bookman old style", "times new roman", serif;
	font-size: 90%;
	font-weight: 600;
	padding: .5em 0 0 .5em;
}
#sitemap	{
	margin-left: 200px;
}
ul.map	{
	list-style: disc;
}
li.sitemap	{
	padding: 0;
}
/* Beverley Association Stories & Photos */

/* Horizontal Navigation Photo Album */

#stories	{
	}
#storiesin	{
	margin: 0 auto 0 210px;
}
#navcontainerstories {
margin : 0 auto 0 auto; 
padding : 0; 
height : auto; 
width: 508px;

text-align : center; 
} 
#navcontainerstories ul {
border : 0; 
margin : 0 auto 0 auto; 
padding : 0; 
list-style-type : none; 
text-align : center; 
} 
#navcontainerstories ul li {
display : block; 
float : left; 
text-align : center; 
padding : 0; 
margin : 0 2px 4px 2px; 
} 
#navcontainerstories ul li a {
background-color : #0000cc; 
color : #fff; 
width : 140px; 
display : block; 
border : 5px outset white; 
padding : 0.25em 0.5em; 
font : 900 90% "Trebuchet MS", Arial, sans-serif; 
text-align : center; 
text-decoration : none; 
} 
#navcontainerstories ul li a:hover {
color : #000; 
background-color : #ffd700; 
width : 140px; 
display : block; 
border : 5px inset white; 
}