/* CSS Document */
* {margin:0}
/*******************************************************************/
body {
font-family: Tahoma, Geneva, sans-serif;
font-size: 80%;
color: #000099;
}
p {
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 10px;
}
h1 {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-weight: normal;
font-size:100%;
margin-top: 3px;
margin-right: 0px;
margin-left: 10px;
margin-bottom: 0px;
}
h2 {
font-weight: normal;
font-size:100%;
margin-top: 10px;
margin-right: 0px;
margin-left: 10px;
margin-bottom: -10px;
}
h3 {
font-weight: normal;
font-size:100%;
margin-top: 0px;
margin-right: 0px;
margin-left: 10px;
margin-bottom: 0px;
}
/*******************************************************************/
body {text-align:center;}
#wrap {
width: 984px;
margin-left: auto;
margin-right: auto;
overflow: hidden; /* needed for Chrome */
}
#header_pt1,#header_pt2,#menu,#content,#sub-section,#footer {padding: 0px;}

a img { 
border: 0px; /* To replace deprecated attribute  */
}
/*******************************************************************/
/* IE display:inline-block is to make sure IE doesn't paint the background above the containers, the overflow declaration is to make sure the containers do not drop below siblings if content pushes the width (in modern browsers it doesn't drop, but it spawns an horizontal scrollbar)  */
/*******************************************************************/
#top_menu {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
width:984px;
overflow:hidden;
display:inline-block;
text-align:left;
color: #CC0000;
background-color: #FFFFFF;
}
div.top_menu_row {
clear: both;
}
div.top_menu_row span.left {
float: left;
text-align: left;
margin-left: 10px;
}
div.top_menu_row span.right {
float: right;
text-align: right;
margin-right: 10px;
}
a.top__menu_links:link   {
color: #CC0000;
font-weight: normal;
text-decoration: none;
} 
a.top__menu_links:visited  {
color: #CC0000;
font-weight: normal;
text-decoration: none;	
}
a.top__menu_links:hover   {
color: #000099;
font-weight: normal;
text-decoration: none;
} 
/*******************************************************************/
#header{
width:100%;
background: url(../beta_images/test_header_background4.jpg);
}
.header_container {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
position: relative;
height: 180px;
width:984px;
overflow:hidden;
display:inline-block;
background: url(../beta_images/test_header_background4.jpg);
}
.left-element {
position: absolute;
left: 0;
width: 50%;
}
.right-element {
position: absolute;
right: 5px; /* Only 5px because of the 5px padding on the 'highlight' 5 + 5 = 10px */
width: 50%;
text-align: right; /* depends on element width */
top: 10px;
color:#000099;
} 
.right-element ul{
list-style: none;
}
.right-element ul li.language {
color: #000099;
padding-left: 5px; /* IMPORTANT for the 'highlight' */
padding-right: 5px; /* IMPORTANT for the 'highlight' */
}
a.language_links:link   {
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
padding-left: 5px; /* IMPORTANT for the 'highlight' */
padding-right: 5px; /* IMPORTANT for the 'highlight' */
} 
a.language_links:visited  {
color: #FFFFFF;
font-weight: normal;
text-decoration: none;	
padding-left: 5px; /* IMPORTANT for the 'highlight' */
padding-right: 5px; /* IMPORTANT for the 'highlight' */
}
a.language_links:hover   {
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
background-color: #333399;
padding-left: 5px; /* IMPORTANT for the 'highlight' */
padding-right: 5px; /* IMPORTANT for the 'highlight' */
} 
/*******************************************************************/
#submenu {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
width: 180px;
padding: 0;
border: 0px;
margin-right: 10px;
margin-left: 10px;
}
#submenu ul {
list-style: none;
margin: 1px;
padding: 0;
}
#submenu li {
margin: 0;
padding: 0;
list-style-type: none;
display: block;
border-bottom: 1px solid white;
color: white;
background-color: #D71D2C;
}
#submenu li a {
text-decoration: none;
padding: 2px 3px;
display: block;
color: white;
background-color: transparent;
}
#submenu ul li.page {
text-decoration: none;
padding: 2px 3px;
display: block;
color: #000099;
background-color: transparent;
}
#submenu a:hover {
color: white;
background-color: #333399;
}
#submenu ul li img {
vertical-align:middle;
}
/*******************************************************************/
#content {
overflow:hidden;
display:inline-block;
text-align:left;
margin-top: 8px; /* Edit */
border-left: 1px dotted #CC0000;
}
#sub-section{
overflow:hidden;
display:inline-block;
text-align:left;
margin-top: 7px; /* Edit */
margin-right: 0px;
margin-bottom: 0px;
margin-left: -8px; /* IMPORTANT -8px to negate the 10px margin of the paragraph tag */
}
#footer_container {
width:100%;
background-color: #D71D2C;
border-top: 3px solid #D71D2C;
border-bottom: 1px solid #D71D2C;
}
#footer {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size: 90%;
color:#FFFFFF;
width:984px;
overflow:hidden;
display:inline-block;
text-align:left;
}
div.footer_row {
clear: both; 
}
div.footer_row span.left {
float: left;
text-align: left;
margin-left: 10px;
}
div.footer_row span.right {
float: right;
text-align: right;
margin-right: 10px;
}
.fix_right {
margin: 0px 0px 0px 0px;
float: right;
padding: 0;
}
.sub_sect_img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:0px; 
}
.separator_dots{
width:984px;
display:inline-block;
margin-top:5px;
margin-bottom:5px;
border-bottom: 1px dotted #CC0000;
}
.separator_content{
width:100%;
display:inline-block;
margin-top:3px; /* Needed for FIREFOX */
margin-bottom:0px;
margin-left: 10px;
border-bottom: 1px dotted #CC0000;
}

