/* BODY */
body {
	font-family: Helvetica;
	font-size: 9pt;
	color: #000000;
	line-height: 200%;
	margin: 0px;
}
body.BlueStyle { 
	background: url('BlueBodyBackGround.jpg') top repeat-x #FFF; 
	color: #00356c;
}
body.RedStyle { 
	background: url('RedBodyBackGround.jpg') top repeat-x #FFF; 
	color: #ae2500; 
}
body.GreenStyle { 
	background: url('GreenBodyBackGround.jpg') top repeat-x #FFF;
	color: #135900;
}
body.CyanStyle  { 
	background: url('CyanBodyBackGround.jpg') top repeat-x #FFF;
	color: #006b5d;
}

/* CONTENT */
.ContentContainer {
	width: 800px;
	min-height: 300px;
	margin: 0px auto;
}
.Content { 
	background: url('ContentShadow.jpg') top no-repeat;
	margin-top: 50px;
}
.SideBar { 
	width: 200px; 
	float: left;
	margin-left: 40px;
	margin-top: 40px;
}
.MainBar {
	width: 500px;
	float: left;
	margin-left: 20px;
	margin-top: 40px;
}
.Sponsors {
	margin: 20px 40px 200px 40px;
}
.Clear {
	clear: both;
}

.Title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
}
.RedStyle .Title {
	color: #ff9c64;
}
.RedStyle .Url { 
	color: #ff2d2c;
}
.RedStyle .Location { 
	color: #d20100; 
}
.GreenStyle .Title {
	color: #27fd02;
}
.GreenStyle .Url { 
	color: #1ecd00;
}
.GreenStyle .Location { 
	color: #5db500; 
}
.CyanStyle .Title {
	color: #08fefc;
}
.CyanStyle .Url { 
	color: #00ffb8;
}
.CyanStyle .Location { 
	color: #00ff78; 
}

blockquote {
	background-color: #ececec;
	margin: 0px;
	padding: 30px;
}
div.Text div {
	display: none;
	width: 470px;
}
body.BlueStyle h1 {
	color: #00dbfc;
	font-family: Arial;
	font-size: 14pt;
	text-transform: uppercase;
	text-shadow: 1px 1px #00628e;
	letter-spacing: 1px;
}
body.RedStyle h1 {
	color: #fd9500;
	font-family: Arial;
	font-size: 14pt;
	text-transform: uppercase;
	text-shadow: 1px 1px #ae2500;
	letter-spacing: 1px;
}
body.GreenStyle h1 {
	color: #21EA00;
	font-family: Arial;
	font-size: 14pt;
	text-transform: uppercase;
	text-shadow: 1px 1px #18A700;
	letter-spacing: 1px;
}
body.CyanStyle h1 {
	color: #00CF9B;
	font-family: Arial;
	font-size: 14pt;
	text-transform: uppercase;
	text-shadow: 1px 1px #008A61;
	letter-spacing: 1px;
}

/* LOGO */
a.Logo {
	background: url('Logos.jpg') no-repeat;
	width: 186px;
	height: 150px;
	display: block;
	margin: 0 auto;
}
.BlueStyle a.Logo { 
	background-position: 0px 0px;
}
.RedStyle a.Logo { 
	background-position: 0px -150px; 
}
.GreenStyle a.Logo { 
	background-position: 0px -300px; 
}
.CyanStyle a.Logo {
	background-position: 0px -450px;
}

/* NAVIGATION */
#Navigation {
	margin-top: 30px;
	text-align: left;
}
#Navigation a {
	display: block;
	width: 185px;
	padding: 4px;
	border-right: 1px solid #C5C5C5;
	color: #CCC;
	font-family: Arial;
	font-size: 14pt;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
.RedStyle #Navigation a { 
	color: #fd9500;
	text-shadow: 1px 1px #ae2500;
}
.RedStyle #Navigation a:hover {
	background-color: #ececec; 
	border-right: 1px solid #b1009e;
}
.GreenStyle #Navigation a {
	color: #21EA00; 
	text-shadow: 1px 1px #18A700; 
}
.GreenStyle #Navigation a:hover { 
	background-color: #ececec;
	border-right: 1px solid #653204;
}
.CyanStyle #Navigation a { 
	color: #00CF9B; 
	text-shadow: 1px 1px #008A61; 
}
.CyanStyle #Navigation a:hover {
	background-color: #ececec;
	border-right: 1px solid #D800FF;
}
.NumberMenu {
	color: #d100ba;
	text-shadow: 1px 1px #760068;
}
.Expl {
	color: #d1d1d1;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	text-transform: none;
	text-shadow: none;
}
#Champion {
	display: none;
}

/* HELPICONS */
a.HomePage, a.BookMark, a.Chat, a.Contact, a.SiteMap, a.Close {
	background: url('HelpIcons.jpg') no-repeat;
	width: 24px;
	height: 24px;
	line-height: 24px;
	margin: 0px 15px;
	display: inline-block;
}
a.Close {
	background-position: -201px -53px; 
	margin-top: 15px; 
}
a.Close:hover { 
	background-position: -201px -79px; 
}

.RedStyle a.HomePage   { background-position:   -1px -1px;}
.RedStyle a.BookMark   { background-position:  -36px -1px;}
.RedStyle a.Chat       { background-position:  -70px -1px;}
.RedStyle a.Contact    { background-position: -102px -1px;}
.RedStyle a.SiteMap    { background-position: -135px -1px;}

