/* mystyle.css
 * thedambusters.org.uk
 * Black Scheme
 */

/*---HORIZONTAL RULE---*/
hr
{
	color:									gray;							
}

/*---HEAD---*/
head
{
	margin-top:							0px;
	margin-bottom:					0px;
	margin-left:							0px;
	margin-right:						0px;

}

/*---BODY---*/
body
{
	background-color:				211F1F;
	color:									white;						/*Set font color to white*/
	margin-top:							0px;
	margin-bottom:					0px;
	margin-left:							0px;
	margin-right:						0px;
}

/*
 * Settings for body of pages that contain a background image
 * Inherits all settings from "body" 
 */
body.pic
{
	background-image:				url("damBreach.jpg");
	background-repeat:				no-repeat;
	background-attachment:		fixed;
	background-position:			bottom right;
}


/*---PARAGRAPH---*/
p
{
	margin-left:							10px;
	margin-right:						0px;
	padding:								10px;
	font-size:							10pt;
	font-family:							Lucida Sans Unicode;
	text-align:							justify;
	color:									white;
}

/*
 * paragraphs with text that is right aligned
 * used for [Top] links on pages
 * overrides values in p
 */
p.right
{
	margin-right:						10px;
	text-align:							right;
	padding:								0;
}

/* 
 * used to identify video media
 */
p.video
{
	border-style:						solid;
	border-color:						red;
	border-width:						1.5pt;
	text-align:							center;						/* overrides value in p */
}


/*---TABLE---*/
table
{
	border-collapse:					collapse;						/* collapses borders between tables so no space is left between */
	padding:								0%;
	margin:								0;
	font-size:							10pt;
	font-family:							Lucida Sans Unicode
}

/*
 * table used for breadcrum navigation at top of page
 */
table.breadcrum
{
	background-color:				black;
}

/*
 * Contains title "The Dambusters (617 Squadron)"
 * Does not include the image AJ-G (AJ-Gsmall.gif)
 */
table.top
{
	background-color:				black;						/*BG colour set to black*/
}

/*
 * table cell for main title "The Dambusters (617 Squadron)" at top of page
 * NOTE: Font type and size for title are defined in HTML (this needs changing!)
 */
td.right
{
	color:								white;
	padding-left:					20pt;
	text-align:						center;
}

/*
 * table cell at top left of page that contains image AJ-Gsmall.gif
 */
td.left
{
	font-size:							14pt;
	background-color:				black;
}

/*
 * tables to indicate crew members survived raid (green)
 */
table.crew_a
{
	border-style:						solid;
	border-color:						green;
	border-width:						thin;
}

/*
 * tables to indicate crew members were lost in raid (red)
 */
table.crew_d
{
	border-style:						solid;
	border-color:						red;
	border-width:						thin;
}

/*
 * tables to indicate crew members were taken prisoner in raid (orange)
 */
table.crew_p
{
	border-style:						solid;
	border-color:						orange;
	border-width:						thin;
}

/*
 * tables to indicate other crew members who did not fly in raid (white)
 */
table.crew_o
{
	border-style:						solid;
	border-color:						white;
	border-width:						thin;
}

/*
 * table cell for email address at bottom right of page
 */
td.email
{
	margin:								0;
	text-align:							right;
	background-color:				black;
}

/*
 * table cell for copyright notice at bottom left of page
 */
td.copy
{
	margin:								0;
	text-align:							left;
	background-color:				black;
	font-size:							8pt;
}

/* 
 * table cell for main menu on left of page
 */
td.menu
{
	font-size:						10pt;
	color:								yellow;
	background-color:			black;
}

/*
 * table cell for main content of page
 * settings in "p" adjust main text
 * settings for headings adjust headings
 */
td.content
{
	
}


/*---DIVIDES---*/

/*
 * divide for main menu items on left of page
 */
div
{
	padding-top:					5pt;					/* vertical spacing between menu items */
}

/*
 * links page divides
 */
div.links
{
	padding-left:					15pt;					/* space between menu and start of link */
	padding-top:					5pt;					/* vertical space between links */
}

div.content
{
	padding-top:					0pt;
	margin-left:						20px;
}


/*---HEADINGS---*/


h1 
{
	color:								white;
	text-align:						center;
}

/*
 * going to be used for main Dambusters title but coded in html (i think)
 * therefore not used currently (i think)
 */
h1.main
{
	color:								white;
	text-align:						left;
	font-size:						300%;
	padding-left:					50pt;
}


h2 
{
	color:								white;
	font-size:						12pt;
	text-align:						center;
}

h2.left
{
	color:								white;
	font-size:						12pt;
	text-align:						left;
	padding-left:					15pt;
}

h3
{
	color:								white;
	font-size:						12pt;
}


/* ANCHOR TAGS */
a:link
{
	color:								yellow;
	text-decoration:				none;
}

a:visited
{
	color:								orange;
	text-decoration:				none;
}

a:hover
{
	color:								yellow;
	text-decoration:				underline;
}

/*---END OF FILE---*/