/* ------------------------------------------------------
	CSS for the Dihedrals.com site.
	Main file included in all pages on this site.
-------------------------------------------------------*/
html {
	overflow-y: scroll;
	height: 100%;
}
body {
	background: rgb(0,116,188) url(../images/back-blend.jpg) repeat-x;		/* Site Color: Medium Cyan */	
	font-family: verdana, "sans serif";										/* @SITE-FONT@ Verdana */
	font-size: 0.8em;
	color: black;
	text-align: center;
	height: 100%;
}




* {
	padding: 0;
	margin: 0;
}
img {
	border: none;
	vertical-align: bottom;
}
.hiddenText {
	display: none;
}
.clear {
	clear: both;
}



h1 {
	margin: 0 0 10px 0;
	text-align: left;
	color: rgb(237,28,36);			/* Site Color: Bright Red */	
}
h2, h3 {
	margin: 0 0 10px 0;
	text-align: left;
	color: rgb(167,44,49);			/* Site Color: Dark Magenta */	
}
p, ol, ul {
	margin: 0 0 10px 0;
	text-align: left;
	color: rgb(46,49,146);			/* Site Color: Dark Blue */	
}
ol, ul {
}
h1 {
	font-size: 180%;
	padding-bottom: 4px;
	letter-spacing: -0.05em;
}
h2 {
	font-size: 120%;
}
h3 {
	font-size: 110%;
	font-style: italic;
}

p {
	text-align: justify;
}
a {
	text-decoration: none;
	color: rgb(167,44,49);			/* Site Color: Dark Magenta */	
	border-bottom: 1px maroon dotted;
}
a:hover {
	color: rgb(237,28,36);			/* Site Color: Bright Red */	
}


