/* CSS Document */
/* set margins, padding and inline-level alignment */
body,div {margin: 0; padding: 0; textalign:center; font-size: 0.9em; }
/* set element sizes and borders */
#hdr    { 	float: center font-size: 1em; margin-left: auto; margin-right: auto; }
.corner	{ 	width: 180px; height: 145px;	}
.title	{ 	height: 145px; font: normal 2.5em "Broadway"; text-align: center; }

#thdr    { 	font-size: 1em; margin-left: 100px;	}
 
/* set element positions and backgrounds */
.top-left   {	position: absolute; top:0px; left:2px;	background: #CCCCCC;
		text-align: center; border: 4px ridge silver; 	}
.top-right  {	position: absolute; top:0px; right:2px;	background: #CCCCCC;
		text-align: center; border: 4px ridge silver; 	}
.top-centre {	position: relative; top:0px; left:0px;  background: #CCCCCC;
		text-align: center; border: 4px ridge silver; 	}
txt.cent    {	text-align: center; }

/* Set up font short hand */
.lg	    {	font-size: larger;	}
.sm	    {	font-size: smaller;	}
.sml	    {	font-size: 0.5em;	}
.med	    {	font-size: 0.6em;	}
.lrg	    {	font-size: 0.8em;	}
.std	    {	font-size: 1em;		}
.ttl	    {	font-size: 1.3em;	}
.xxl	    {	font-size: 2em	;	}
.xxs	    {	font-size: 0.2em;	}
.isml	    {	font-style: italic; font-size: 0.5em;	}
.red	    {   color: red;	}
.ora	    {   color: orange;	}
.yel	    {   color: yellow;	}
.grn	    {   color: green;	}
.blu	    {   color: blue;	}
.white	    {   color: white;	}
.left	    {	text-align: left;	}
.right	    {	text-align: right;	}
.sup	    {	position: relative; bottom: 0.8em; font-size: 0.5em;	}

/* content controls /*
.block-centre { margin-left: auto; margin-right: auto;}
.txt-cntr   {	text-align: center	}

/* Link controls */
a.red	    {   color: white; background: red;	}
a.yel	    {   color: black; background: yellow;	}
a.grn	    {	color: white; background: green;	}
a.blu	    {   color: white; background: blue;	}
a.sm	    {	font-size: smaller;	}

/* set main page properties */
#main	{ background: white url(../Train_f.jpg) repeat}
#divStayTopLeft { background: white url(../Train_f.jpg) repeat}

/* Set widths and float navcontent box */
#nav	{ float: left; width: 180px }
/* set side txt margins 6px > nav width */
#txt	{ margin-left: 195px; margin-right: 150px; }
#rosta  { margin: auto; }
#notes  { margin-right: -130px;	}
.left	{ text-align: left;	}
.li	{ font-style: italic; text-align: left;	}

/* Ensure Footer remains at the bottom */
#ftr	{ clear: both margin-left: 195px; background: transparent 	}
/* show boundaries and set image sizes for clarity */
#hdr, #ftr;	{ background: transparent }
#nav		{ background: transparent }
#txt		{ text-align: center; font-size: 1.5em; background: transparent 	}

table		{ border: 2px ridge white; background: white; caption-side: top;	}
.clr-cntr { margin-left: auto; margin-right: auto; border: none; background: none; caption-side: top; text-align: center; }
.thdr	{ margin-left: auto; margin-right: auto; text-align: center; font-size: 0.8em;	}
.tcntr	{ margin-left: auto; margin-right: auto; text-align: center; font-size: 1em;	}
.tcntrfx	{ margin-left: auto; margin-right: auto; text-align: center; font-size: 0.8em; table-layout: fixed;	}
.fmenu	{ width: 130px; text-align: center; font-size: 1em; }
caption	{ text-align: center; background: transparent; font-size: 1.2em;	}

td	{ border: 2px ridge silver; }
td.clr  { border: none; background: transparent;}
td.i    { font-style: italic;	}
td.l    { text-align: left;	}
td.bi   { font-style: italic; text-align: left;	font-weight: 700;	}
td.bis  { font-size: smaller; font-style: italic; text-align: center; font-weight: 700; }
td.li   { font-style: italic; text-align: left;	}
td.n    { font-size: smaller;	}
td.fmnu1 { text-align: center; width: 100% background: #FFFFCC; font-weight: 700; }
td.fmnu2 { width: 170px; background: olive; font-size: 0.8em; }
td.note { background: #FFFFCC }
td.sm	{ font-size: smaller;	}
td.sml	{ font-size: 0.5em	}
td.red	{ color: white; background: red	}
td.ora	{ color: white; background: orange	}
td.yel	{ color: black; background: yellow	}
td.grn	{ color: white; background: green	}
td.blu	{ color: white; background: blue	}
td.gry	{ border: 2px ridge white; background: #CCCCCC;}
#floatMenu {  
    position:absolute;  
    top:150px;  
    left:50%;  
    margin-left:-50%;  
    width:185;  
}  
#floatMenu ul {  
    margin-bottom:20px; list-style:none; font-size: 0.8em;
}  
#floatMenu ul li a {  
    display:inline-block;  
    border:1px solid #999;  
    background-color:#005500;  
    border-left:4px solid #999;  
    text-decoration:none;  
    color:#ccc;  
    padding:5px 5px 5px 5px;  
    width:10.5em;
}  
#floatMenu ul.menu1 li a:hover {  
    border-color:#00ff00;  
}  
#floatMenu ul.menu2 li a:hover {  
    border-color:#00ff33;
}  
#floatMenu ul.menu3 li a:hover {  
    border-color:#00ff66;
}