body, html {
height:100%;
width:100%;
margin:0;
padding:0;
}
 
body {
background:#000 url(/files/jpeg/3087/body-bg.jpg) top center no-repeat;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
}
 
h1 {
background:#C00000 url(/files/gif/3088/h1-bg.gif) repeat-x;
border-bottom:1px solid #660000;
border-right:1px solid #660000;
border-top:1px solid #990000;
border-left:1px solid #990000;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
color:#FFF;
font-size:12px;
padding:5px 10px;
margin:5px 0;
text-transform:uppercase;
}
 
.news-container h1, h2 {
background:none;
border:0;
color:#000;
font-size:12px;
text-transform:uppercase;
margin:10px 0;
padding:0;
}
 
p {
color:#333;
margin:10px 0;
}
 
a {
color:#000;
}
 
a:hover {
color:#C00;
text-decoration:none;
}

ul {
list-style-type:square;
}

ul ul {
list-style-type:circle;
}
 
li {
color:#333;
}

img {
border:0;
}

label {
display:block;
}
 
#container {
background:transparent url(/files/gif/3096/container-bg.gif) 50% 150px no-repeat;
width:100%;
position:relative;
height:auto !important;
height:100%;
min-height:100%;
padding:20px 0 0 0;
}
 
#header {
background:transparent url(/files/png/3089/header-bg.png) no-repeat;
height:80px;
width:970px;
margin:0 auto;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
position:relative;
z-index:200;
}
 
#logo {
float:left;
margin:11px 11px;
}
 
#nav {
float:right;
padding:10px 0 0 0;
}
 
#nav ul {
list-style-type:none;
margin:0 21px 0 0;
padding:0;
}
 
#nav li {
float:left;
}
 
#nav li a {
color:#FFF;
display:block;
padding:21px 7px 19px;
margin:0;
text-transform:uppercase;
text-decoration:none;
border-bottom:2px solid #000;
}
 
#nav li a:hover, #nav li.act a {
border-bottom:2px solid #F00;
}

#nav ul li ul {
padding:0;
margin:0;
list-style-type:none;
width:250px;
}

#nav ul li ul li {
float:left;
}

#nav ul li ul li a, #nav ul li.act ul li a {
background:#333 url(/files/gif/3090/sub-nav-bg.gif) bottom left no-repeat;
color:#FFF;
padding:5px 25px;
margin:0;
position:relative;
top:11px;
width:200px;
text-transform:none;
border:0;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
z-index:400;
}

#nav ul li ul li a:hover {
background:#444 url(/files/gif/3091/sub-nav-bg-hover.gif) bottom left no-repeat;
border:0;
}

#nav ul li ul li.act a:hover, #nav ul li ul li.act a {
background:#C00000 url(/files/gif/4107/sub-nav-bg-act.gif) bottom left no-repeat;
border:0;
}

#content {
background:#FFF url(/files/png/3092/bg-black.png) repeat-x 0 1px;
_background:#EEE;
width:960px;
height:auto !important;
min-height:100%;
height:100%;
margin:20px auto 0;
padding:10px 5px;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
position:relative;
z-index:50;
}
 
.content-320 {
background:transparent url(/files/png/3092/bg-black.png) repeat-x;
_background:#FFF;
width:290px;
padding:5px 10px 0 10px;
margin:0 5px 10px 5px;
float:left;
display:inline;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
}
 
.content-640 {
background:transparent url(/files/png/3092/bg-black.png) repeat-x;
_background:#FFF;
width:610px;
padding:5px 10px 0 10px;
margin:0 5px 10px 5px;
float:left;
display:inline;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
}
 
.content-960 {
background:transparent url(/files/png/3092/bg-black.png) repeat-x;
_background:#FFF;
width:930px;
padding:5px 10px 0 10px;
margin:0 5px 10px 5px;
float:left;
display:inline;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
}

#footer {
background:transparent url(/files/jpeg/3093/footer-bg.jpg) no-repeat top center;
height:140px;
width:100%;
padding:110px 0 0 0;
position:absolute;
bottom:0;
z-index:75;
}

#footer a {
color:#FFF;
}

#copyrights {
width:940px;
height:70px;
margin:0 0 0 -470px;
position:absolute;
top:30px;
left:50%;
}

#copyrights small {
line-height:70px;
color:#FFF;
padding:0 0 0 15px;
}

#copyrights-logo {
background:transparent url(/files/png/3094/rata-sm-logo-footer.png) no-repeat;
width:199px;
height:70px;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
float:left;
}

#bottom-nav {
width:940px;
margin:0 auto;
}

#bottom-nav ul {
margin:0;
padding:0;
list-style-type:none;
font-size:10px;
}

#bottom-nav ul li {
float:left;
margin:0 10px;
}

#bottom-nav ul li a {
font-weight:bold;
text-transform:uppercase;
}

