body {
padding: 0;
margin: 0;
font: 10pt/16pt arial;
border: 0;
overflow: auto;
height: 100%;
max-height: 100%;
}
#NAV {
position: fixed;
top: 0;
left: 0;
bottom:0;
width:160px;
height: 100%;
overflow: hidden;
background-color: #000000;
color: white;
margin: 0;
border: 0;
padding: 0;
}
#content {
position: fixed;
top: 0;
left: 160px;
right: 0;
bottom: 0;
background-color; white;
padding: 15px 20px 20px 20px;
overflow: auto;
border: medium solid #cccccc;
}
img {
border:none
}
.menu1 {
background-image: url(http://spincyclesquares.org/images/webtop.jpg);
background-repeat: no-repeat;
}
.menu1 img:hover {
background-image: url(http://spincyclesquares.org/images/webtopfront.jpg);
background-repeat: no-repeat;
}
.menu1 a:link {
color: #000000;
}
.menu2 {
background-image: url(http://spincyclesquares.org/images/menuback2.jpg);
background-repeat: no-repeat;
}
.menu2 a img:hover {
background-image: url(http://spincyclesquares.org/images/menufront2.jpg);
background-repeat: no-repeat;
}
.menu2 a:link {
color: #000000;
}
.menu3 {
background-image: url(http://spincyclesquares.org/images/menuback3.jpg);
background-repeat: no-repeat;
}
.menu3 a img:hover {
background-image: url(http://spincyclesquares.org/images/menufront3.jpg);
background-repeat: no-repeat;
}
.menu3 a:link {
color: #000000;
}
.menu4 {
background-image: url(http://spincyclesquares.org/images/menuback4.jpg);
background-repeat: no-repeat;
}
.menu4 a img:hover {
background-image: url(http://spincyclesquares.org/images/menufront4.jpg);
background-repeat: no-repeat;
}
.menu4 a:link {
color: #000000;
}
.menu5 {
background-image: url(http://spincyclesquares.org/images/menuback5.jpg);
background-repeat: no-repeat;
}
.menu5 a img:hover {
background-image: url(http://spincyclesquares.org/images/menufront5.jpg);
background-repeat: no-repeat;
}
.menu5 a:link {
color: #000000;
}
.menu6 {
background-image: url(http://spincyclesquares.org/images/menuback6.jpg);
background-repeat: no-repeat;
}
.menu6 a img:hover {
background-image: url(http://spincyclesquares.org/images/menufront6.jpg);
background-repeat: no-repeat;
}
.menu6 a:link {
color: #000000;
}
.menu7 {
background-image: url(http://spincyclesquares.org/images/menuback7.jpg);
background-repeat: no-repeat;
}
.menu7 a img:hover {
background-image: url(http://spincyclesquares.org/images/menufront7.jpg);
background-repeat: no-repeat;
}
.menu7 a:link {
color: #000000;
}
.menu8 {
background-image: url(http://spincyclesquares.org/images/menuback8.jpg);
background-repeat: no-repeat;
}
.menu8 a img:hover {
background-image: url(http://spincyclesquares.org/images/menufront8.jpg);
background-repeat: no-repeat;
}
.menu8 a:link {
color: #000000;
}
table.event {
border-width: 1px 1px 1px 1px;
border-spacing: 2px;
border-style: solid solid solid solid;
border-color: black black black black;
border-collapse: separate;
background-color: white;
}
table.event th {
border-width: 1px 1px 1px 1px;
padding: 3px 3px 3px 3px;
border-style: solid solid solid solid;
border-color: gray gray gray gray;
background-color: white;
-moz-border-radius: 0px 0px 0px 0px;
}
table.event td {
border-width: 1px 1px 1px 1px;
padding: 3px 3px 3px 3px;
border-style: solid solid solid solid;
border-color: gray gray gray gray;
background-color: white;
-moz-border-radius: 0px 0px 0px 0px;
}