.side a:link { color: #FFFFFF }
.side a:visited { color: #000000; text-decoration: underline }
.side a:hover { color: #FF9581; text-decoration: none }
.side a:active { color: #FF0000 }

.mainbod a:link { color: #55A7B3 }
.mainbod a:visited { color: #5E3245; text-decoration: underline }
.mainbod a:hover { color: #339966; text-decoration: none }
.mainbod a:active { color: #FF0000 }

.mainsub a:link { color: #55A7B3 }
.mainsub a:visited { color: #5E3245; text-decoration: underline }
.mainsub a:hover { color: #339966; text-decoration: none }
.mainsub a:active { color: #FF0000 }

.menuButtonTD { PADDING: 1px; BACKGROUND-COLOR: #000000; FONT: 11px Arial; COLOR: #FFFFFF; TEXT-ALIGN: center; }
.menuButtonSPAN { POSITION: relative; WIDTH: 100%; HEIGHT: 100%; TEXT-DECORATION: none; COLOR: #FFFFFF; CURSOR: pointer; CURSOR: hand; }
A.menuButtonA:link { TEXT-DECORATION: none; COLOR: #FFFFFF; }
A.menuButtonA:visited { TEXT-DECORATION: none; COLOR: #FFFFFF; }
A.menuButtonA:hover { TEXT-DECORATION: none; COLOR: #FFFFFF; }
A.menuButtonA:active { TEXT-DECORATION: none; COLOR: #FFFFFF; }
#subMenu0 { POSITION: absolute; WIDTH: 85px; TOP: 0px; RIGHT: 0px; VISIBILITY: hidden; }
#subMenu1 { POSITION: absolute; WIDTH: 85px; TOP: 0px; RIGHT: 0px; VISIBILITY: hidden; }
#subMenu2 { POSITION: absolute; WIDTH: 85px; TOP: 0px; RIGHT: 0px; VISIBILITY: hidden; }
#subMenu3 { POSITION: absolute; WIDTH: 85px; TOP: 0px; RIGHT: 0px; VISIBILITY: hidden; }
#subMenu4 { POSITION: absolute; WIDTH: 85px; TOP: 0px; RIGHT: 0px; VISIBILITY: hidden; }
#subMenu5 { POSITION: absolute; WIDTH: 85px; TOP: 0px; RIGHT: 0px; VISIBILITY: hidden; }

        
        body {
                margin:20px 20px 0px 20px;
                }
        
        #main {
                border:1px solid #000; 
                background:#fff;
                }

/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */

        #main #menu {
                border-left:1px solid #000; 
                border-bottom:1px solid #000;
                float:right;
                width:150px;
                background:#CCCC00;
                margin:0px 0px 10px 10px;
                }
                
        p,h1,pre {
                margin:0px 10px 10px 10px;
                }
                
        h1 {
                font-size:14px;
                padding-top:10px;
                }
        
        #menu p { font-size:12px}
        
 .cssbtn {
        display:inline; display:inline-block;
        width:150px;
        margin:0.2em; padding:1px;
        font-size:9px;
        font-family: Verdana, Geneva, sans-serif;
        font-weight:normal;
        text-align:left;
        text-decoration:none;
        background:#cdf;
        color:#333;
        border:1px solid black;
        vertical-align:middle;
        white-space:nowrap;
        cursor:hand; cursor:pointer;
        }
 .cssbtn[class] {
        width:auto;
        min-width:150px;
        }
 .cssbtn strong {
        font-weight:bold;
        background:white;
        color:#06c;
        }
.cssbtn:hover { background:black; color:white }
.cssbtn:hover strong { background:#ccc; color:black; }

.btnfam { background:#06c; color:white }
.btnfam strong { background:white; color:#06c; }

.btnbus { background:#077; color:white }
.btnbus strong { background:#c80; color:#077; }

.btnspd { background:white; color:black }
.btnspd strong { background:#f90; color:white; }

.btnnas { background:#006; color:white }
.btnnas strong { background:#ccf; color:#006 }

.btncart { background:#dd9; color:black }
.btncart strong { background:#003; color:#ffc }

.btnirl { background:#090; color:white }
.btnirl strong { background:white; color:#090 }

.btncam { background: #990000; color: #FFCC99 }
.btncam strong { background: #FFCC99; color: #990000 }

.center { text-align:center }
