/** TODO: ...
  **/

body {
    background: #000000;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    color: #ffffff;
}

h1 { font-size: 200%; }

h2 { font-size: 110%; }

h3 { font-size: 90%; }

img { border: none; }

#menu a {
    color: #000000; 
    text-decoration: none;
    border: none;
}

#menu a.current { color: #ffc0c0; }

#menu a:hover {
    color: #ffc0c0;
    text-decoration: none;
    border-bottom: none;
}

/* In IE6, I want to keep the red colour when hovering */
#menu a.current:hover { color: #ffc0c0; }

.title a, .title a:hover, .title a:visited {
    color: #ffffff;
    text-decoration: none;
    border-bottom: none;
    background-color: transparent;
}

.current { color: #ffc0c0; }

.center {text-align: center;}
table 
{
    width: 714px;
}

.prices  {
	width: 620px;
}

#wrapper {
    width: 714px;
    padding: 5px 0px;
    margin: auto;
    text-align: center;  
}

#header {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#menu {
    width: inherit;
    margin: 0px;
    padding: 5px 0px 5px 0px;
    text-align: center;
    border-bottom: solid 4px #ffc0c0;
    background: #998a6a;
    color: #000000;
}

#main a {
    color: #ff0000;
}

#rightbar{
    height: 350px;
    width:620px;
    overflow: auto;
    margin: 10px 30px;
    background: transparent;
    padding: 15px;
    font-size: 90%;
    color: #ffffcc;
    text-align: justify;  
}

#main {    
    margin: 10px 30px;
    background: transparent;
    padding: 15px;
    font-size: 90%;
    color: #ffffcc;
    text-align: justify;    
}

#main_slideshow a {
    color: #ff0000;
}

#main_slideshow {    
    text-align: center;    
}

#main img {
	padding: 0px 20px 5px 20px ;
}

.links #main {
    text-align: left;
}

.about #menu { display: none; }

#footer {
    background: transparent;
    color: #ffffff;
    margin: 50px 0px 0px 0px;
    padding: 0px;
    font-size: 70%
    text-align: center;
}