/*    MCN default css template - edited 10.08 */
/*-----------------------------------
Team Rio 862
------------------------------------*/

/* Layout */
html {
}
body {
	font-family:"trebuchet ms", arial, sans-serif;
	padding:0;
	color:#000;
}
#wrapper {
	margin: 0 auto;
	padding:0;
}
#doc2 {
	margin: 0 auto;
}

#hd {
	height: 210px;
	position: relative;
}
#hd h1 { /*hides the domain name title */
	float:right;
	text-indent:-99999px; display:none;
}
#logoInterior{
	position: relative;
	top: 38px;
	left: 27px;
	width: 550px;
	height: 190px;
	background: url(images/logoInterior.gif) no-repeat scroll center top;
}
#bd {
	padding: 0px 25px 0 0;

}
#yui-main{width: 580px;
}
#yui-main .yui-g { /*default main content container */
	padding:0px 0 0 25px;
	width: 555px;
}
.sidebar { /*default class for sidebar container */
	padding:210px 0 0 0;
}
#ft {
	font-size:85%;
	line-height: 130%;
	margin:20px 0px 20px 0;
	text-align:left;
	text-transform: uppercase;
	padding:3px;
	height: 68px;
	width: 600px;
	background: url(images/bgFooter.gif) no-repeat scroll left top;
}
#ft a {
	text-decoration:none;
}
#ft a:hover {
}
#ftInside {
	float: left;
	width: 260px;
	height: 50px;
	padding: 10px 0px 0px 20px;
	margin: 0 auto;
	text-align:left;
}
#ftLogos {
	float: right;
	width: 270px;
	height: 55px;
	padding: 5px 20px 0px 0px;
	margin: 0 auto;
	text-align:right;
}
#ftLogos img{
	margin-left:10px;
	vertical-align: middle;
}
#ft td {
	padding: 2px 0 0;
}

#sponsorBox{
    width: 300px;
    height: 150px;
    margin: 0 0 15px 0;
    padding: 0;

}
#sponsorTitle{
	height: 35px;
	background: url(images/h3_sponsors.gif) no-repeat scroll center top;
}
#title {
	background: transparent url(images/bgTitleLrg.gif) no-repeat scroll left top;
	width: 555px;
	height: 35px;
	margin: 0 0 15px 0;
	padding: 0;
}
#headerPhoto {
width: 300px;
height: 113px;
}
/* --------------------------------------------------------
Sponsor Page
----------------------------------------------------------*/
.sponsorBox{
	width: 555px;
	height: auto;
	height: 233px;
	padding: 0 0px;
}
.level1{
	height: 143px;
}

.level3 {
height:450px !important;
}

.sponsorBox ul{
	list-style-type: none;
	margin:0px 0 15px 0;

}
.sponsorBox li{
	display:inline;
	margin: 10px 10px 0 0;
	float: left;
	width: 250px;
	height: 80px;
	
}
.threeRows {
	height: 345px;
}
.oneRow{
	height: 170px;
}
.titleLevel1{
	font-size: 160%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px dashed #A32210;
}
.titleLevel2{
	font-size: 150%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px dashed #A32210;

}
	
.titleLevel3{
	font-size: 140%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px dashed #A32210;

}
.titleLevel4{
	font-size: 130%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px dashed #A32210;

}
.titleLevel5{
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px dashed #A32210;
	
}