/* Site Header, Logo and Main Menus */
#centerBox {
	margin: 0 auto;
	/* background: url(../images/background-logo.jpg) 0 361px no-repeat; */	
	width: 982px;
	
	position: relative;
}

	#centerBox #intro-logo {
		width: 690px;
		margin: 20px auto 20px auto;
	}
	
	#centerBox .introLangMenu {
		position: absolute;
		display: none !important;
	}
	
	/*Intro Page menu */
	#centerBox #introMenuBox {
		width: 690px;
		height: 223px;
		margin: 0 auto 0 auto;
		position: relative;
		top: -44px;
	}
		#centerBox #introMenuBox li {
			list-style-type: none;
		}
	
		#centerBox #introMenuBox a {
			position: absolute;
			display: block;
			left: 0; top: 0;
			width: 340px;
			height: 90px;
			overflow: hidden;
			border-bottom: none;
		}
		#introMenuBox span {
			display: block;
			text-indent: -5000px;
		}
		
		#introMenuBox #intro-dailyMenu {
			background: url(/images/intro-welcome.gif) top left no-repeat;
			top: 12px !important;
		}
		#introMenuBox #intro-foodMenu {
			background: url(/images/intro-food-menu.gif) top left no-repeat;
			top: 92px !important;
			left: 80px !important;
			width: 228px !important;
			height: 63px !important;
		}
		#introMenuBox #intro-drinksMenu {
			background: url(/images/intro-drinks-menu.gif) top left no-repeat;
			top: 160px !important;
			left: 66px !important;
			width: 266px !important;
			height: 73px !important;
		}
		#introMenuBox #intro-liveSportsTV {
			background: url(/images/intro-live-sports-tv.gif) top left no-repeat;
			top: 0 !important;
			left: 350px !important;
			width: 339px !important;
			height: 93px !important;
		}
		#introMenuBox #intro-events {
			background: url(/images/intro-events.gif) top left no-repeat;
			top: 84px !important;
			left: 379px !important;
			width: 228px !important;
			height: 64px !important;
		}
		#introMenuBox #intro-contactUs {
			background: url(/images/intro-contact-us.gif) top left no-repeat;
			top: 160px !important;
			left: 357px !important;
			width: 267px !important;
			height: 75px !important;
		}
	
		/* Rollover */
		#introMenuBox a:hover {
			background-position: left bottom !important;
		}
	
	

	#centerBox #menuBox {
		float: left;
		display: inline;
		width: 335px;
		min-height: 300px;
	}
		#centerBox #menuBox #logo {
			display: block;
			margin: 50px auto 20px auto;
			width: 264px;
			border: none;
		}
	
		#centerBox #menuBox #mainMenu {
			text-align: left;
			margin: 0 50px 0 0;
			color: rgb(167,44,49);			/* Site Color: Dark Magenta */	
		}
			#centerBox #menuBox #mainMenu li {
				margin: 0 0 2px 0;
				list-style-type: none;
				cursor: default;
				font-weight: bold;
				font-size: 120%;
			}
				#centerBox #menuBox #mainMenu a,
				#centerBox #menuBox #mainMenu div {
					display: block;
					position: relative;
					border-bottom: none;
				}
				#centerBox #menuBox #mainMenu a span,
				#centerBox #menuBox #mainMenu div span {
					display: block;
					text-indent: -5000px;
				}
				
				#mainMenu #dailyMenu {
					background: url(/images/welcome.gif) top left no-repeat;
					width: 221px !important;
					height: 46px !important;
					left: 70px !important;
				}
				#mainMenu #foodMenu {
					background: url(/images/food-menu.gif) top left no-repeat;
					width: 154px !important;
					height: 43px !important;
					left: 93px !important;
					top: 12px !important;
				}
				#mainMenu #drinksMenu {
					background: url(/images/drinks-menu.gif) top left no-repeat;
					width: 182px !important;
					height: 63px !important;
					left: 87px !important;
					top: 8px !important;
				}
				#mainMenu #liveSportsTV {
					background: url(/images/live-sports-tv.gif) top left no-repeat;
					width: 230px !important;
					height: 79px !important;
					left: 73px !important;
					top: -10px !important;
				}
				#mainMenu #events {
					background: url(/images/events.gif) top left no-repeat;
					width: 157px !important;
					height: 55px !important;
					left: 104px !important;
					top: -23px !important;
				}
				#mainMenu #contactUs {
					background: url(/images/contact-us.gif) top left no-repeat;
					width: 181px !important;
					height: 45px !important;
					left: 92px !important;
					top: -21px !important;
				}
				
				/* Rollover */
				#centerBox #menuBox #mainMenu a:hover {
					background-position: left bottom !important;
				}
	
				/* Selected */
				#centerBox #menuBox #mainMenu div {
					background-position: left bottom !important;
				}
				#centerBox #menuBox #mainMenu #selectedMenuTriangles {
					position: absolute;
					top: 0; left: -50px;
					height: 100%;
					width: 45px;
					background: url(/images/selected-menu.gif) left center no-repeat !important;
				}
				
				
				
				
		/* Special image rollover menu items */
		#daily-menu-specials {
			margin: 0 0 0 0;
			display: block;
			width: 221px;
			height: 46px;
			background: url(../images/welcome.gif) top left no-repeat;
			text-display: none;
		}
		#daily-menu-specials:hover {
			background-position: bottom left;
		}
		
		
		
	
	#centerBox #languagesMenu {
		float: left;
		display: inline;
		/* Disable the Lang Menu */
		visibility: hidden;
		width: 600px;
		margin: 15px 0 4px 0;
		padding-left: 15px;
		list-style-type: none;
		cursor: default;
		height: 15px;
		overflow: visible;
		font-size: 10px;
	}
		#centerBox #languagesMenu li {
			float: left;
			display: inline;
			color: rgb(54,154,215);				/* Site Color: Bright Cyan */	
		}
		#centerBox #languagesMenu li a {
			text-decoration: none;
			color: white;
			border: none;
		}
			#centerBox #languagesMenu li a:hover {
				color: rgb(54,154,215);				/* Site Color: Bright Cyan */
			}


				
#subMenuBox {
	margin: 25px 0;
	height: 0;
	text-align: left;
}
	#subMenuBox ul {
		font-size: 100%;
		font-weight: bold;
		margin-left: 0 !important;
	}
		#subMenuBox ul li {
			float: left;
			display: inline;
			margin: 0 20px 0 0;
			list-style-type: none;
			position: relative;
			cursor: default;
		}
			#subMenuBox ul li a{
				text-decoration: none;
				cursor: pointer;
				color: white;
				border: none;
			}	
			#subMenuBox ul li a:hover {
				color: rgb(255,50,50);						
			}
			
			
