/* CSS Document */
/* set margins, padding and inline-level alignment */
body,div {margin: 0; padding: 0; textalign:center; font-size: 1em; }
/* 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 2em "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	}
.xxl	    {	font-size: 2em	}
.xxs	    {	font-size: 0.2em	}
.isml	    {	font-style: italic; font-size: 0.5em	}
.grn	    {   color: green	}
.yel	    {   color: yellow	}
.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.yel	    {   color: black; background: yellow;	}
a.blu	    {   color: white; background: blue;	}
a.grn	    {   color: white; background: green;	}
a.red	    {   color: white; background: red;	}
a.sm	    {	font-size: smaller;	}

/* set main page properties */
#main	{ 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;	}

/* Ensure Footer remains at the bottom */
#ftr	{ clear: both margin-left: auto; margin-right auto; 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 silver; background: #CCCCCC; 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: 0.8em; }
.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; background: #CCCCCC;}
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;	}
#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;
}