/* -- reset all elements to a common value ----------------------------------------------------- */
* {
	padding:0;
	margin:0;
}
img { border: 0px }
h1, h2, h3, h4, h5, h6 {
	margin:0 0 0.3em 0;
}

p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin:0 0 1em 0;
}

li, dd, blockquote, address { margin-left:2.5em; }
fieldset { padding: .5em; }


/* -- default classes -------------------------------------------------------------------------- */
.center { text-align: center; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em !important; }
.bold { font-weight: bold !important; }
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }


/* -- accessibility ---------------------------------------------------------------------------- */
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

.hide, .vevent abbr { display: none; }


/* -- Default Styles --------------------------------------------------------------------------- */
/* colours, sizes, etc of elements */
body {
	font: 62.5% Verdana, sans-serif; /* set font size to 10px (a nice round number) */
	background: #72727b url(../images/design/bg.jpg) repeat-y 50%;

}

p {
	line-height: 1.5;
	margin-bottom: 1em;
}

h1 { 
	font-size: 2em;
	margin-bottom: 0.7em;
}

h2 { 
	font-size: 1.8em; 
	margin: 0.5em 0;
}

h3 { font-size: 1.6em; }

h4 { font-size: 1.4em; }

a  { color: #ffc600; text-decoration: none }

a:hover  { color: white; text-decoration: underline }


/* -- Layout Styles ---------------------------------------------------------------------------- */
#container { /* keep the layout together and centered */
	width: 773px;
	overflow: hidden;
	text-align: left;
	margin: 0 auto;
	background: url(../images/design/bg-content.jpg) no-repeat 0 314px;
}

#header  { background: #000 url(../images/design/header.jpg) no-repeat; float: left; position: relative; width: 773px; height: 140px }
#header01  { background-image: url(../images/design/bg01.gif); width: 100%; height: 32px }
#logo {
		float: left;
		width: 360px;
		height: 84px;
		margin-top: 20px;
		text-indent: -999em;
	}
	
	#flash {
		float: right;
		width: 413px;
		height: 140px;
	}

	#makeHome {
		position: absolute;
		top: 115px;
		left: 0;
		text-indent: -9999em;
		background: url(../images/design/make-homepage.jpg) no-repeat;
		width: 178px;
		height: 25px;
	}
	
#navTop {
	float: left;
	width: 100%;
	background: url(../images/design/bg-nav.jpg) no-repeat;
	height: 41px;
}