.dwa-selectedMainMenu {
	position: relative;
}
	.dwa-selectedMainMenu a {
		
	}
		.dwa-selectedMainMenu #selectedMainMenu {
		}
	
	
/* Page Contents */
#leftPadBox {
	margin: 0 25px;			/* extra wrapping box for contents to make up for browser's broken padding */
	min-height: 650px;
}
#centerBox #contentsBox {
	margin: 0;	
	float: left;
	display: inline;
	background: white url(../images/contents-column-background.gif) top right repeat-y;
	width: 644px;
}
	#centerBox #contentsBox #top {
		background: black url(../images/contents-column-top-edge.jpg) no-repeat;
		width: 644px;
		height: 9px;
	}
	#centerBox #contentsBox #bottom {
		background: black url(../images/contents-column-bottom-edge.jpg) no-repeat;
		width: 644px;
		height: 9px;
		overflow: hidden;		/* Fixes icky float bug */
	}
	#centerBox #contentsBox ol,
	#centerBox #contentsBox ul
	{
		float: left;
		display: inline;
		margin-left: 25px;
	}
		#centerBox #contentsBox ol li,
		#centerBox #contentsBox ul li
		{
			margin-left: 25px;
		}
	
	#centerBox #contentsBox h1 {
		margin-bottom: 20px;
	}
	#centerBox #contentsBox h2 {
		margin-bottom: 15px;
	}
	#centerBox #contentsBox h3 {
		margin-bottom: 10px;
	}
	
	
	#centerBox #contentsBox #contents {
		margin: 0;
		padding-top: 25px;
	}


/* Footer Menu */
#footerBox {
	margin: 0 auto;
	width: 980px;
	text-align: center;
}
	#footerBox ul {
		color: white;
		font-size: 85%;
		margin-left: 0 !important;
		text-align: center !important;
	}
		#footerBox li {
			display: inline;
			margin: 0 15px 2px 0;
			list-style-type: none;
			cursor: default;
			font-weight: bold;
			font-size: 120%;
		}
		#footerBox li a {
			color: rgb(249,236,46);							/* @SITE-COLOR@ Link Gold */
			text-decoration: underline;
			border: none;
		}
			#footerBox li a:hover {
				color: white;
			}




#copyright {
	margin: 0 auto 10px auto;
	width: 980px;
	font-size: 70%;
	cursor: default;
	color: rgb(202,229,246);			/* Site Color: Light Blue */
	position: relative;
	clear: both;
}

	#copyright h2 {
		margin: 0 0 3px 0 !important;
		font-weight: bold;
		text-align: center;
		font-size: 190%;
		color: white;
	}
	#copyright #contactInfos {
		font-weight: bold;
		font-size: 130%;
	}
	#copyright p {
		margin: 0;
		text-align: center;
		color: rgb(202,229,246);			/* Site Color: Light Blue */	
	}
	/* Open Toolbox link */
	#copyright #dwa a {
		cursor: default;
		text-decoration: none;
		border: none;
		color: rgb(202,229,246);			/* Site Color: Light Blue */	
	}
	#copyright #dwa a:hover {
		cursor: default;
		text-decoration: none;
		border: none;
	}
	
	#copyright a {
		font-weight: bold;
		text-decoration: none;
		color: white;
		border: none;
	}
	#copyright a:hover {
		text-decoration: underline;
		color: rgb(249,236,46);							/* @SITE-COLOR@ Link Gold */
	}
	
.ie6Fix {
	height:1px; 
	background-color:rgb(0,116,188);
}


	

/* *********** DWA Component CSS ***********  */
/* Full Width Image */
.dwa-fullWidthImage {
	margin: 15px 0;
	text-align: left;
	clear: both;
	overflow: hidden;
}
	.dwa-fullWidthImage img {
		border: 2px rgb(249,236,46) solid;				/* @SITE-COLOR@ Link Gold */
		border-bottom: 6px rgb(249,236,46) solid;		/* @SITE-COLOR@ Link Gold */
	}
	.dwa-fullWidthImage p {
		margin: 5px 0 3px 0 !important;
		text-align: center !important;
		padding: 0 0 0 0 !important;
		color: rgb(167,44,49);			/* Site Color: Dark Magenta */	
		font-size: 75% !important;
		font-style: italic;
		line-height: 1.2em !important;
	}



