/* LAYOUT */
body {
	margin: 0 auto;
	background: #CCC;
}

a, a:link, a:active, a:visited
{
    color: #2860a1;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

#content {
	width: 65.6em;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	background: #FFF;
	border: 0.5em solid #fff;
}

#left-pane 
{
	float: left;
	width: 15.1em;
	background: #FFF;
	margin: 0;
	padding: 0;
}

#right-pane 
{
	float: left;
	width: 50em;
	margin: 0;
	padding: 0 0 0 0.5em;
	background: #FFF;
}

/* GENERAL STYLES */
body 
{
	margin: 1em;
	padding: 0;
}

/* LOGO */
#logo 
{
    display: block;
	width: 0;
	height: 0;
	margin: 0;
	padding: 7em 0 0 15.1em;
	overflow: hidden;
	background: url("../images/cm2-logo-panel_joel_medium.png") no-repeat;
}

/* NAVIGATION */
/* Top Navigation */
#top-navigation
{
	background: #181616 url("../images/top_right_corner.gif") top right no-repeat;
	padding: 0;
	margin: 0;
	height: 2.2em;
	overflow: hidden;
}

#top-navigation ul 
{
	float: right;
	margin: 1em .75em 0 0;
	padding: 0;
}

#top-navigation ul li
{
	margin: 0 0 0 1em;
	padding: 0;
	list-style: none;
	float: left;
	font: .8em Verdana,sans-serif;
	color: #777;
}

#top-navigation ul li a,
#top-navigation ul li a:link
{
	color: #fff;
	text-decoration: none;
}

#top-navigation ul li a:hover
{
	color: orange;
}

/* Left Navigation */

#left-navigation 
{
	padding: 0 0 2em 0;
	margin: .5em 0 0 0;
	color: #fff;
	background: #181616 url("../images/top_left_corner.gif") top left no-repeat;
}

#left-navigation h3 
{
	color: #181616;
	height: 0em;
	background: url("../images/left-links-heading-worldfinals.gif") top right no-repeat;
	padding: 1.5em 0 0 0;
	overflow: hidden;
	margin: 0;
}

#left-navigation ul 
{
	margin: 1em 0 .5em;
	padding: 0;
}

#left-navigation ul li
{
	list-style: none;
	text-align: right;
	color: #888;
	padding: 0;
	margin: 0;
}

#left-navigation ul li a,
#left-navigation ul li a:link,
#left-navigation ul li a:active,
#left-navigation ul li a:visited
{
	color: #fff;
	text-decoration: none;
	font: .8em Verdana,sans-serif;
	margin: 0;
	padding: 0 2.4em 0 0;
	background: url("../images/spacer.gif") top right no-repeat;
}

#left-navigation ul li a:hover
{
	background: url("../images/left_navigation_arrow.gif") top right no-repeat;
}


/* PAGE HEADER */
#page-header 
{
	height: 4.75em;
	padding: 0;
	margin: 0 0 .5em 0;
	overflow: hidden;
	background: url("../images/heading-main-worldfinals.gif") bottom left no-repeat;
}

#page-header h2 
{
	display: none;
}

#page-header-links 
{
	float: right;
	padding-right: .8em;
}

a.page-header-link
{
	margin: .2em 0 0 0em;
	padding: 0 0 0 2.2em;
	display: block;
	height: 2em;
	line-height: 2em;
	float: left;
	color: #181816;
	text-decoration: none;
	font: .65em Verdana,sans-serif;
	background: url("../images/page_header_links_key.gif") 0 .1em no-repeat;
}

a.english
{
	background: url("../images/page_header_links_arrow.gif") 1em .5em no-repeat;
}


/* SEARCH BAR */
#search
{
	padding: .75em;
	margin: .5em 0 0 0;
	color: #fff;
	background: #181616 url("../images/top_left_corner.gif") top left no-repeat;
	text-align: right;
}
	
#search input {
	width: 12em;
	border: 1px solid #888;
	background: #CCC;
	font: 0.75em Verdana,sans-serif;
}

#search a {
	color: #fff;
	text-decoration: none;
	font: 0.75em Verdana,sans-serif;
	padding: 0 .4em;
}

/* BODY */

#body p 
{
	font: .75em/1.5em Verdana,sans-serif;	
}

/* MESSAGE BOX */
.message-box
{
	float: right;
	margin: 0 0 .5em 0.5em;
	padding: 0;
	height: 200px;
	width: 15em;
	border: 1px solid #000;
	text-align: center;
	overflow: hidden;
	clear: right;
}

.message-box-wide
{
	width: 300px;
	text-align: left;
	font: 0.8em/1em Verdana,sans-serif;
}

.message-box h3
{
	font: bold 1em/1.2em Verdana,sans-serif;
	background: #C11B17;
	color: #fff;
	margin: 0;
	padding: .2em .3em;
	text-align: center;
	
}

.message-box ul
{
	margin: .2em 0;
	padding: 0;
}

