@charset "utf-8";
/* CSS Document */

body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: url(../img/bg_main.png) repeat-x #000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {
	margin: 0; 
	padding: 0;
}
a img {border:none;}
.header-right{
	height:90px;
	text-align: right;
	float: right;
}
.header-left{ height:90px;  float:right}
#shadow-bg{
	background:url(../img/shadow.png) 50% repeat-y;
}
#main-container{
	background:url(../img/2010-hostcity_bg.jpg) 50% 0% repeat-x;
}
#top-bar{
	background:#000 url(../img/top_bar_bg.png) 50% repeat-x;
	height: 30px;
}
#top-container {
	width: 935px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 3px 10px;
}
.top-bar-logo{ float:left; width:200px;}
.top-bar-form{ float:right; width:400px;}
#container {
	width: 980px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #dedede url(../img/content_shadow.png) repeat-x;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 10px;
	font: 12px Arial, Helvetica, sans-serif;
} 
#container h1,h2,h3,h4,h5,h6{font:150% Arial, Helvetica, sans-serif}

#header {
	background:url(../img/here_comes_the_hero_header_image.png) 100% top no-repeat #000;
	color: #fff;
	margin: 0 auto;
	width: 999px;
	text-align: left;
	height: 90px;
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#main-menu{
	height:32px;
	background:#ab0015 url(../img/menu_bg.png) 100% top repeat-x;
	width: 979px;
	margin: 0 auto;
	font: 13px Arial, Helvetica, sans serif;
	padding:0px 10px;
}
#sidebar1{
	float: right;
	width: 170px;
	margin-bottom: 20px;
}
#sidebar1-small{
	float: right;
	width: 110px;
	margin-bottom: 10px;
}
#sidebar1-small #content-module{margin:0;}
#sidebar1-small #content-module table a{color:#666;text-decoration:none;}
#sidebar1-small #content-module table a:hover{text-decoration:underline;}
#content-module.grey{	background: #fff; 
	border: 1px solid #ccc;
}
#sidebar1 #content-module, #sidebar1 #menu-module{
	background: #fff;
	border: 1px solid #ccc;
	
}
#mainContent-sub-page #content-module{
	background: #fff; /* top and bottom padding create visual space within this div */
	border: 1px solid #ccc;
}

#mainContent-sub-page h1{font:150% Arial, Helvetica, sans-serif; color:#636363; display:block; background:url(../img/maincontent_sub_page_header_bg.gif) 100% 100% repeat-x; padding:10px; margin-bottom:10px;}
#mainContent-sub-page h2{
	font:120% Arial, Helvetica, sans-serif bold;
	color:#636363;
	display:block;
	background:#eaeaea url(../img/header2_bullet.gif) no-repeat 5px 6px;
	padding:3px;
	margin:5px 0;
	padding-left:20px;
}
#mainContent-sub-page h2 span.ital{
	font:12px "Times New Roman", Times, serif;
	font-style: italic;
}
#mainContent #content-module{
	background: #fff; /* top and bottom padding create visual space within this div */
	border: 1px solid #ccc;
	margin-bottom:10px;
	margin-top:0px;
}
#sidebar1 #content-module h1,#sidebar1 #content-module h2, #sidebar1 #content-module h3, #sidebar1 #content-module h4, #sidebar1 #content-module h5 { text-transform:uppercase; font:11px Arial, Helvetica, sans-serif; margin:0; background:url(../img/module-header-bg.gif) repeat-x; border-bottom:1px solid #ccc; text-align:center; height:13px; padding:5px;}
#sidebar1 #content-module p {
	margin: 10px;
}
#sidebar1 #advert-module{
	background:url(../img/advertisment_txt.gif) no-repeat 50% 10px; /* top and bottom padding create visual space within this div */
	padding-top: 20px;
}
#sidebar1 #sponsors{
	text-align:center;
	padding-top:15px;
	padding-bottom:0px;
	background: url(../img/pages/sponsors/worldwide_partner_txt.gif) no-repeat top center;
	margin-top:5px;
	margin-bottom:0px;
}
#sidebar1 #service-provider{
	text-align:center;
	padding-top:25px;
	background: url(../img/pages/sponsors/wcg_service_provider.gif) no-repeat top center;
	margin-top:5px;
	margin-bottom:0px;
}
#sidebar1 #operating-partner{
	text-align:center;
	padding-top:5px;
	background: url(../img/pages/sponsors/wcg_operating_partner.gif) no-repeat top center;
	margin-top:5px;
	margin-bottom:0px;
}
#sidebar1 #accredited{
	text-align:center;
	padding-top:20px;
	background: url(../img/pages/sponsors/wcg_accredited.gif) no-repeat top center;
	margin-top:5px;
	margin-bottom:5px;
}

#mainContent {
	margin: 0 180px 0 0px; /* the left margin will look best if you match the padding amount to the header and footer. */
}
#mainContent-sub-page {
}
#mainContent #sidebar1{
	float: right;
	width: 200px;
	margin-bottom: 0px;
	margin-top: 1px;
}
#mainContent-sub-page #sidebar1{
	float: left;
	width: 170px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 10px;
}

