/* side navigation */

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
display: block;
padding: 0px;
border: 0px solid #333;
width: 125px;
height: 28px;
background-image: url('puzzle-down.gif');
background-repeat: no-repeat;
background-position: center;
text-align: center;
font-weight: bold;
}

#navcontainer a:link, #navlist a:visited
{
color: #FFF;
text-decoration: none;
padding-top: 13px;
letter-spacing: 1px;
font-variant: small-caps;
}

#navcontainer a:hover
{
background-image: url('puzzle-over.gif');
color: #990000;
letter-spacing: 0px;
font-variant: normal;
}

#active a:link, #active a:visited
{
color: #000;
text-decoration: none;
background-image: none;
padding-top: 7px;
letter-spacing: 0px;
font-variant: normal;
font-size: 0.7em;
}

#active a:hover
{
color: #990000;
text-decoration: none;
background-image: none;
padding-top: 7px;
letter-spacing: 0px;
font-variant: normal;
font-size: 0.7em;
}

/* Visual stuff */

img.title1 {
  position:absolute;
  left:0px;
  top:0px;
}
img.title2 {
  position:absolute;
  right:100px;
  top:110px;
}

ul {
list-style-image: url('list.gif');
font-family: arial, "lucida console", sans-serif;
font-weight: bold;
margin:0 15px 1em 40px;
font-size: 0.9em;
}

p{
color: #000;
 font-family: Verdana;
font-weight: bold;
padding:5px;
font-size: 0.9em;
margin:0 15px 1em 0;
text-align:justify;
}

p.smaller{
color: #000;
 font-family: Verdana;
font-weight: bold;
padding:5px;
font-size: 0.8em;
margin: -27px 0px -13px 0px;
text-align:center;
}

p.smallest{
color: #000;
 font-family: Verdana;
font-weight: bold;
padding:5px;
font-size: 0.6em;
margin: -27px 0px -13px 0px;
text-align:center;
color: #990000;
}

p.smaller2{
color: #000;
background-image: url('bg.jpg');
 background-repeat: repeat-y;
 font-family: Verdana;
font-weight: bold;
padding:5px;
font-size: 0.8em;
margin: -26px 15px -53px 0px;
text-align:center;
width: 115px;
}

p.bigger{
color: #000;
 font-family: Verdana;
font-weight: bold;
padding:5px;
font-size: 1.2em;
margin:0 15px 1em 0;
text-align:justify;
}

p.left{
text-align:left;
font-size: 1.3em;
margin: 0.2em 15px -0.1em 0;
padding:0px;
}

p.right{
text-align:left;
font-size: 1.3em;
margin:-0.6em 15px 0.2em 8.5em;
padding:0px;
}

p.centered{
text-align:center;
font-size: 1.3em;
margin:0 15px 0.5em 0;
padding:0px;
}

p.centered3{
text-align:center;
font-size: 1.3em;
margin:0 15px 0.5em 0;
padding:10px;
}

p.centered2{
text-align:center;
font-size: 1.3em;
margin:-0.1em 0.1em 0.1em 0;
padding:0px;
font-weight: bold;
}

p.extra {
  text-align:right;
  color: #990000;
  padding:0px;
  font-size: 1.3em;
  margin:0 0px 1em -10px;
}
p.extra2 {
  text-align:right;
  padding:0px;
  font-size: 1em;
  margin:0 0px 1em -10px;
}

p.extra3 {
  text-align:center;
  padding:0px;
  font-size: 1em;
  margin:0 0px 1em -10px;
}

h1{
color: #990000;
font-family: arial, "lucida console", sans-serif;
font-weight: bold;
padding: 5px 0px 5px 0px;
font-size: 1.5em;
margin:0.5em 15px 1em 0px;
text-align:center;
background-color: #FFF;
}

h2{
color: #FFF;
font-family: arial, "lucida console", sans-serif;
font-weight: bold;
padding: 0px 0px 3px 0px;
margin:0 15px 1em 0;
font-size: 1.1em;
text-align:center;
background-color: #990000;
}
li { margin: 0 0 10px 0; }

p.footer-left{
  color: rgb(255,255,255);
  font: caption;
  position:absolute;
  left:10px;
  padding: 1px;
  margin: 0px;
  font-size: 0.9em;
  font-weight: bold;
  }
p.footer-right{
  color: rgb(255,255,255);
  font: caption;
  position:absolute;
  right:10px;
  padding: 0px;
  margin: 0px;
  font-size: 0.9em;
  font-weight: bold;
}

A:link {text-decoration: none; color: #620011}
A:visited {text-decoration: none; color: #813F3B;}
A:active {text-decoration: none; color: #620011}
A:hover {text-decoration: underline overline; color: orange;}

a.footer:link{
  color: rgb(255,255,255);
  font: caption;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: underline;
}
a.footer:hover {
  color: orange; 
  text-decoration: none;
   }
a.footer:visited {
  color: #AFAFAF; 
  text-decoration: none;
   }
a.contact{
 font-family: arial, "lucida console", sans-serif;
font-weight: bold;
font-size:0.7em;
margin:0;
padding: 0px;
}

a.bigger:link{
font-weight: bold;
font-size:1.2em;
color: #620011;
}
a.bigger:visited{
font-weight: bold;
font-size:1.2em;
color: #620011;
}

/**
a.title:link {
  text-decoration: none;
  border: 0px;
}
*/

a img {border: none; }

img.flag {
  padding: 0px 15px 15px 0px;
}

/**
#content{
 position:relative;
 top: 5px;
}
*/


/* Layout */
html, body{ 
 margin:0; 
 padding:0;
 background-image: url('main-bg2.jpg');
 background-repeat: repeat-x;
 background-color:#FFF;

 }

#container
{
margin: 0;
min-width: 400px;
}

#header{
 height:145px;
 background-image: url('title-bg.jpg');
 background-repeat: repeat-x;
 background-color:#990000;
 width:100%;
 padding: 0px;
 margin: 0px;
}

#nav
{
float: left;
width: 136px;
margin-left: 7px;
padding-top: 20px;
padding-bottom: 20px;

}

#maincol{
 background-image: url('main-bg.jpg');
 background-repeat: repeat-x;
 background-color: #FFFFFF;
 float: right;
 display:inline;
 position: relative;
 width:100%;
 min-height: 400px;
 }

 #footer
{
clear: both;
background-color: #990000;
height:20px;
}