/* default */
a {
	color:#369;
}
A:hover {
	COLOR: #f90;
	text-decoration: underline;
}
.content, #galleryText {
	text-align: justify;
	list-style: inside;
}
.contentHiSml,
.contentHi {
	color: #369;
}
td span.contentSml { 
	font-weight:normal;
	font-size: 77%;
	padding:0;
	margin:0;
}
input[type=text],input[type=password],textarea{
	width:auto;
}
.contentSml,
.contentHiSml {
	font-size:85%;
}
.titleLrg {
	font-size:200%;
	font-weight: normal;
	letter-spacing: 0px;
	padding: 2px;
	margin:0 0 15px 0;
	text-transform: uppercase;
	text-align: center;
}
.titleSml {
	font-size:123.1%;
	font-weight:bold;
	color: #888;
}
h3 a, .titleSml a {
	text-decoration: none;
}
.titleSml a:hover {
	text-decoration: underline;
}
td .titleSml{
	color: #888;
}
span.contentSml{
	color: #bbb;
}
td {
	padding:0;
}
/*----------------------------------------
L I S T S - vnav,  albums, sml
-------------------------------------------*/
ul, ul li {
	list-style-type: none;
	margin:0px;
}
ul, ul li {/*for mozilla positioning */
	padding-left: 0;
	margin-bottom: 0px;
}
/* ul formating in content */
.content ul {
	margin:4px 0 6px 0;
	padding:0 0 0 20px;
	text-align:left;
}
.content ul li {
	list-style: square outside;
}
.content ul ul {
	list-style: circle outside;
}
.content ol {
	list-style: decimal outside;
	margin:4px 0 6px 0;
	padding:0 0 0 20px;
	text-align:left;
}
.content ol li {
	list-style: decimal outside;
}
.content ol ol {
	list-style: lower-alpha outside;
}
/*----------------------------------------
I M A G E S
-------------------------------------------*/
.picRight, .picRightBrd {
	float: right;
	margin: 1px 1px 1px 6px;
}
.picLeft, .picLeftBrd {
	float: left;
	margin: 1px 6px 1px 1px;
}
.picRightBrd, .picLeftBrd {
	border: 1px solid #000;
}
.iconImg {
	margin: 2px 8px 6px 0px;
	border:1px solid #000;
}
.banner {
	margin: 0px 0 7px 0;
}
/* -------------------------
Form Fields and buttons
---------------------------*/
input{
   padding:.2em;
   border:1px solid #000;
}
input.btn,  
.e2ma_signup_form_button_row input {
    font-size:11px;
    padding:2px 4px;
	margin:1px;
    color:#fff;
    letter-spacing:1px;
    text-transform:uppercase;
    background:#369  url(domain/bin/css/glassyBtn.png) repeat-x scroll 0 -30px;
	_background-image:none;
    border:1px solid #369;
}
.btn:hover,  
.e2ma_signup_form_button_row input:hover {
    background:#c00 url(domain/bin/css/glassyBtn.png) repeat-x scroll 0 -30px;
    border:1px solid #c00;
    _background-image:none;
}
.buttons{padding:.5em 0;} /*checkout buttons */
.buttons form{ /*keep checkout buttons on same row*/
        display:inline;
}




/*-------------------------------------------
N A V I G A T I O N
-------------------------------------------*/
#vNavBox {
	position: absolute;
	top: 0px;
	right: left;
	margin: 0;
	padding:0;
	font-weight:normal;
	font-size:100%;
	text-transform:uppercase;
	width: auto;
	letter-spacing:0px;
	z-index:30;
	height:3em;
}
#vNav a {
	display: block;
	text-align: right;
	text-decoration: none;
	margin:0 0px;
	padding:5px 10px;
	float:left;
	width: auto;

}
#vNav a:hover {

}
#vNavBox li {   /*for horizontal navigation: display: inline;*/
	display:inline;
}


/*-------------------------------------
Sticky Navigation  */ 
#stickyBox {
	margin:0 0 10px 0;
	padding:5px 0 0 0;
	text-align:left;
	letter-spacing:0px;
	font-weight:bold;
	font-size:93%;
	width:auto;
	height:30px;
	border-bottom: 1px dashed #9F8059;
	border-top: 1px dashed #9F8059;
}
#stickyBox li {
	display:inline;
}
#stickyNav a {
	display: block;
	width:auto;
	padding: 2px 6px 3px 6px;
	text-decoration: none;
	text-align:center;
	margin:2px;
	float:left;
	border-right:1px solid #9F8059;
color: #7F0707;
}
#stickyNav a:hover {
	color:#000;
}
#stickyBox ul ul {
	display:none;
}
/*-------------------------------------------
Blog  */

#blogBox ul, #blogBox ul li {
	list-style-type: none;
	margin:0px;
	padding:0;
}
#blogBox {
	margin:0px 0px 6px 8px;
	text-align:left;
	padding:0 0 10px 0px;
	float:right;
	width: 160px;
	font-size:93%;
	font-weight:bold;
	border-left:1px solid #000;
}
#blogBox a {
	display: block;
	width:auto;
	padding: 2px 4px;
	text-decoration: none;
	margin:4px;
	border-bottom:1px dotted #000;
}
#blogBox a:hover {
}