.dwa-floatLeftImg {
	float: left;
	display: inline;
	margin: 0 15px 5px 0;
	clear: left;
	overflow: hidden;
}

.dwa-floatRightImg {
	float: right;
	display: inline;
	margin: 0 12px 5px 15px;
	clear: left;
	overflow: hidden;
}

	.dwa-floatLeftImg img,
	.dwa-floatRightImg img {
		border: 2px rgb(249,236,46) solid;				/* @SITE-COLOR@ Link Gold */
		border-bottom: 6px rgb(249,236,46) solid;		/* @SITE-COLOR@ Link Gold */
	}
	
/* Vertical Spacers */
.dwa-vSpacer10 {
	clear: both;
	height: 10px;
}	
.dwa-vSpacer25 {
	clear: both;
	height: 25px;
}	
.dwa-vSpacer50 {
	clear: both;
	height: 50px;
}

	
	
	
/* ------------------------------------------------------
	CSS for the Sport Event Pages.
-------------------------------------------------------*/


/* Menu Heading */
.dwa-sportHeader {
	margin: 25px 0 4px 0;
	letter-spacing: -0.05em;
	text-align: left;
	clear: both;
	overflow: hidden;
	border-bottom: 1px rgb(0,116,188) solid;	/* Site Color: Medium Cyan */
}
	.dwa-sportHeader h2 {
		display: inline !important;
		margin: 0 !important;
	}
	.dwa-sportHeader .dwa-sportTeam1 {
		color: rgb(167,44,49) !important;		/* SITE-COLOR: Dark Text Red */
		margin-right: 9px !important;
	}
	.dwa-sportHeader .dwa-vs {
		display: inline !important;
		font: bold italic 155% "Times New Roman", serif;
		margin-right: 9px !important;
	}
	.dwa-sportHeader .dwa-sportTeam2 {
		color: rgb(237,28,36);					/* SITE-COLOR: Bright Red */	
	}

	

	
	
/* ------------------------------------------------------
	CSS for the Menu Pages.
-------------------------------------------------------*/

p {
	margin-right: 14px;
}



/* Menu Heading */
.dwa-menuHeader {
	margin: 25px 0 4px 0;
	letter-spacing: -0.05em;
	text-align: left;
	text-transform: uppercase;
}
	.dwa-menuHeader h2 {
		display: inline !important;
	}
	.dwa-menuHeader .dwa-menuHeaderDE {
		color: rgb(167,44,49) !important;		/* SITE-COLOR: Dark Text Red */
		margin-right: 9px !important;
	}
	.dwa-menuHeader .dwa-menuHeaderEN {
		color: rgb(237,28,36);					/* SITE-COLOR: Bright Red */	
	}

	

/* Menu Item */
.dwa-menuItem,
.dwa-menuItemAlt {
	margin: 3px 0 0 0;
	text-align: left;
	letter-spacing: -0.02em;
	background: url(/images/menu-dots-royalblue.gif) left bottom repeat-x;
	clear: both;
	overflow: hidden;
}
.dwa-menuItemAlt {
	background: url(/images/menu-dots-cyan.gif) left bottom repeat-x;
}
	.dwa-menuItem p,
	.dwa-menuItemAlt p {
		float: left;
		display: inline;
		position: relative;
		margin: 0 !important;
		display: inline !important;
		background-color: white;
		padding-right: 14px !important;
	}
	.dwa-menuItemAlt p {
		color: rgb(0,116,188) !important;		/* Site Color: Medium Cyan */
	}
	
	.dwa-menuItem .dwa-descDE,
	.dwa-menuItemAlt .dwa-descDE {
		font-weight: bold;
		padding-right: 13px !important;
	}
	.dwa-menuItem .dwa-descEN,
	.dwa-menuItemAlt .dwa-descEN {
		
	}
	.dwa-menuItem .dwa-price,
	.dwa-menuItemAlt .dwa-price {
		float: right;
		display: inline;
		font-weight: bold;
		padding-left: 5px !important;
	}