#bottom-nav ul li ul li {
float:none;
margin:0;
}

#bottom-nav ul li ul li a {
font-weight:normal;
text-transform:none;
}

#atmosphere-container {
width:930px;
height:310px;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
}

.sponsors td {
background:#FFF;
vertical-align:middle;
text-align:center;
}

.sponsors img {
max-width:175px;
max-height:150px;
}

.hot-news div h1 {
display:none;
}

.hot-news img {
display:block;
float:left;
clear:right;
margin:0 10px 10px 0;
}

.gallery-nav {
margin:0;
padding:0;
list-style-type:none;
}

.news-image {
margin-top:5px;
}

.gallery-nav li a {
display:block;
background:#333 url(/files/gif/3090/sub-nav-bg.gif) bottom left no-repeat;
color:#FFF;
padding:5px 25px;
margin:0;
top:11px;
z-index:100;
width:240px;
text-transform:none;
text-decoration:none;
border:0;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
}

.gallery-nav li a:hover {
background:#444 url(/files/gif/3091/sub-nav-bg-hover.gif) bottom left no-repeat;
border:0;
}

.gallery-nav li.act a, .gallery-nav li.act a:hover {
background:#C00000 url(/files/gif/4107/sub-nav-bg-act.gif) bottom left no-repeat;
border:0;
}

.gallery-thumb {
margin:0 3px 5px 3px;
float:left;
}

.driver-image {
display:block;
width:290px;
text-align:center;
}

.driver-image img {
max-width:290px;
_width:290px;
}

.driver-entry table {
width:100%;
}

.drivers tr:nth-child(even), .driver-entry table tr:nth-child(odd) {
background:#E5E5E5;
}

.drivers tr:hover td {
background:#C00;
color:#FFF;
cursor:pointer;
}

.drivers th {
text-align:left;
padding:2px 4px;
cursor:default;
}

.drivers td, .driver-entry table td {
padding:2px 4px;
}

.flyer {
float:left;
margin:0 5px;
}

.flyer img {
border:5px solid #ccc;
}

.flyer a {
margin: 0 0 0 5px;
}

.right {
float:right;
}

#rata-sm-mtv3 ul {
margin:0;
padding:0;
list-style-type:none;
}

#rata-sm-mtv3 ul li {
float:left;
}

#rata-sm-mtv3 ul li a, #rata-sm-mtv3 ul li {
background-image:url(/files/jpeg/5370/rata-sm-mtv3-kanavalla.jpg);
display:block;
width:186px;
height:400px;
}

#rata-sm-mtv3 ul li.kemora a {
background-position:0px 0px;
}

#rata-sm-mtv3 ul li.kemora a:hover {
background-position:0px -400px;
}

#rata-sm-mtv3 ul li.kemora-disabled {
background-position:0px -800px;
}

#rata-sm-mtv3 ul li.alastaro a {
background-position:-186px 0px;
}

#rata-sm-mtv3 ul li.alastaro a:hover {
background-position:-186px -400px;
}

#rata-sm-mtv3 ul li.alastaro-disabled {
background-position:-186px -800px;
}

#rata-sm-mtv3 ul li.parnu a {
background-position:-372px 0px;
}

#rata-sm-mtv3 ul li.parnu a:hover {
background-position:-372px -400px;
}

#rata-sm-mtv3 ul li.parnu-disabled {
background-position:-372px -800px;
}

#rata-sm-mtv3 ul li.botnia a {
background-position:-558px 0px;
}

#rata-sm-mtv3 ul li.botnia a:hover {
background-position:-558px -400px;
}

#rata-sm-mtv3 ul li.botnia-disabled {
background-position:-558px -800px;
}

#rata-sm-mtv3 ul li.ahvenisto a {
background-position:-744px 0px;
}

#rata-sm-mtv3 ul li.ahvenisto a:hover {
background-position:-744px -400px;
}

#rata-sm-mtv3 ul li.ahvenisto-disabled {
background-position:-744px -800px;
}

#rata-sm-mtv3 ul li a span, #rata-sm-mtv3 ul li span {
display:none;
}

div#player {
margin:10px 0;
text-align:center;
background:#000;
-webkit-border-radius:3px;
-moz-border-radius:3px; 
border-radius:3px;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
display: block;
visibility: hidden;
margin:0;
padding:0;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
bottom: -3px;
left:50%;
margin:0 0 0 -2px;
}

			.dumbCrossFade {
				width:930px;
				height:315px;
				display:block;
				cursor:pointer;
				border:none;
				position:relative;
				overflow:hidden;
			}
			.dumbCrossFade .dumbItem {
				display:none;
				position:absolute;
				top:5px;
				left:0;
				border:none;
			}
			.dumbCrossFade .dumbItem img {
				border:none;
			}
			.dumbCrossFade * {
				border:none;
				text-decoration:none;
			}