/* Cascading Style Sheet for Royal Deeside Railway Website (2004 David A. Allan) */
/* This file superseeds all previous CSS implementations */

/* General Definitions : Font, Color, Background etc */

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000000;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}

p {text-align: justify; margin: 1em;}

h1,h2,h3,h4,h5,h6 {font-family: Arial, Helvetica, sans-serif; color: #009900; text-align: center}

td {text-align: center; vertical-align: top;}

img {text-align: center;}

form {margin: 0px; padding: 0px;}

/* Hyperlink Definitions and Classes */
a:link {color: #0000FF; text-decoration: none}
a:active {color: #0000FF; text-decoration: none}
a:visited {color: #0000FF; text-decoration: none}
a:hover {color: #FF0000; text-decoration: none}

a.nav:link {color: #FFFFFF; text-decoration: none}
a.nav:active {color: #FFFFFF; text-decoration: none}
a.nav:visited {color: #FFFFFF; text-decoration: none}
a.nav:hover {color: #FFFF00; text-decoration: none}

a.newsflashURL:link {color: #FFFFFF; text-decoration: none}
a.newsflashURL:active {color: #FFFFFF; text-decoration: none}
a.newsflashURL:visited {color: #FFFFFF; text-decoration: none}
a.newsflashURL:hover {color: #0000FF; text-decoration: none}

a.imgBorder:link {border: thin solid #000000;}
a.imgBorder:active {border: thin solid #000000;}
a.imgBorder:visited {border: thin solid #000000;}
a.imgBorder:hover {border: thin dotted #0000FF;}

/* General Purpose Classes */
.alignCentre {text-align: center}
.alignLeft {text-align: left}
.uline {text-decoration: underline}
.highlight
{
	border: 1px solid #660000;
	background-color: #CCCCFF;
	padding: 1em;
	margin: 0px;
}
.boxBlack
{	border: medium double #000000;
	background-color: #FFFFCC;
	margin: 1em;
}
.smallBold
{
	font-weight: bold;
	font-size: smaller;
	text-align: center;
}

/* Classes specific to images */
img.border {border: thin solid #000000} /* Class applies a narrow border around selected (NOT ALL) images */
.imageCapt
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-weight: bold;
	font-size: smaller;
}
.imagePad
{
	margin: 5px;
}
.alignTop
{
	position: static;
	top: 0px;
	bottom: 144px;
	border: thin solid #0000FF;
}

/* Other Classes */

div.pageWarning
{
	display: none;
}
div.pageHeader
{
	background-color: #FFFFCC;
	border-top: thin solid #000000;
	border-left: thin solid #000000;
	border-right: thin solid #000000;
	border-bottom: thin none #000000;
	text-align: justify;
	color: #FFFFFF;
	position: static;
}
div.pageNav
{
	background-color: #000000;
	text-align: justify;
	padding: 0.3em;
	color: #000000;
	border-top: thin none #000000;
	border-right: thin solid #000000;
	border-bottom: thin solid #000000;
	border-left: thin solid #000000;
}
div.newsflash
{
	background-color: #990000;
	text-align: justify;
	padding: 2px;
	color: #ffff00;
	border-left: thin solid #000000;
	border-right: thin solid #000000;
	border-top: none;
	border-bottom: thin solid #000000;
}
.newsflashText
{
	padding: 0px;
	margin: 0px;
}
.newsflashHead
{
	font-weight: bold;
}
div.pageMain
{
	background-color: #FFFFFF;
	border: thin solid #000000;
	border-top: none;
	border-bottom: none;
	padding: 10px;
	text-align: justify;
	color: #000000;
}
div.pageFooter
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	border: thin solid #000000;
	padding: 10px;
	text-align: center;
	color: #000000;
}

/* Classes for news section */
.news_Item
{
	border: thin solid #000000;
	margin: 2px;
	margin-bottom: 10px;
	padding: 2px;
	text-align: center;
}
.news_text
{
	border: thin solid #000000;
	padding: 10px;
	background-color: #ffffcc;
	text-align: justify;
}
.news_image
{
	border: thin solid #000000;
	text-align: center;
	background-color: #ffff99;
	margin-top: 2px;
}
.news_Head
{
	color: #009900;
	font-weight: bold;
	font-size: large;
}
.news_Date
{
	font-weight: bold;
}

/* Classes used in maillist.deeside-railway.co.uk */
div.warning
{
	background: #990000;
	border:thin solid #000000;
	padding: 0.2em;
	margin: 0.2em;
	text-align: center;
	color: #ffffff;
}
div.thanks
{
	background-color: #006600;
	border:thin solid #000000;
	padding: 0.2em;
	margin: 0.2em;
	text-align: center;
	color: #ffffff;
}
h1.thanks {color: #ffffff;}

/* test bits for contact page */
div.tbHead
{
	border-left:thin solid #000000;
	border-right:thin solid #000000;
	border-top:thin solid #000000;
	text-align: justify;
	font-size: 1.25em;
	padding: 2.5px;
	background-color: #990000;
	color: #ffffff;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}
a.tbHead
{
	color: #ffff00;
}
td.Left
{
	text-align: left;
}
div.tbMain
{
	border:thin solid #000000;
	text-align: justify;
	background-color: #ffffcc;
	padding: 2.5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
textarea
{
	border:thin solid #009900;
	background-color: #ffffff;
}

.leftMenu
{
	border: thin solid #000000;
	background-color: #ffff99;
	color: #003300;
	text-align: centre;
}

/* Image Gallery Script classes */
.imageGallery
{
	border: thin solid #666666;
	background-color: #ffff99;
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}

/* Coloured Table Elements */
table.black {text-align: center; border: 1px solid #000000; }
.std {border: 1px solid #000000: }
tr.grn {background-color: #ffffcc; color: #009900; }
tr.hlt {background-color: #990000; color: #FFFF00;}
tr.red {background-color: #ffffcc; color: #990000; }
tr.blu {background-color: #ffffcc; color: #0000FF; }
tr.blk {background-color: #ffffcc; color: #000000; }