/* CSS Document
   ------------ superset.css */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #000 url('images/layout06bg.png') repeat;
	color: #C4C4C4;
}

img {
	border: 0;
}

/* container
   --------- */

div#container {
	margin: 15px auto;
	padding: 0;
	background: #000 url('images/content-bgrnd.gif') repeat-y;
	color: #C4C4C4;
	width: 700px;
	border: 1px solid #404040;
}

/* container-alt
   ------------- */

div#container-alt {
	margin: 30px auto;
	padding: 0;
	background: #000 url('images/content-bgrnd-sm.gif') repeat-y;
	color: #C4C4C4;
	width: 700px;
	border: 1px solid #404040;
}

/* container-tv
   ------------ */

div#container-tv {
	margin: 30px auto;
	padding: 0;
	background: #000 url('images/content-bgrnd-tv.gif') repeat-y;
	color: #C4C4C4;
	width: 700px;
	border: 1px solid #404040;
}

/* header
   ------ */

div#header {
	margin: 0;
	padding: 0;
	height: 66px;
	text-align: center;
	background: #000;
	border-bottom: 1px solid #404040;
}

h1 {
	margin: 5px 0 0 10px;
	padding: 0;
	line-height: 1em;
	float: left;
	display: inline;
}

img#top-bannerad {
	margin: 2px 0 0 0;
	padding: 0 0 2px 0;
}

/* mainmenu 
   -------- */

div#mainmenu {
	clear: left;
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
	display: inline;
	width: 160px;
}

/* #mainmenu ul {
	margin: 0 0 0 5px;
	padding: 0;
	list-style-type: none;
}

#mainmenu li {
	margin: 0;
	padding: 1px 5px 0 0;
	background: url('images/menu-bg.gif') 5px 0 no-repeat;
	width: 144px;
	height: 20px;
	text-align: right;
} */

/* promo
   ----- */
   
div#promo {
	margin: 0;
	padding: 0px 0 0 0;
	float: right;
	width: 250px;
	text-align: center;
}

p.competition-txt {
	margin: 5px auto;
	padding: 8px 0;
	color: #C4C4C4;
	font: 18px 'Arial Rounded MT', Arial, Verdana, sans-serif;
	border: 1px solid #404040;
	width: 238px;
	text-align: center;
}

/* submenu
   ------- */
   
div#submenu {
	margin: 0;
	padding: 5px 0 0 0;
	float: right;
	width: 155px;
}

#submenu ul {
	margin: 0 0 0 5px;
	padding: 0;
	list-style-type: none;
}

#submenu li {
	margin: 0;
	padding: 1px 0 0 5px;
	background: url('images/menu-bg.gif') no-repeat;
	width: 144px;
	height: 20px;
	text-align: left;
}

img.rc-media {
	margin: 0 0 5px 10px;
	padding: 0;
}

/* tv-links
   -------- */
   
div#tv-links {
	margin: 0;
	padding: 5px 0 0 0;
	float: right;
	width: 185px;
}

div.vid-link {
	margin: 0 0 8px 0;
	padding: 0;
	float: left;
	width: 90px;
	text-align: center;
	font: 11px Verdana, Tahoma, Arial, sans-serif;
}

.vid-link a:link {
	text-decoration: none;
	color: #E7E7E7;
}

.vid-link a:visited {
	text-decoration: none;
	color: #E7E7E7;
}

.vid-link a:hover {
	text-decoration: underline;
	color: #E7E7E7;
}

/* content
   ------- */
   
div#content {
	margin: 0 260px 0 170px;
	padding: 10px 0 0px 0;
	color: #C4C4C4;
	font: 11px Verdana, Tahoma, Arial, sans-serif;
}

#content a {
	color: #c4c4c4;
	text-decoration: none;
}

#content a:hover {
	color: #F0EB4C;
}

#content p {
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 1.5em;
}

#content p.ctr {
	margin: 0;
	padding: 0;
	text-align: center;
}

#content p.competition-txt {
	margin: 5px auto;
	padding: 8px 0;
	color: #C4C4C4;
	font: 18px 'Arial Rounded MT', Arial, Verdana, sans-serif;
	border: 1px solid #404040;
	width: 238px;
	text-align: center;
}

img.face {
	float: left;
	border: 1px solid #444;
	padding: 5px;
	margin: 5px;
}

/* content-alt
   ----------- */

div#content-alt  {
	margin: 0 165px 0 170px;
	padding: 10px 0 5px 0;
	color: #C4C4C4;
	font: 11px Verdana, Tahoma, Arial, sans-serif;
}

h2 {
	margin: 0 0 12px 0;
	padding: 0;
	font: bold 14px Verdana, Tahoma, Arial, sans-serif;
}

#content-alt p {
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 1.5em;
}

form {
	clear: none;
}

#membership-form {
	clear: none;
	float: left;
}

#membership-form input {
	margin: 0;
	padding: 3px;
	background: #E5E5E5;
	border: 0;
	font: 11px Verdana, Tahoma, Arial, sans-serif;
}

#membership-form input.radio-btn {
	background: #000;
}

#membership-form textarea {
	margin: 0;
	padding: 3px;
	background: #E5E5E5;
	border: 0;
	font: 11px Verdana, Tahoma, Arial, sans-serif;
}

