/* CSS Document */
body {font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
color: #336600;
/* Must set body margin or else seems to leave a default 5px margin all round */
margin: 8px 1px 0 1px;

/* Scroll bar attributes  - NB remove the loose-dtd heading Dreamweaver inserts */
scrollbar-arrow-color: #FF8D1C;
scrollbar-3dlight-color: #0DC811;
scrollbar-highlight-color: #FFFF00;
scrollbar-face-color: #FFFFBB;
scrollbar-shadow-color: #0A940D;
scrollbar-darkshadow-color: #408000;
scrollbar-track-color: #CEFFCE;
}

#mainLogo a:hover, a:link, a:visited, img{
text-decoration:none;
border:0;
}

#hitcounter {
position:absolute;
top:2px;
left:1%;
font-size:xx-small;
color:gray;
text-align:right;
}

#visitdate {
position:absolute;
top:2px;
right:1%;
font-size: xx-small;
color:gray;
text-align:right;
}

#main {
margin: 0 0 20px 0;
border: 2px solid darkgreen;
background-color: #e7f4e4;
padding: 10px;
text-align:justify;
z-index: 3;
top: 6px;
}

#main a{
text-decoration:underline;
cursor:hand;
color:red
}

.main-table {
width:100%;
border:0;
border-color:green;
}

.main-table tr {
vertical-align:top;
}

#col-1{
width:17%;
}

#col-3{
width:17%;
}

#imagenote {font-size:x-small;
color:black;
}

#crumbbox {
border-top: 1px #d1d1d1 solid;
}

#crumb {position:relative;
text-align:center;
/*width: 60%;*/
font-size: xx-small;
/*margin: 0 30% 5px 30%;*/
/*border-top: 1px #d1d1d1 solid;*/
background-color:transparent;
padding-top: 3px;
word-spacing:5px;
}

#crumb a:hover {color:red!important; text-decoration:underline}
#crumb a:visited, a:link, a:active {color:blue}

#title {position: relative;
background-color:silver;
font-size:1.2em;
border: 1px dotted darkgreen;
margin-top:2px;
padding-left:2px;
}

#left {
font-size: .9em;  
border: 1px dashed red;  
background-color: lightyellow;  
padding: 10px;  
z-index: 2;  
height: auto;}

#menuitem a:hover{
text-decoration:none;
color:red !important;
}

#menuitem a:visited, a:link{
color: #009933;
}

#currmenuitem {
color: #003300
}

#quote {
position:relative;
margin-top:20px;
border: 1px dotted black;
background-color:lightyellow;
padding:3px;
font-size:x-small;
}

#right {
text-align:right;
color: #575757;
border: 1px dashed black;  
background-color: #eee;  
margin: 0;
z-index: 1;  
font-size: .9em;
padding-right:5px;
padding-left:1px;}

#rightheading {position:relative;
background-color:gray;
color:white;
border: 0;
margin: 0 -5px 3px 0;
padding-right: 5px;
}

#soundson {font-size:xx-small;
}

#soundson a {color: green;
}

#soundson a:hover {color: red;
}


#soundsoff {font-size:xx-small;
}

#soundsoff a {color: red;
}

#soundsoff a:hover {color: green;
}

#browserinfo {
position:relative;
font-size: xx-small;
text-align:center;
cursor: hand;
}

#footer {
background-color:darkgreen;
color:white;
text-align:center;
font-size:x-small;
padding-top: 5px;
padding-bottom:5px;
}

#useractions{
background-color:#e7f4e4;
color:black;
margin-top: 3px;
margin-bottom: 3px;
text-align: center;
font-size: small !important;
word-spacing:20px;
}

#useractions a:link, a:visited {
color:blue;
}

#useractions a:hover {
color:green;
}

#webquote {font-family: "Courier New", Courier, mono;
font-size: smaller;
margin-left: 20px;
margin-right: 20px;
padding:3px;
border: 1px solid green;
color:black;
}

#flyer {display:none;
width:200px;
height:200px;
position:absolute;
top:100px;
left:400px;
z-index:10;
}