/* ---------------------
#nav, #nav ul { /* all lists 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav {
	display: block;
	width: 462px;
	margin: auto;
	white-space: nowrap;
}

#nav a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999em;
}

#nav li { /* all list items 
	float: left;
	height: 39px;
	margin: 0;
	padding: 0;
}

#nav li ul { /* second-level lists 
	position: absolute;
	background: #9da0a7;
	width: 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers 
}

	#nav li ul li {
		height: auto;
		width: 15em;
	}
	
	#nav li ul li a {
		background: #9da0a7;
		text-indent: 0;
		color: #000;
		padding: 5px 1em;
		width: 13em;
		text-decoration: none;
		font-size: 1.1em;
	}
	
	#nav li ul li a:hover {
		background: #c7c9cd;
	}

#nav li:hover ul, 
#nav li.nav-home-sfhover ul, 
#nav li.nav-hot-news-sfhover ul, 
#nav li.nav-news-sfhover ul, 
#nav li.nav-world-cup-watch-sfhover ul, 
#nav li.nav-travel-sfhover ul, 
#nav li.nav-events-calendar-sfhover ul { /* lists nested under hovered list items 
	left: auto;
	margin: -1px 0 0 0;
}
		
#nav li.nav-home {
	width: 49px;
	background: url(../images/design/nav-home.jpg) no-repeat top left;
}

#nav li.nav-home a:hover, #nav li.nav-home-sfhover {
	background: url(../images/design/nav-home.jpg) no-repeat 0 -40px;
	width: 49px;
}

#nav li.nav-hot-news {
	width: 71px;
	background: url(../images/design/nav-hot-news.jpg) no-repeat top left;
}

#nav li.nav-hot-news a:hover, #nav li.nav-hot-news-sfhover {
	width: 71px;
	background: url(../images/design/nav-hot-news.jpg) no-repeat 0 -40px;
}

#nav li.nav-news {
	width: 51px;
	background: url(../images/design/nav-news.jpg) no-repeat top left;
}

#nav li.nav-news a:hover, #nav li.nav-news-sfhover {
	width: 51px;
	background: url(../images/design/nav-news.jpg) no-repeat 0 -40px;
}

#nav li.nav-world-cup-watch {
	width: 117px;
	background: url(../images/design/nav-world-cup-watch.jpg) no-repeat top left;
}

#nav li.nav-world-cup-watch a:hover, #nav li.nav-world-cup-watch-sfhover {
	width: 117px;
	background: url(../images/design/nav-world-cup-watch.jpg) no-repeat 0 -40px;
}

#nav li.nav-travel {
	width: 54px;
	background: url(../images/design/nav-travel.jpg) no-repeat top left;
}

#nav li.nav-travel a:hover, #nav li.nav-travel-sfhover {
	width: 54px;
	background: url(../images/design/nav-travel.jpg) no-repeat 0 -40px;
}

#nav li.nav-events-calendar {
	width: 120px;
	background: url(../images/design/nav-events-calendar.jpg) no-repeat top left;
}

#nav li.nav-events-calendar a:hover, #nav li.nav-events-calendar-sfhover {
	width: 120px;
	background: url(../images/design/nav-events-calendar.jpg) no-repeat 0 -40px;
}
*/

/* Xhtml Nav Style */


#nav2 {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 10px;
 	font-size:11px;
	font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
}

#nav2 a {
  color: #000000;
  text-decoration: none;
  width: auto;
  padding: 6px 10px 6px 10px;
}
#nav2 a:hover {
	background:#384150 url(../images/design/rollover.jpg) repeat-x;
	width: auto;
	padding: 6px 10px 6px 10px;
  color:#FFFFFF;

}

.navdivider {
  width:1px;
  height:24px;
  border-right:1px solid #B9BEC2;
}

.navdivider2 {
  width:1px;
  height:24px;
  border-left:1px solid #B9BEC2;
}

/* End Xhtml Nav Style */


#ad-banner {
	float: left;
	width: 100%;
	text-align: center;
	background: url(../images/design/ad-top-bg.jpg) repeat-x;
	height: 133px;
}

	#ad-banner img {
		margin: auto;
		margin-top: 6px;
	}

#contentGroup  { text-align: left; float: right; width: 597px }

	#content  { font-size: 1.1em; text-align: left; float: left; width: 420px; overflow: hidden }
	
	#rightBar  { font-size: 1.1em; float: right; padding-top: 4px; padding-bottom: 6px; width: 167px; overflow: hidden }
#rightBar a,#leftBar a { color: #ffc600; text-decoration: none }
#rightBar a:hover,#leftBar a:hover { color: white; text-decoration: none }
#leftBar   { font-size: 1.1em; text-align: left; float: left; padding: 4px 0 6px 8px; width: 165px; overflow: hidden }

#footer  { background: #72727b url(../images/design/bg-footer.jpg) no-repeat left top; text-align: left; margin: 0 auto; padding: 3px 0 10px; width: 787px; height: 25px; display: block }

	#footer div {
		float: left;
	}

/* Footer Style  */

div.floatLeft {
		width: 395px;
		padding-left: 35px;
		color:#BEC1C6;
}

a.disclaimer  {
		color: #575757;
		text-decoration: none;
	}
a:hover.disclaimer { color: black; text-decoration: underline }	

/* End Footer Style  */

	#footer .copy {
		width: 155px;
		color: #bec1c6;
		padding-left: 25px;
	}
	
	#footer .copy a, #footer .design a {
		color: #bec1c6;
		text-decoration: none;
	}