#content,#sub-section {float:left}
#content {width:78%}
#sub-section {width:21%}
#footer {clear:left}
/*******************************************************************/
a.textlinks:link   {
color: #CC0000;
text-decoration: none;
} 
a.textlinks:visited  {
color: #CC0000;
text-decoration: none;
}
a.textlinks:hover   {
color: #000099;
text-decoration: none;
} 
a.textlinksbold:link   {
color: #CC0000;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #CC0000;
} 
a.textlinksbold:visited  {
color: #CC0000;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #CC0000;	
}
a.textlinksbold:hover   {
color: #CC0000;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #CC0000;
} 
.tabletext {
font-size: 100%;
}
.tabletext2 {
font-size: 100%;
text-align:left;
}
.breadcrumbs {
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-weight: normal;
font-size:85%;
margin-top: 5px;
margin-right: 0px;
margin-left: 10px;
margin-bottom: 0px;
}
/*******************************************************************/
.table_style { /* centre the text in the table */
text-align:center;
}
.cell_pad { /* add padding to top of each table cell */
padding-top:4px;
}
.table_position { /* 10 px in from left to match p class */
margin-top: 0px;
margin-right: 0px;
margin-left: 10px;
margin-bottom: 0px;
}
.centre_image { 
overflow:hidden;
display: block;
text-align:center;
}
.img_border {
border:2px solid #CC0000;
}
.menu_img {
display: block;
margin-left: auto;
margin-right: auto;
}
.image_centre {
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
border-bottom: 5px dotted #CC0000;
}
.image_caption{
background:#CC0000 none repeat scroll 0 0;
color:#FFFFFF;
display:block;
text-align:center;
margin:0 auto;
padding:2px 0px 2px 0px
}
.image_caption a{color:#fff}
hr {
border: 0;
width: 90%;
color: #000;
background-color: #CCCCCC;
height: 0.5px;
}
#ad {
width: 728px;
height:90px;
margin-left: auto;
margin-right: auto;
background-color:#E2E2E2;
border: 10px solid #E2E2E2;
}
#ad_skyscraper {
width: 160px;
height:600px;
margin-left: 10px;
text-align: center;
background-color:#E2E2E2;
border: 10px solid #E2E2E2;
}
div.date_row {
clear: both;
}
div.date_row span.left {
float: left;
text-align: left;
margin-left: 0px;
}
div.date_row span.right {
float: right;
text-align: right;
margin-right: 0px;
}
.trophyfloat { 
float:left; 
margin: 10px 10px 10px 10px; 
}
.transportfloat { 
float:left; 
margin: 12px 10px 15px 10px; 
}
.stats_table { 
font-size: 80%;
width:90%;
border-collapse:collapse;
text-align:center; /* NEEDED FOR IE */
margin-left: auto; /* NEEDED FOR FIREFOX */
margin-right: auto; /* NEEDED FOR FIREFOX */
}
.stats_table td, .stats_table th {
font-size: 80%;
border:1px solid #FFFFFF;
padding:3px 7px 2px 7px;
}
.stats_table th {
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#CC3366;
color:#FFFFFF;
}
.stats_table tr.alt td {
color:#000000;
background-color:#CCCCCC;
}
.index1 {
position:relative;
width:80%;
float:left;
text-align:left;
margin:20px 0 0 100px;
}
.index2 {
position:relative;
width:80%;
float:left;
text-align:left;
margin:20px 0 0 100px;
}
.index3 {
position:relative;
width:80%;
float:left;
text-align:left;
margin:20px 0 0 100px;
}
.index4 {
position:relative;
width:80%;
float:left;
text-align:left;
margin:20px 0 0 100px;
}
.index5 {
position:relative;
width:80%;
float:left;
text-align:left;
margin:20px 0 0 100px;
}
.separator_index{
width:80%;
float:left;
display:inline-block;
margin-top:3px; /* Needed for FIREFOX */
margin-bottom:0px;
margin-left: 100px;
border-bottom: 1px dotted #CC0000;
}