/*----------------------------------------
NEWS
-------------------------------------------*/
#modNews {
	position:relative;
	text-align:left;
	margin:0;
}
#modNews a .item { /* news record display, list view */
	display:block;
	margin:6px 0px;
	padding:4px 6px;
	cursor: pointer;
	border-bottom:1px dotted #666;
}
#modNews a { /*for safari, chrome */
	text-decoration:none;
}
#modNews a:hover .item {
	background:transparent url(domain/bin/css/gridCCC.gif) repeat 0 0;
	border-bottom:1px solid #666;
}
#modNews img.iconImg { /* news record page icon */
	display:none;
}
#modNews h3 { /* news record title */
	font-size:123.1%;
}
#modNews .item p { /*short description */
}
#modNews .item p, #modNews .item h3, #modNews .item small {
	margin:0px;
}
#modNews small { /*post date*/
	color: #666;
	font-size:93%;
}
.paginate { /* more news page selector at bottom of module*/
	color:#000;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none;
	text-align:right;
}
.paginate a {

}
.paginate a:hover {

}
/*----------------------------------------
G A L L E R Y
-------------------------------------------*/ 
#modGallery{ /*the width of this will determine the # of columns */
	width:auto;
	margin-top:10px;
}
#modGallery select{ /*drop down box*/
	font:bold 14px/18px arial, san-serif;
	padding: 2px 0 2px 4px;
	margin:10px;
}
#modGallery img{
	border:1px solid #000;
}
#modGallery input{ /*view gallery button*/
	font:bold 14px/18px arial, san-serif;
	letter-spacing:1px;
	padding:2px 4px;
}
#modGallery.copy{ /*format gallery description text*/
}
#modGall li { display: inline;}

/*----------------------------------------
C A L E N D A R
-------------------------------------------*/
#modCalendar{
    position:relative;
    text-align:left;
    margin:0;
    padding:0;
}
#modCalendar .item{
    margin:2px 0px;
	display:block;
    position:relative;
    padding:.2em 200px .5em 1em;
    border-bottom:1px dotted #555;
    height: auto;
}
#modCalendar li{
    list-style-type:none;
}
#modCalendar h3{ /*location*/
	margin:0;
	letter-spacing:1px;
	text-transform:uppercase;
}
#modCalendar .header{/*descriptive header row*/
    display:none;
}
#modCalendar li.summary,
#modCalendar li.location{
    display:block;}
}
#modCalendar li.summary{margin-bottom:6px;}
#modCalendar .date{
    color:#369;
    font-weight:bold;
	width: 190px;
}
#modCalendar li.tickets a,
#modCalendar li.mg1 a,
#modCalendar li.mg2 a{
    position:absolute;
    right:16px;
    font:bold 9px/11px verdana,Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    text-align:center;
    margin:0;
    width:140px;
    z-index:20;
    padding:2px 4px;
    color:#fff;
    background:#369 url(domain/bin/css/glassyBtn.png) repeat-x scroll 0 -36px;
    border:1px solid #369;
}
#modCalendar li.tickets a {/* all tickets */
    top:4px;
}
#modCalendar li.pre a {/* presale tix only */ 
}
#modCalendar li.mg1 a {
    top:24px;
	background:#393 url(domain/bin/css/glassyBtn.png) repeat-x scroll 0 -36px;
    border:1px solid #393;
}
#modCalendar li.mg2 a {
    top:44px;
}
#modCalendar li.tickets a:hover,
#modCalendar li.mg1 a:hover,
#modCalendar li.mg2 a:hover,
#modCalendar li.pre a:hover{
    background:#f90 url(domain/bin/css/glassyBtn.png) repeat-x scroll 0 -36px;
    border:1px solid #f90;
}
#modCalendar li.full a,
#modCalendar li.full a:hover { /*closed meet+greet */ 
    top:24px;
    background:#c00 url(domain/bin/css/glassyBtn.png) repeat-x scroll 0 -36px;
    border:1px solid #c00;
}
#modCalendar li.tickets a, #modCalendar li.mg1 a, #modCalendar li.mg2 a, #modCalendar li.pre a,
#modCalendar li.tickets a:hover, #modCalendar li.mg1 a:hover, #modCalendar li.mg2 a:hover, #modCalendar li.pre a:hover{
	_background-image:none; /* png fix for ie6 */
}
/*----------------------
calendar and checkout
--------------------------------*/
.calendarBox, .checkoutBox {
	width: 98%;
	margin: 0px;
	padding: 0px;
}