#mainContent #mainContent-sub1 {
	margin: 0 210px 0 0px; /* the left margin will look best if you match the padding amount to the header and footer. */
}
#mainContent #mainContent-sub2 {
	margin: 0 115px 0 0px; /* the left margin will look best if you match the padding amount to the header and footer. */
}
#mainContent #mainContent-sub2 .part-country{ height:150px;}

#mainContent-sub-page #mainContent-sub1 {
	margin: 0 0 0 180px; /* the left margin will look best if you match the padding amount to the header and footer. */
	padding: 0 20px;
	background: #fdfdfd url(../img/maincontent_shadow.png) repeat-x;
	border: 1px #c3c3c3 solid;
	padding-bottom: 20px;
}
#mainContent #advert-module,#mainContent-sub-page #advert-module{
	padding-top:5px;
	padding-bottom: 5px;
}
#mainContent #sidebar1 #advert-module{
	background:url(../img/advertisment_txt.gif) no-repeat 50% 10px; /* top and bottom padding create visual space within this div */
	padding-top: 20px;
	padding-left:15px;
	padding-right:15px;
}
#mainContent #sidebar1 #agasa-module{
	background:url(../img/advertisment_txt.gifa) no-repeat 50% 10px; /* top and bottom padding create visual space within this div */
	padding-top: 1px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:1px;
	width:380px;
}

#mainContent #content-module{
	border: 1px solid #ccc;
	background: #fff;
	margin-bottom: 5px;
}
#sidebar1-small table{margin:5px; height:140px;}

#mainContent-sub-page #content-module{
	margin:5px 0 0;
	border: 1px solid #ccc;
	background: #fff;
	margin-bottom: 10px;
}
#mainContent #sidebar1 #content-module,#mainContent-sub-page #sidebar1 #content-module{
	margin:0;
	border: 1px solid #ccc;
	background: #fff;
	border-top: none;
}
#mainContent #sidebar1 #agasa-module,#mainContent-sub-page #sidebar1 #agasa-module{
	background: #fff;
	border-top: none;
}
#mainContent-sub-page #sidebar1 #menu-module{
	margin:0;
	border: 2px solid #ccc;
	background: #fff;
	margin-bottom: 10px;
	border-top: none;
}
#mainContent #content-module h1,#mainContent #content-module h2,#mainContent #content-module h3,
#mainContent #content-module h4,#mainContent #content-module h5 { text-transform:uppercase; font:11px Arial, Helvetica, sans-serif; margin:0; background:url(../img/module-header-bg.gif) repeat-x; border-bottom:1px solid #ccc; text-align:left; height:13px; padding:5px;}
#mainContent #content-module p{ padding:10px;}

#mainContent #sidebar1 #content-module h1,#mainContent #sidebar1 #content-module h2,#mainContent #sidebar1 #content-module h3,
#mainContent #sidebar1 #content-module h4,#mainContent #sidebar1 #content-module h5 { text-transform:uppercase; font:11px Arial, Helvetica, sans-serif; margin:0; background:url(../img/module-header-bg.gif) repeat-x; border-bottom:1px solid #ccc; text-align:left; height:13px; padding:5px;}
#mainContent #sidebar1 #content-module p{ padding:0px;}

.grey h1,.grey h2,.grey h3,.grey h4,.grey h5 { text-transform:uppercase; font:11px Arial, Helvetica, sans-serif; margin:0; border-bottom:1px solid #ccc; text-align:left; height:13px; padding:5px;}
.grey p{ padding:0px;}

p.grey { background:#ccc; padding:10px;}


#mainContent-sub-page #content-module h1,#mainContent-sub-page #content-module h2,#mainContent-sub-page #content-module h3,
#mainContent-sub-page #content-module h4,#mainContent-sub-page #content-module h5 { text-transform:uppercase; font:11px Arial, Helvetica, sans-serif; margin:0; background:url(../img/module-header-bg.gif) repeat-x; border-bottom:1px solid #ccc; text-align:left; height:13px; padding:5px;}
#mainContent-sub-page #content-module p{
	margin: 0;
	background: #fff;
	padding: 10px;
	display: block;
}

#mainContent-sub-page #sidebar1 #content-module h1,#mainContent-sub-page #sidebar1 #content-module h2,#mainContent-sub-page #sidebar1 #content-module h3,
#mainContent-sub-page #sidebar1 #content-module h4,#mainContent-sub-page #sidebar1 #content-module h5 { text-transform:uppercase; font:11px Arial, Helvetica, sans-serif; margin:0; background:url(../img/module-header-bg.gif) repeat-x; border-bottom:1px solid #ccc; text-align:left; height:13px; padding:5px;}
#mainContent-sub-page #sidebar1 #content-module p{ padding:0px;}


#mainContent-sub-page #sidebar1 #menu-module h1,#mainContent-sub-page #sidebar1 #menu-module h2,#mainContent-sub-page #sidebar1 #menu-module h3,
#mainContent-sub-page #sidebar1 #menu-module h4,#mainContent-sub-page #sidebar1 #menu-module h5 {
	text-transform:uppercase;
	font:110% Arial, Helvetica, sans-serif;
	margin:0;
	background:url(../img/submenu-header-bg.gif) repeat-x;
	border-bottom:1px solid #ccc;
	text-align:center;
	height:32px;
	padding:10px;
}
#mainContent-sub-page #sidebar1 #menu-module p{ padding:10px;}
#mainContent-sub-page #sidebar1 #menu-module a{ padding:5px 0; border-bottom:1px solid #ccc; text-decoration:none; font:13px Arial, Helvetica, sans-serif bold; color:#878787; display:block;}
#mainContent-sub-page #sidebar1 #menu-module a:hover{ color:#d70015;}
#mainContent-sub-page #sidebar1 #menu-module a.active{ color:#000;}
#mainContent-sub-page #sidebar1 #menu-module a.last{ border:none}
#mainContent-sub-page #sidebar1 #menu-module span{
	display:block;
	color:#999;
	font: 11px Arial, Helvetica, sans-serif;
}