#footer .copy a:hover, #footer .design a:hover { color: white; text-decoration: none }
#footer .terms {
		width: 390px;
		padding-left: 40px;
		color: #575757;
	}
	
	#footer .terms a {
		color: #575757;
		text-decoration: none;
	}
	
#footer .terms a:hover { color: black; text-decoration: none }



#footer .design {
		width: 160px;
		padding-left: 195px;
		color: #bec1c6;
	}


/* general styles */
.box   { color: #fff; background-color: #000; text-align: left; float: left; margin-bottom: 6px; border-style: solid; border-width: 1px; border-color: #505050 #8c8c8c #8c8c8c #8c8c8c; width: 158px; overflow: hidden }

	.box .hcalendar {
		width: 156px;
		margin: 1px;
		padding: 0;
		list-style: none;
	}
#rightBar ul { background-color: #afafaf; list-style-type: none; list-style-position: ; margin: 1px; padding: 0; width: 156px }
#leftBar ul { background-color: #afafaf; list-style-type: none; list-style-position: ; margin: 1px; padding: 0; width: 156px }
.box .hcalendar li {
			background: #afafaf;
			padding: 3px 6px;
			margin: 0;
		}
#rightBar ul li { margin: 0; padding: 3px 6px }
#leftBar ul li { margin: 0; padding: 3px 6px }
.box .hcalendar li.alt {
			background: #d7d7d7;
		}
#rightBar li alt { background-color: #d7d7d7 !important; }
#leftBar li alt { background-color: #d7d7d7 !important; }
.box .hcalendar li a {
				color: #000 !important;
				text-decoration: none;
			}
#rightBar ul li a { color: #000; text-decoration: none }
#leftBar ul li a { color: #000; text-decoration: none }
.box .hcalendar li a:hover {
				color: #555555 !important;
				text-decoration: none;
			}
#rightBar ul li a:hover { color: #555555; text-decoration: none }
#leftBar ul li a:hover { color: #555555; text-decoration: none }
.box h3 {
		background: url(../images/design/bg-box-h1.jpg) no-repeat;
		width: 146px;
		height: 19px;
		color: #ffc600;
		padding: 5px 6px 0 6px;
		margin: 0;
		font-size: 1.1em;
	}
	
	.box .text  { line-height: 1; text-align: left; padding: 6px }
	
	.box img {
		display: block;
	}
	
	.box .more  { color: #ffc600; font-weight: bold; text-decoration: none; background: url(../images/design/bg-box-more.jpg) no-repeat; text-align: left; float: left; padding: 12px 0 15px 6px; width: 152px }
.box.more a:hover { color: white }
#content h1, #content h2 {
	float: left;
	width: 364px;
	background: url(../images/design/bg-h1.jpg) no-repeat;
	color: #ffc600;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 6px 40px 6px 18px
}

#content h2 {
	border-top: 1px solid #fff;
}

#content .text {
	float: left;
	background: #000;
	color: #fff;
	padding: 10px 6px 6px 18px;
	margin: 0 1px 1px 1px;
	width: 395px;
}

#content .more {
	float: left;
	width: 359px;
	background: url(../images/design/bg-more.jpg) no-repeat 0 2px;
	margin: -2px 1px 1px 1px;
	color: #000;
	text-decoration: none;
	text-align: right;
	padding: 0 80px 0 0;
	font-weight: bold;
}
#content .more a { color: black; text-decoration: none }
#content .more a:hover { color: #808080 }
#content .sponsors {
	float: left;
	width: 419px;
	margin: 0 1px;
	text-align: center;
	background: url(../images/design/bg-sponsors.jpg) repeat-x;
}

#rightBar .ad, #leftBar .ad  { float: left }

.block { display: block; }
.nothing { clear: both }


/* Style for the Movie Div */
#topmovieborder {
  width:422px;
  height:29px;
}

#movie {
  width:422px;
  height:215px;
  margin: 0 1px 1px 1px;
  padding: 1px;
}

#textbanner { position: relative; margin-left: 6px; margin-top: 8px; }