.checkoutOdd, .calendarOdd {
    background:url(images/bgNav_over.png) repeat scroll left top;
}
.checkoutEven, .calendarEven {

}
.calendarHdr, .checkoutHdr {
	color: #fff;
	background-color: #3a3a3a;
	padding:2px 4px;
	text-align:center;
}
.checkoutBox td{
   padding:.5em; /*shopping basket checkout only */
}
.checkoutBox th{ /*shopping basket checkout only */
   padding:.5em; 
   letter-spacing:1px;
   text-transform:uppercase;
}




/* --- end modCalendar ---*/

/*-----------------------------
Contact Form, Email This, EMMA
------------------------------*/
fieldset{
	border: 1px solid #555;
	padding:8px;
	width: auto;
}
legend{
	padding: 2px 6px;
	font-weight:bold;
}
label{
	width: 12em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}
input{
	color: #000000;
	background: #fff;
	border: 1px inset #333;
}
/* ----- Email This Form ----- */
#et_Form{
	font-size:85%;
}
#et_Form a{
    text-decoration:none;
}
#et_Form li a {
    font-weight:bold;
    text-align:right;
    letter-spacing:px;
    padding-left:24px;
    background:transparent url(domain/bin/css/iconGDK.png) no-repeat scroll left -120px;
    _background:transparent url(domain/bin/css/iconGDK_000.gif) no-repeat scroll left -120px;
}
#aHideForm li a {
    background:transparent url(domain/bin/css/iconGDK.png) no-repeat scroll left -298px;
    _background:transparent url(domain/bin/css/iconGDK_000.gif) no-repeat scroll left -298px;
}
#frmEmail a {
    padding-left:54px;
    background:transparent url(domain/bin/css/iconGDK.png) no-repeat scroll 30px -656px;
    _background:transparent url(domain/bin/css/iconGDK_000.gif) no-repeat scroll 30px -656px;
}
#divNewEmail a {
    padding-left:0px;
    background:none;
}

/* ----- MyEmma Signup form --- */
#e2ma_signup_form {
    padding:1em 0;
}
.e2ma_signup_form_row {
    margin:2px 0;
    border-bottom: 1px dotted #999;
    padding:2px 1px;
}
.e2ma_signup_form_label {
    display:inline;
    width:160px;
    text-align:right;
    float:left;
    padding:2px 6px;
}
.e2ma_signup_form_element {
}
.e2ma_signup_form_button_row, .e2ma_signup_form_groups {
    margin-top:4px;
}
.e2ma_signup_form_group_label, .e2ma_signup_form_required_footnote, .e2ma_signup_form_group_list {
    padding:2px;
}
.e2ma_signup_form_required_footnote {
    font-style:italic;
}

.e2ma_signup_form_required_asterix {
    color:red;
}
input.btn, .e2ma_signup_form_button_row input {
}
.btn:hover, .e2ma_signup_form_button_row input:hover {
}
e2ma_signup_submit_button {
}
#e2ma_signup_reset_button {
}

/*----------------------------------
S I D E B A R
----------------------------------*/
* HTML #basketBox, * HTML #calendarSmlBox, * HTML #loginBox, * HTML #logoutBox,* HTML #newsSmlBox {/* PNG Alpha IE Win ONLY */
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/news-calSml.png', sizingMethod='scale');
}
#storePolicies,#basketBox{
	font-size:93%;
	margin:0px 0px 10px 0px;
	text-align:center;
	width: auto;
	position: relative;
	border: 0px solid #555;
	padding: 0px 0 20px 0;
	height: auto;
}
#storePolicies p, #storePolicies h3, #storePolicies ul, #storePolicies em {
	text-align:right;
	margin:4px 4px;
	padding: 5px 10px;
	list-style: circle inside;
	background: #242424;
	color:#999;
        
}
#storePolicies h3{
	font-size:105%; color:#fff;
	text-transform:uppercase;
	background:url(images/news-calSml.png) no-repeat scroll center top;
	padding: 6px 0 0 0;
	text-align: center;
	height: 32px;
}
#basketBox h3 span{
	font-size:105%; color:#fff;
	background: none;
}
#basketBox, #calendarSmlBox, #newsSmlBox, #search, #logoutBox, .sidebar {
	font-size:90%;
	position:relative;
	margin:0 0 10px 0;
	text-align:left;
	width: 300px;
}
#basketBox p, #basketBox strong, #basketBox .btn {
	margin:4px;
}
#basketBox h3, #calendarSmlBox h3,#newsSmlBox h3 {
	font-size: 161.6%;
	font-weight: bold;
	margin:0;
	padding:0px;
	letter-spacing:1px;
	height: 30px;
	text-align: center;
	text-transform: uppercase;

}
#newsSmlBox ul, #calendarSmlBox ul {
	padding: 0px;
	margin: 0px;
}