#footer {
	padding: 0 10px;
	margin: 0 auto;
	width: 839px;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: right;
	font: 10px Arial, Helvetica, sans serif;
	color: #636363;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.advert-main-banner{ margin-top:-5px;}
table.white-center{
	text-align:left;
	margin: 10px auto;
}
table.white-center a{ font:12px Arial, Helvetica, sans-serif; text-decoration:none; color:#666;}
table.white-center a:hover{ text-decoration:underline;}
.rankings table td{ border:1px solid #ccc; }
.rankings td table td{ border:none}
.rankings td table td table td{ border:none}
.rankings tbody{ border-left:none;  border-right:none; }
table.white-center ul{padding-left:15px; margin:10px 0;}
#content-module ul.white-center{padding-left:25px; margin:10px 0;}
table.white-center ul li{ list-style:url(../img/pages/bullet_grey.gif); font-weight:bold;}
#content-module ul.white-center li{ list-style:url(../img/pages/bullet_grey.gif); font:11px Arial, Helvetica, sans-serif; margin:3px 0;}
table.white-center ul.arrow-bullet li{ list-style:url(../img/pages/bullet_grey_arrow.gif); font-weight:bold;}
table.white-center ul li span{ display:block; font:11px Arial, Helvetica, sans-serif; font-weight:normal;}
table.white-center h3{
	font:120% Arial, Helvetica, sans-serif bold;
	color:#9a0f00;
	display:block;
	background:url(../img/header2_bullet.gif) no-repeat 5px 50%;
	padding:3px;
	margin:5px 0;
	padding-left:20px;
}
table.white-center h3.grey{
font:120% Arial, Helvetica, sans-serif bold; color:#636363; display:block; background:#eaeaea url(../img/header2_bullet.gif) no-repeat 5px 50%; padding:3px; margin:5px 0; padding-left:20px;}
table.white-center h4{
	font:120% Arial, Helvetica, sans-serif bold;
	background:url(../img/pages/white_center_spanheader.gif) no-repeat left;
	float:left;
	height:15px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	margin-bottom: 5px;
	min-width:50%
}
table.white-center h4 span{	display:block; float:right; background:url(../img/pages/white_center_spanheader_r_corner.gif) no-repeat top right; text-indent:-999em; height:21px; width:10px; padding-left:30px; margin-left:5px; margin-right:-3px; margin-top:-3px;}
ol.white-center{ margin-left:20px;}

.news{
	background: #efefef;
}
.news img, .news p{
	display: block;
	float:left;
	margin: 10px;
}
.news p{ float:left; margin-left:100px;}
.td-img{ width:108px; text-align:center; background:#ededed; border-bottom:1px solid #ddd;}
.td-img img{ margin:10px auto;}
.td-info { background:#fff; padding:10px; border-bottom:1px solid #ddd;}
div.agasa-section{
	background:#373425;
	margin:10px;
	padding-bottom: 10px;
	width: 360px;
}
#sidebar1 #content-module div.agasa-section p{ background:#373425; font:11px Arial, Helvetica, sans-serif; margin-top:0px; margin-bottom:10px; padding-bottom:10px; display:block;}
#sidebar1 #content-module div.agasa-section img{ margin:0 -5px; }
#sidebar1 #content-module div.agasa-section p a{ color:#e0b781; text-decoration:none;}
#sidebar1 #content-module div.agasa-section p a:hover{color:#fff;}

#sidebar1 #agasa-module div.agasa-section p{
	background:#373425;
	font:11px Arial, Helvetica, sans-serif;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px;
	display:block;
}
#sidebar1 #agasa-module div.agasa-section img{ }
#sidebar1 #agasa-module div.agasa-section p a{ color:#e0b781; text-decoration:none;}
#sidebar1 #agasa-module div.agasa-section p a:hover{color:#fff;}