.message-box ul li
{
	margin: 3px 0;
	padding: 0;
	list-style: none;
	clear: left;
}

.message-box ul li a,
.message-box ul li a:link,
.message-box ul li a:active,
.message-box ul li a:visited
{
	display: block;
	float: left;
	clear: left;
	width: 9.8em;
	margin-right: .5em;
	color: #4a82c3;
	font-weight: bold;
	text-decoration: none;
}


.message-box ul li a:hover
{
	color: #C11B17;
}

.button-box
{
    background: #fff url("../images/faded_banff_back.png") top left no-repeat;
	float: right;
	margin: 0 0 .5em .6em;
	padding: 0;
	width: 300px;
	border: 1px solid #000;
	text-align: left;
	overflow: hidden;
	clear: right;
}

.button-box a img
{
    border: 0px solid #000;
}

.button-box-link-container
{
    height: 190px;
    margin: 0 0 .5em 0;
}

.button-box h3
{
    background: #010;
    color: #fff;
	font: bold 10pt/12pt Verdana,sans-serif;
	padding: .2em .3em;
	text-align: center;
	margin: 0;    
}

.button-box ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    font: 9pt/18pt Verdana, sans-serif;
}

.button-box ul li
{
    margin: 0;
    padding: 0 0.5em;
    border-bottom: 1px solid #666;
    border-top: 1px solid #FFF;
}

.button-box ul li ul li
{ 
    border-bottom: 0px solid #666;
    border-top: 0px solid #FFF;
}

.callout-box
{
	display: block;
	float: right;
	margin: 0 0 .5em 0.5em;
	padding: 0 1em 1em;
	font: 10pt/16pt Verdana,sans-serif;
	width: 20.5em;
	text-align: left;
	overflow: hidden;
	clear: right;
	background: #CCC;
	color: #000;
    
}

.callout-box h3
{
    font: 11pt/14pt Verdana,sans-serif;
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid #fff;
    margin: 0;
    padding: .25em 0;
    background: none;
}

.callout-box h4
{
    font: 10pt/14pt Verdana,sans-serif;
    font-weight: normal;
}

.callout-box p
{
    margin: 1em 1.5em;
    padding: 0;
}

.callout-box ul
{
    margin: 0 0 .5em 1.25em;
    padding: 0;
}


.credits
{
    font-size: 0.65em;
}

/* AD SECTION */

.ad-banner
{
	width: 566px;
	overflow: hidden;
	height: 200px;
	border: 1px solid #000;
	border-bottom: 0.06em solid #aaa;
	margin: 0 0 0.5em;
}

/* NEWS SECTION */

.news-section 
{
	width: 40.85em;
	overflow: hidden;
	margin-top: 0;
	font: .9em/1.2em Verdana,sans-serif;
	border-top: 1px solid #fff;
}

.news-item
{
	font: 1em/1.2em Verdana,sans-serif;
	margin-bottom: 1em;
}

.news-item p
{
	display: block;
	margin: 0.5em 0 0;
	padding: 0;
}

.news-item h3
{
	background: #4a82c3;
	color: #fff;
	margin: 0;
	padding: .2em .3em;
	clear: left;
	font: bold 1.0em/1.0em Trebuchet, sans-serif;
}

.news-item h3.no-background
{
    background: none;
    color: #4a82c3;
}

.news-item img.news-img
{
	width: 120px;
	height: 70px;
	overflow: hidden;
	background: #000;
	border: 1px solid #000;
	float: left;
	clear: left;
	margin-right: .5em;
}

.news-item .news-links
{
	clear: left;
	margin: 0.75em;
	text-align: right;
}

.news-links a,
.news-links a:link,
.news-links a:active,
.news-links a:visited
{
	color: #888;
}

.news-links a:hover
{
	color: #C11B17;
}

/* BOTTOM SECTION */

#LBottomLinks {
	margin: 0px;
	padding: .5em 0px 0px;
	height: 1.4em;
	color:#FFFFFF;
	overflow: hidden;
	clear: both;
	background-color: #999999;
	font: 10pt Verdana,sans-serif;
	border-top: .5em solid #fff; /* Why isn't FIREFOX registering the margin?? */
}

#LBottomSpacer {
	margin: 0;
	padding: 0;
	height: .65em;
	overflow: hidden;
	background-color: #CCCCCC;
}

.TextBottom, .LinkBottom {
	float: left;
	margin: .2em 1em;
	padding: 0;
	font-size:.8em;
	color:#FFFFFF;
	text-decoration:none;
}

.LinkBottom {
	float: right;
	font-size:.8em;
}

.LinkBottom a:link,
.LinkBottom a:visited,
.LinkBottom a:active { 
	color: #fff;
}

.LinkBottom a:hover {
	color: orange;
}


/* STYLE-SPECIFICS */
/* Used for correcting */

.no-border
{
	border: 0 solid #fff;
}

.display-none
{
	display: none;
}