/* CSS Document */

/* set margins, padding and inline-level alignment */

body { behavior: url("css/csshover3.htc"); }

body,div {margin: 0; padding: 0; text-align: center; font-size: 1.0em; }

/* set element sizes and borders */

#hdr    { 	background: white url(../Images/RM1872_Background.jpg) repeat; 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; }

.title2	{ 	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.6em;	}

.red	    {   color: red;	}

.ora	    {   color: orange;	}
.yel	    {   color: yellow;	}

.grn	    {   color: green;	}

.blu	    {   color: blue;	}

.white	    {   color: white;	}

.teal	    {	color: teal;	}

.left	    {	text-align: left;	}

.right	    {	text-align: right;	}

.sup	    {	position: relative; bottom: 0.8em; font-size: 0.5em;	}

.bsub	    {	position: relative; bottom: -0.1em; font-size: 0.5em;	}

.sub	    {	position: relative; bottom: -0.4em; font-size: 0.5em;	}

.bold	    {	font-weight: 700;	}

.just       {	text-align: justify;	}

.ital       {	font-style: italic;	}



/* 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;	}

a.lg	    {	font-size: larger;	}

.teal	    {	color: teal;	}

a.teali	    {	color: teal; font-style: italic;	}


/* set main page properties */

#main	{ background: white url(../Images/RM1872_Background.jpg) repeat}

#divStayTopLeft { background: white url(../Train_f.jpg) repeat }

/* Set widths and float navcontent box */

#nav	{ float: left; width: 193px; margin-left: 10px; font-size: 1.1em; }

#nav li { list-style:none; background: #CCCCCC; border: 2px ridge silver; 	}

#nav li a { text-decoration:none;  background: #CCCCCC; margin: -30px;	}

nav li a:hover { text-decoration:underline; background: #CCCCCC;	}

#nav table tr table {display: none; }

#nav table tr:hover table, table tr.sfhover table { display: block; }


#nav2	{ float: right; width: 180px;  margin-right: 10px; font-size: 1.1em; }
#nav2 table tr table {display: none; }

#nav2 table tr:hover table, table tr.sfhover table { display: block; }

#nav3	{ float: left; width: 180px; font-size: 1.5em;	}

.txt-cntr   {	text-align: center;	}

/* set side txt margins 6px > nav width */

#txt	{ margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; text-align: center; font-size: 1.5em; background: transparent; 	}

.pad	{ padding-left: 185px; padding-right: 180px;}

.ital   { font-style: italic;	}
.left	{ text-align: left;	}

.just   { text-align: justify; }

#txt2	{ margin-left: 195px; margin-right: 150px; font-size: 1.2em}

#txt3	{ margin-left: 185px; margin-right: 50px; font-size: 1.2em}


#rosta  { margin: auto; }
#notes  { margin-right: -130px;	}

.left	{ text-align: left;	}
.rght   { text-align: right;	}

.li	{ font-style: italic; text-align: left;	}


/* Ensure Footer remains at the bottom */

#ftr	{ clear: both; margin-left: auto; margin-right: auto; background: transparent; text-align: center;	}

/* show boundaries and set image sizes for clarity */

#hdr, #ftr	{ background: transparent; }

#nav		{ background: transparent; }



table		{ border: 2px ridge silver;  caption-side: top;	}

.clr	{ border: none; background: none; caption-side: top;	}


.clr-cntr { margin-left: auto; margin-right: auto; border: none; background: none; caption-side: top; text-align: center;	}
.wht	{ border: 2px ridge white; background: white; caption-side: top;	}

.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; }

.tscntr	{ margin-left: auto; margin-right: auto; text-align: center; font-size: 1em; }

.wcntr	{ border: none; background: white; 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.nbg	{ border: 2px ridge silver;background: transparent;	}

td.i    { font-style: italic;	}

td.l    { text-align: left;	}
td.lclr { text-align: left; background: transparent; }
td.rclr { text-align: right; background: transparent; }

td.b    { font-weight: 700;	}

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: 0.7em;	}

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.smw	{ border: none; font-size: smaller; background: white;	}

td.smi	{ font-style: italic; font-size: 0.8em;	}

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.tea	{ color: teal;	}

td.gry	{ border: 2px ridge white; background: #CCCCCC;}

td.wctr	{ background: white; text-align: center;	}

td.wht	{ background: white;	}

td.blk	{ color: white; background: black;	}

td.left	{ text-align: left;	}

td.rght	{ text-align: right;	}
td.clrg	{ border: none; background: transparent; font-size: 1.3em;	}
#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:#cc3300;  
    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;
}