@import url("/_addons/sifr3/css/sIFR-screen.css");

/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* Global reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; }

body { line-height:1; background-color: #0C0B0B; border-top: 6px #1A1915 solid; }
ul { list-style:none; }
li { line-height: 1.4em; font-size: 1.4em;}

table {
border-collapse:separate;
border-spacing:0; /* tables still need 'cellspacing="0"' in the markup */
}

caption,th,td {
line-height: 1.4em;
padding: 5px;
font-size: 1.4em;
text-align: left;
font-weight:normal;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
text-align:center;
}

/* 1.1 Headings and paragraphs
-----------------------------------------------------------------------------------------------*/
h1 {}

h2 { font-family: Times New Roman, Tahoma, Arial, sans serif;
font-size: 18px; color: #FFFFFF; padding: 0px 15px; margin: 10px 15px; border-bottom: 2px solid #39352B; color:#B49C0C;}

h3 { font-family: Tahoma, Arial, sans serif;
font-size: 18px; color: #A08A0C; margin: 30px 30px 5px; }

h4 { font-family: Tahoma, Arial, sans serif;
font-size: 14px; color: #999999; margin: 5px 30px; }

p { font-family: Verdana, Arial, sans serif;
line-height: 1.5;
color: #cccccc;
font-size: 13px; margin:0px 20px 20px 30px; }

p.loud { color: #A08A0C; font-size: 1.6em; font-style: italic; border: 2px solid; padding: 10px; clear: both;}

a { color: #cccccc; text-decoration: underline;}
a:hover { text-decoration: none; }

#left a { color: #A08A0C; text-decoration: underline;}

.small {font-size:10px; color:#666666;}

#header #logo a {
}
#header #logo, #header #logo a, #header #logo a span {
display:block;
height:75px;
overflow:hidden;
width:940px;
}

#header #logo a span {
background:transparent url(/_ui/logo.png) no-repeat scroll 0% 0%;
left:0pt;
position:absolute;
top:0pt;

}


/* 1.2 Layout
---------------------------------------------*/

#container {
width:940px;
position:relative;
margin:0 auto;
text-align:left;
}
#logo {
width:900px;

}
#left_splash {
margin-bottom: 7px;
width:374px;
float:left;
height:227px;}

#right_splash {
margin-bottom: 7px;
width:526px;
float:left;
height:227px;}

#left {
float:left;
width:530px;
height:auto;
}

#right {
float:left;
width:400px;
height:auto;
}

#footer {
text-align: center;font-size: 12px;
color:#ffffff;
background-color: #39352B;
margin-top: 20px;
padding:8px 0;
border-bottom: 8px #A08A0C solid;
}

/* 1.3 Menus
---------------------------------------------*/

#menu li a {
text-decoration: none;
float:left;
padding:3px 10px 10px 10px;}

#menu li a:hover {
text-decoration: underline;}

#menu {
width:100%;
height:30px;
background:url(/_ui/bar.gif) no-repeat;
}

#menu li {
float:left;
position:relative;
margin-left:20px;}

#menu ul li ul li {
float:none;
margin-left:5px;}

#menu li#active a {
color: #A08A0C; }

#menu li ul {visibility:hidden; position:absolute; top:2.2em; left:-0.2em; height:0; 
}

#menu ul li:hover ul,
#menu ul a:hover ul{visibility:visible; height:auto; width:10em; background:#000; }

#menu ul li ul li a, #menu ul li#active ul li a  {
display:block; float:none; font-size: 14px; color: #fff; padding: 5px; text-decoration: none; }

#menu ul li ul li a:hover, #menu ul li#active ul li a:hover  {
 text-decoration: underline; }

.sub_menu a {
display: block;
background: none;
padding: 16px 0 20px 20px;
}

.sub_menu a:hover {
background: #666;
}

/* Misc
---------------------------------------------*/

.image {
float:left;
margin: 10px 3px 5px 0px;
}

.show, .pictures, .sub_menu {
margin: 20px 15px;
background-color: #2B2A2A; 
color: #ffffff;
font-size: 13px;
height:53px;
width:370px;
 }
 
.sub_menu {
margin: 3px 15px;
height: auto;
font-size: 16px;
/*padding:16px 0px 20px 20px;*/
width:350px;
}
 
.sponsors {
margin: 10px 15px;
background: #fff;
border: 2px solid #999;
} 

.pictures {
padding-left: 10px;
height:106px;
width:360px;
}

.info {
float:left;
padding:8px 10px;
line-height: 1.3;} 
 
.more_button {
height:53px;
float:right;}

#left ul {
margin-bottom:10px;}


#left li {
margin-left:65px;
padding: 5px 10px;
line-height: 1.4;
font-size: 13px;
list-style-type: disc;
color:#cccccc;}

#left img {
border: 3px solid #ccc;
margin: 10px 10px 10px 0;
}

#left .show {
width:500px;
}

#left .show img {
border: 0;
margin: 0;
}

p.small {
font-size: 10px;
}