/* CSS document by Peter Schietecat */

body {
font-family: 'arial';
font-size: 12px;

background-color: none;
background-image: url(images/borders.jpg);
background-position: center;
background-repeat: repeat-y;

margin: 0 auto 0 auto;
padding: 0 0 0 0;
}

h1 {
font-size: 24px;
font-weight: bold;

margin: 0 0 12px 0;
padding: 0 0 5px 0;

border-bottom: 1px dotted #000000;
}

#frame a:link {color: #009900; text-decoration: underline; font-weight:normal; padding:0; margin:0;}
#frame a:visited {color: #009900; text-decoration: underline; font-weight:normal padding:0; margin:0;}
#frame a:active {color: #009900; text-decoration: underline; font-weight:normal padding:0; margin:0;}
#frame a:hover {color: #FFFFFF; text-decoration: underline; font-weight:normal; background-color: #0066CC; padding:0; margin:0;}

.intro a:link {color: #000000; text-decoration: none; font-weight:normal; padding:0; margin:0;}
.intro a:visited {color: #000000; text-decoration: none; font-weight:normal padding:0; margin:0;}
.intro a:active {color: #000000; text-decoration: none; font-weight:normal padding:0; margin:0;}
.intro a:hover {color: #009900; text-decoration: none; font-weight:normal; background-color: #FFFFFF; padding:0; margin:0;}


/**********************************************
 * HEADER
 **********************************************/

#header {
width: 840px;
height: 100px;

margin: 0 auto 0 auto;
padding: 0 0 0 0;

background-image: url(images/header.jpg);
background-position: center;
background-repeat: no-repeat;

font-family: 'moolboran';
}

#header #counter {
width: 300px;
height: 30px;
line-height: 30px;
vertical-align: middle;
position: absolute;

margin: 34px 0 0 305px;

color: #FFFFFF;
font-size: 30px;
text-align: left;
}


/**********************************************
 * MENU
 **********************************************/

#bar {
width: 100%;
height: 35px;

background-color: #000000;
}

#menu {
width: 800px;
height: 35px;

margin: 0 auto 0 auto;
padding: 0 0 0 0;

z-index: 2;
}

#menu ul {
width: 100%;
height: 100%;

line-height: 35px;
vertical-align: middle;

margin: 0 0 0 0;
padding: 0 0 0 0;

text-align: center;
list-style:	none;
}

#menu li {
width: 160px;
height: 35px;

line-height: 35px;
vertical-align: middle;
list-style: none;
text-align: center;

position: relative;
float: left;
display: block;
}

#menu li a {
width: 100%;
height: 100%;

list-style: none;
display: block;
text-decoration: none;

background-color: #000000;
color: #FFFFFF;
display: block;
padding: 0;
}

#menu li a:hover {
color: #66CC00;
background-color: #333333;
display: block;
padding: 0;
}


/**********************************************
 * MENUBAR - DROPDOWN
 **********************************************/

li ul {
display: none;
position: absolute; 

top: auto;
left: 0;
}

li ul li {
}

li > ul {
top: auto;
left: 0;
}

li:hover ul, li.over ul{ 
display: block;
color: #FFFFFF;
padding: 0;
}


/**********************************************
 * FRAME
 **********************************************/

#border {
width: 840px;
height: auto;

margin: 0 auto 0 auto;
padding: 0 0 0 0;

background-image: url(images/.jpg);
background-position: center;
background-repeat: repeat-y;
}

#frame {
width: 800px;
height: auto;

margin: 0 auto 0 auto;
padding: 0 0 0 0;

background-color: #FFFFFF;
}

#content {
width: 580px;
height: auto;
min-height: 365px;

margin: 0 auto 0 auto;
padding: 10px;

text-align: left;
float: left;

background-color: #FFFFFF;
background-image: url(images/.png);
background-repeat: repeat-y;
}

#sponsors {
width: 200px;
height: auto;

margin: 0 auto 0 auto;
padding: 0 0 0 0;

float: right;
background-color: #FFFFFF;
}

#sponors_top {
width: 190px;
height: 95px;

margin: 10px auto 10px auto;
padding: 0 0 0 0;
}

#sponsors_left {
width: 90px;
height: auto;

margin: 0 5px 10px 0;
padding: 0 0 0 0;
float: left;
}

#sponsors_right {
width: 90px;
height: auto;

margin: 0 0 10px 5px;
padding: 0 0 0 0;
float: right;
}

#sponsors_top img {
width: 190px;
height: 95px;

border: 0;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
}

#sponsors_left img {
width: 90px;
height: 90px;

border: 0;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
}

#sponsors_right img {
width: 90px;
height: 90px;

border: 0;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
}


/**********************************************
 * FOOTER
 **********************************************/

#footer {
width: 800px;
height: 30px;

line-height: 30px;
vertical-align: middle;

margin: 0 auto 0 auto;
padding: 0 0 0 0;

clear: both;

border-top: 1px dotted #000000;

background-color: #FFFFFF;
color: #000000;
}

#footer_font {
width: 370px;
height: 30px;

text-align: left;
padding-left: 10px;

float: left;
}

#footer_links {
width: 370px;
height: 30px;

text-align: right;
padding-right: 10px;

float: right;
}

#footer a, a:visited, a:active {
text-decoration: none;
color: #FFFFFF;

margin: 0 0 0 0; /* margin: 0 4px 0 4px; */
}

#footer a:hover {
color: #333333;
background-color: #FFFFFF;
}


/**********************************************
 * FOOTER LINKS
 **********************************************/

.contact {
width: 780px;
min-height: 420px;

margin: 0 auto 30px auto;
padding: 0 0 0 0;
text-align: center;
}

.contact .contact_column {
width: 259px;
min-height: 420px;

margin: 0 0 0 0;
padding: 0 0 0 0;

border-right: 1px dotted #333333;
float: left;
}

.sitemap {
width: 780px;
min-height: 280px;

margin: 0 auto 30px auto;
padding: 0 0 0 0;
text-align: center;
}

.sitemap .sitemap_column {
width: 259px;
min-height: 280px;

margin: 0 0 0 0;
padding: 0 0 0 0;

border-right: 1px dotted #333333;
float: left;
}