#calendarSmlBox li a,
#newsSml li a {
	position:relative;
	padding: 4px;
	margin: 3px 0;
	text-align:left;
	display: block;
	text-decoration: none;
}
#calendarSmlBox li a:hover, #newsSml li a:hover {
}
#calendarSmlBox p, #newsSmlBox p { 
	display:block;
	margin:0;
}
#calendarSmlBox h5 a{/* more dates */
	display:none;
}
#calendarSmlBox h6 {/*Current Presales, Upcoming Presales */
	text-transform:uppercase;
	letter-spacing:1px;
	padding:0 4px;
	margin:0;
	font:normal 10px/13px arial, san-serif;
}

/* -- more news, subscribe -- */
ul.moreNav {
	height:1.5em;
	padding:0 0px;
	font:normal 10px/13px arial, san-serif;
	margin-bottom: 15px;
}
ul.moreNav li{
	display:inline;
	margin-right:4px;
}
ul.moreNav li a {
	float:right;
	font-size:85%;
	text-transform:uppercase;
	text-decoration:none;
	padding:2px 5px 2px 20px;
	color: #bbb;
}
ul.moreNav li a:hover {
}
li.news a {
	background:transparent url(domain/bin/css/iconGDK.png) no-repeat 0px -714px;
}
li.rss a {
	background:transparent url(domain/bin/css/iconGDK.png) no-repeat 0px -444px;
}
li.calendar a {
	background:transparent url(domain/bin/css/iconGDK.png) no-repeat 0px -684px;
}
li.play a {
	background:transparent url(domain/bin/css/iconGDK.png) no-repeat 0px -742px;
}
li.news a, li.rss a, li.calendar a, li.play a {
	_background-image:none; /*for ie6 with the use of iconGDK.png*/
}


/*------------------------
S E A R C H
--------------------------*/
#search .formInput{
	padding:1px 0 1px 26px;
	background:transparent url(domain/bin/css/iconGDK_000.gif) no-repeat 2px -504px;
}
#searchResults h2, #searchResults h3 {

	margin:.25em 0px;
}
#searchResults span.contentHi a { /*Show All within News Articles.. */
	font-size:85%;
	text-decoration:none;
	font-style:italic;
}
#searchResults .resultListing dt{
	font-weight:bold;
}
dl {
	margin:0 0 4px 6px;
	padding:.5em;
	border-bottom:1px dotted #ccc;
}
dt {
	font-size:93%;
}
dd {
	font-size:85%;

	margin:0;
}
dd img {
        display:none;
}


/* SOCIAL ICONS */
#mediaLinks {
height: 50px;
width:400px; /* Set to width of site */
margin-left:130px;
margin-top: 70px;
background-color: transparent;
}

div#mediaLinks li{display:inline;}
#mediaLinks li a{
    height:50px;
    display:block;
    width:100px; /* or Set individual icon widths individually below*/
    padding: 0px 5px 0px 5px; /* Change to whatever you want the padding between each icon to be */
    float:left;
}
li#facebook a{ background:url(domain/bin/css/socializeTan.png) no-repeat scroll 5px 0px; width: 108px;}
li#myspace a{ background:url(domain/bin/css/socializeTan.png) no-repeat scroll 5px -50px; width:108px;}
li#twitter a{ background:url(domain/bin/css/socializeTan.png) no-repeat scroll 5px -300px; width: 120px;}