.CyanStyle a.HomePage  { background-position:   -1px -53px;}
.CyanStyle a.BookMark  { background-position:  -36px -53px;}
.CyanStyle a.Chat      { background-position:  -70px -53px;}
.CyanStyle a.Contact   { background-position: -102px -53px;}
.CyanStyle a.SiteMap   { background-position: -135px -53px;}

.GreenStyle a.HomePage { background-position:   -1px -27px;}
.GreenStyle a.BookMark { background-position:  -36px -27px;}
.GreenStyle a.Chat     { background-position:  -70px -27px;}
.GreenStyle a.Contact  { background-position: -102px -27px;}
.GreenStyle a.SiteMap  { background-position: -135px -27px;}

a.HomePage:hover       { background-position:   -1px -79px;}
a.BookMark:hover       { background-position:  -36px -79px;}
a.Chat:hover           { background-position:  -70px -79px;}
a.Contact:hover        { background-position: -102px -79px;}
a.SiteMap:hover        { background-position: -135px -79px;}

/* CONTACT */
#ContactTable {
	display: none;
	background: url('ContactBackGround.jpg') no-repeat bottom left;
	width: 430px;
	margin-bottom: 30px;
	vertical-align: top;
	color: #002632;
}
#ContactTable td { width: 50%; vertical-align: top; }
#ContactTable b { color: #0091C0; }
#ContactTable .Light { color: #83E2FF; }
a.GoogleEarth {
	background: url('ContactIcon.jpg') no-repeat 0px 0px;
	width: 36px;
	height: 45px;
	margin: 0px 5px;
	display: inline-block;
}
a.Mav {
	background: url('ContactIcon.jpg') no-repeat -49px 0px;
	width: 46px;
	height: 45px;
	margin: 0px 5px;
	display: inline-block;
}
a.Volan {
	background: url('ContactIcon.jpg') no-repeat -96px 0px;
	width: 74px;
	height: 45px;
	margin: 0px 5px;
	display: inline-block;
}

/* FOOTERS */
.FooterContainer {
	position: fixed;
	bottom: 30px;
	width: 100%;
	height: 150px;
	line-height: 150px;
	z-index: 80;
}
.BlueStyle .FooterContainer  { background: url('BlueFooterColor.png') bottom repeat-x; }
.RedStyle .FooterContainer   { background: url('RedFooterColor.png') bottom repeat-x; }
.GreenStyle .FooterContainer { background: url('GreenFooterColor.png') bottom repeat-x; }
.CyanStyle .FooterContainer  { background: url('CyanFooterColor.png') bottom repeat-x; }
.FooterMenu {
	width: 800px;
	margin: 0px auto;
	text-align: center;
}
a.beachv, a.volleyb, a.snowb, a.imagest {
	background: url('TopLink.png') no-repeat;
	width: 91px;
	height: 101px;
	margin: 20px 10px;
	display: inline-block;
}
a.beachv          { background-position: 0px 0px;    }
a.beachv:hover    { background-position: 0px -101px; }
a.volleyb         { background-position: 0px -202px; }
a.volleyb:hover   { background-position: 0px -303px; }
a.snowb           { background-position: 0px -404px; }
a.snowb:hover     { background-position: 0px -505px; }
a.imagest         { background-position: 0px -606px; }
a.imagest:hover   { background-position: 0px -707px; }

/* RESULT */
a.First, a.Second {
	background: url('ChampionNumbers.jpg') no-repeat;
	width: 100px;
	height: 100px;
	margin: 0px 15px;
	display: inline-block;
}
a.First        { background-position:    0px    0px; }
a.First:hover  { background-position: -100px    0px; }
a.Second       { background-position:    0px -100px; }
a.Second:hover { background-position: -100px -100px; }

#FirstRound  { display: none; }
#SecondRound { display: none; }

.Result td       { height: 70px; padding-left: 10px; vertical-align: middle; border-bottom: 1px solid #ffda80; }
.Result tr:hover { background-color: #ececec; }
.Team            { color: #FF6600; font-size: 11pt; font-weight: bold; text-transform: uppercase; }
.Rank            { color: #999; font-size: 7pt; }
.Points          { color: #0099CC; }

/* SPONSORS */
a.Cervantes {
	background: url('Sponsors.jpg') no-repeat -34px -5px;
	width: 83px;
	height: 110px;
	margin: 5px auto;
	display: inline-block;
}
a.Cervantes:hover { background-position: -184px -5px; }
a.Ees {
	background: url('Sponsors.jpg') no-repeat -5px -120px;
	width: 140px;
	height: 50px;
	margin: 5px auto;
	display: block;
}
a.Ees:hover { background-position: -155px -120px; }
a.DunaKeszi {
	background: url('Sponsors.jpg') no-repeat -40px -178px;
	width: 71px;
	height: 81px;
	margin: 5px auto;
	display: inline-block;
}
a.DunaKeszi:hover { background-position: -190px -178px; }
a.AllIn {
	background: url('Sponsors.jpg') no-repeat -30px -262px;
	width: 90px;
	height: 81px;
	margin: 5px auto;
	display: inline-block;
}
a.AllIn:hover { background-position: -183px -262px; }
a.Motoros {
	background: url('Sponsors.jpg') no-repeat -15px -349px;
	width: 120px;
	height: 51px;
	margin: 5px auto;
	display: inline-block;
}
a.Motoros:hover { background-position: -165px -349px; }
a.Nietsch {
	background: url('Sponsors.jpg') no-repeat -20px -410px;
	width: 111px;
	height: 70px;
	margin: 5px auto;
	display: inline-block;
}
a.Nietsch:hover { background-position: -170px -410px; }