#membership-form input.form-btns {
	font-weight: bold;
	border: 1px solid #EEE94D;
}

/* content-tv
   ---------- */

div#content-tv  {
	margin: 0 195px 0 170px;
	padding: 10px 0 5px 0;
	color: #C4C4C4;
	font: 11px Verdana, Tahoma, Arial, sans-serif;
}

img#video-screen {
	margin: 0;
	padding: 5px 0 0 3px;
}

/* content players page
   -------------------- */
   
div.player-blurb {
	margin: 0 0 0 5px;
	padding: 0;
	width: 245px;

}

img.player-img {
	margin: 0 10px 0 0;
	padding: 6px 0 0 0;
	float: left;
}

#content .player-blurb a {
	color: #F0EB4C;
	font-weight: bold;
	margin: 0;
	padding: 0;

}

#content .player-blurb a:link, #content .player-blurb a:visited {
	text-decoration: none;
}

#content .player-blurb a:hover {
	text-decoration: underline;
}

/* footer
   ------ */
   
div#footer {
	margin: 0;
	padding: 0;
	clear: both;
	background: #000;
	color: #9C9C9C;
	border-top: 1px solid #404040;
}

p#sponsors {
	margin: 6px 0 0 0;
	padding: 0;
	text-align: center;
}

#sponsors img {
	margin: 0 15px;
}

p#copy-notice {
	margin: 0;
	padding: 5px 0;
	text-align: center;
	font: 10px Verdana, Tahoma, Arial, sans-serif;
}

#footer a:link {
	color: #9C9C9C;
	text-decoration: none;
}

#footer a:visited {
	color: #9C9C9C;
	text-decoration: none;
}

#footer a:hover {
	color: #C4C4C4;
	text-decoration: underline;
}

/* popout menu
   ----------- */
   
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 145px;
}
	
#nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px;
	width : 145px;
}
	
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 145px;
	margin-top : -1.35em;
}
	
#nav li a {
	width : 145px;
	w\idth : 145px;
	height: 20px;
	font: 10px Verdana, Helvetica, sans-serif;
	display : block;
	color : #ccc;
	font-weight : bold;
	text-decoration : none;
	background-color : black;
	border-bottom : 1px solid #000;
	border-top : 1px solid #000;
	padding : 0px .5em;
}

#nav li a i {
	visibility: hidden;
}
	
#nav li a:hover {
	color : black;
	background-color : white;
}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li#home a{
	background: url(images/menu-labels/home.png) no-repeat top right;
}
#nav li#home a:hover{
	background-position: bottom right;
}

#nav li#event a{
	background: url(images/menu-labels/the-event.png) no-repeat top right;
}
#nav li#event a:hover{
	background-position: bottom right;
}

#nav li#about a{
	background: url(images/menu-labels/about-superset.png) no-repeat top right;
}
#nav li#about a:hover{
	background-position: bottom right;
}

#nav li#who a{
	background: url(images/sub-menu-labels/who-is-superset.png) no-repeat top right;
}
#nav li#who a:hover{
	background-position: bottom right;
}

#nav li#format a{
	background: url(images/sub-menu-labels/format.png) no-repeat top right;
}
#nav li#format a:hover{
	background-position: bottom right;
}

#nav li#rules a{
	background: url(images/sub-menu-labels/rules.png) no-repeat top right;
}
#nav li#rules a:hover{
	background-position: bottom right;
}

#nav li#experience a{
	background: url(images/sub-menu-labels/experience.png) no-repeat top right;
}
#nav li#experience a:hover{
	background-position: bottom right;
}

#nav li#media a{
	background: url(images/sub-menu-labels/media.png) no-repeat top right;
}
#nav li#media a:hover{
	background-position: bottom right;
}

#nav li#news a{
	background: url(images/menu-labels/news.png) no-repeat top right;
}
#nav li#news a:hover{
	background-position: bottom right;
}

#nav li#players a{
	background: url(images/menu-labels/theplayers.png) no-repeat top right;
}
#nav li#players a:hover{
	background-position: bottom right;
}



/* player bio popups 
   ----------------- */

div#playerbio {
	margin: 25px;
	padding: 5px 15px;
	background: #000;
	font: 11px Verdana, Tahoma, Arial, sans-serif;
}
   
img#bio-pic {
	float: right;
	margin: 0;
	padding: 0;
	color: #C4C4C4;
}

h2#playername {
	margin: 0 0 1em 0;
	padding: 0 0 3px 10px;
	font: bold 18px Verdana, Tahoma, Arial, sans-serif;
	color: #F0EB4C;
	border-bottom: 1px solid #C4C4C4;
}

h3 {
	margin: 0;
	padding: 0;
	font: bold 12px Verdana, Tahoma, Arial, sans-serif;
	color: #F0EB4C;
}

span.year {
	font: 12px Verdana, Tahoma, Arial, sans-serif;
	color: #F0EB4C;
}


p.intro {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -200px 0 0 -350px;
}

img.frontpage {
	padding: 10px;
}

img#motu {
 	padding: 5px;
	float: left;
}

ul.bullet li {
	list-style: square;
}

.motu {
	color: #c4cb00;
}