/* DO NOT REMOVE: This css file will reset all CSS values to give you complete cross-browser support!  */
@import url(reset.css);

/* Container is the main DIV that contains all other divs. Use this to set your design width. */
#Container {
background-color:#FFF;
margin:0 auto;
width:960px;
}

/* ContentContainer holds both your content div and right side menu div.  */
#ContentContainer {
float:right;
margin:0;
padding:0 0 10px 0;/*0 10px 10px 0;*/
width:745px;
}

/* Column2 represents your right side column next to your content div  */
#ContentContainer #Column2 {
float:right;
margin:0;
padding:0 0 0 0;
width:210px;
}

/* Column1WithLeftNav specifies the content area for all your pages!  */
#ContentContainer .Column1WithLeftNav {
float:left;
margin:0;
padding:0 2px 0 0;
width:525px;
}

/* This gives padding to all your tables within your content area.  */
#ContentContainer .Column1WithLeftNav table td {
padding:0px;

}

/* This defines your TH tag when creating headers for your tables.  */
#ContentContainer .Column1WithLeftNav table th {
color:#333;
font-weight:bold;
padding:3px;
text-align:center;
}

/* This defines all UL items within your content area  */
/* This defines all UL items within your content area  */
.Column1WithLeftNav ul {
list-style:disc;
margin:5px 0 10px 30px;
padding:0;
}

/* This defines all LI items within your content area.  */
.Column1WithLeftNav ul li {
line-height:16px;
margin:0;
padding:5px 5px 10px 0;
}

.Column1WithLeftNav ul li ul {
	list-style: circle;
}

/* EventLocation is used to style your strapline text for your dates and location.  */
#EventLocation {
color:#888;
float:left;
line-height:35px;
margin:0;
padding:0 0 0 15px;
}

/* DO NOT REMOVE: The following three ExFoot IDs are used to keep your extended footers from showing!  */
#ExFoot1 {
display:none;
}

#ExFoot2 {
display:none;
}

#ExFoot3 {
display:none;
}

/* Footer is used to style the footer area below the rest of your site.  */
#Footer {
background:#CCCCCC none repeat scroll 0 0;
height:90px;
margin:30px 0 0;
padding:10px;
width:940px;
}

/* Copyright is the container for your copyright text.  */
#Footer #Copyright {
float:left;
}

/* FooterLinks is the container for your footer links that display next to your copyright text.  */
#Footer #FooterLinks {
float:right;
}

/* This defines the UL that contains your footer links.  */
#Footer #FooterLinks ul {
list-style:none;
margin:0;
padding:0;
}

/* This defines the LI for your footer links.  */
#Footer #FooterLinks ul li {
float:left;
margin:0;
padding:0 10px;
}

/* HeaderBottomBar is used to define your strapline div.  */
#HeaderBottomBar {
bottom:0;
clear:both;
color:#888888;
margin:0 0 10px;
padding:0;
position:relative;
right:10px;
top:-40px;
width:960px;
}

/* DO NOT REMOVE: This defines the Language Bar that shows up above your header, this removes it.  */
#HeaderTopBar {
display:none;
}

/* LeftNavigation defines your left navigation container.  Use this to change the main width of your left side.  */
#LeftNavigation {
background-color:#FFF;
float:left;
margin:0 0 5px 10px;
padding:0;
width:190px;
}

/* left should be used to define background colors for the container of your navigation.  This is 100% optional.  */
#LeftNavigation #left {
/*background-color:#888;*/
margin:0;
padding:0;
}

/* LEFT NAVIGATION STYLES: These are styles I used for UFC Fan Expo, I highly suggest customizing them to work for your show site!  */
#LeftNavigation #left ul li a,#LeftNavigation #left ul li a:visited {
background-color:#336633;
border-bottom:1px solid #669966;
color:#FFFFFF;
display:block;
font-size:13px;
height:30px;
line-height:27px;
margin:0;
padding:0 0 0 15px;
text-decoration:none;
width:175px;
}

#LeftNavigation #left ul li a.Selected, #LeftNavigation #left ul li a.Selected:visited, #LeftNavigation #left ul li a.Selected:hover, #LeftNavigation #left ul li a.Expanded, #LeftNavigation #left ul li a.Expanded:visited, #LeftNavigation #left ul li a.Expanded:hover, #LeftNavigation #left ul li a.SelectedExpanded, #LeftNavigation #left ul li a.SelectedExpanded:visited, #LeftNavigation #left ul li a.SelectedExpanded:hover {
background-color:#333;
color:#FFFFFF;
}

#LeftNavigation #left ul li a:hover {
background:#333333 ;
color:#FFF;
width:175px;
}

#LeftNavigation #left ul li#Level2 ul li a,#LeftNavigation #left ul li#Level2 ul li a:visited,#LeftNavigation #left ul li#Level2 ul li:first-child a,#LeftNavigation #left ul li#Level2 ul li:first-child a:visited {
background:#CCCCCC none repeat scroll 0 0;
border-bottom:1px solid #FFFFFF;
color:#333333;
display:block;
font-weight:normal;
line-height:25px;
margin:0;
padding:0 0 0 10px;
text-decoration:none;
width:180px;
}

#LeftNavigation #left ul li#Level2 ul li a.Selected, #LeftNavigation #left ul li#Level2 ul li a.Selected:visited, #LeftNavigation #left ul li#Level2 ul li a.Selected:hover, #LeftNavigation #left ul li#Level2 ul li a.Selected, #LeftNavigation #left ul li#Level2 ul li a.Selected:visited, #LeftNavigation #left ul li#Level2 ul li a.Selected:hover  {
border-bottom:1px solid #CCCCCC;
color:#000000;
display:block;
font-size:13px;
font-weight:normal;
margin:0;
padding:0 0 0 20px;
text-decoration:none;
width:170px;
}

/* First Child is used to define a SPECIAL CLASS for your FIRST NAVIGATION LI ITEM.  Only use this if you need to.  */

#LeftNavigation #left ul li#Level1 ul li a.navTreeItem-SHOTHome {
color: #333333; !important;
}

#LeftNavigation #left ul#Level1 li.navTreeItem-SHOTHome a {
	background-color:#000000 !important;
	color:#FFFFFF !important;
	font-size:14px;
	font-weight:bold;
}

#LeftNavigation #left ul#Level1 li.navTreeItem-SHOTHome a:hover {
	background:#333333 none repeat scroll 0 0 !important;
	color:#FFFFFF !important;
}


#LeftNavigation #left ul li#Level2 ul li a:hover,#LeftNavigation #left ul li#Level2 ul li:first-child a:hover {
background:#333;
color:#fff;
font-weight:normal;

}

#LeftNavigation #left ul#Level1 li:first-child a, #LeftNavigation #left ul#Level1 li:first-child a:visited, #LeftNavigation #left ul#Level1 li:first-child a:hover {
color:#545877;
font-size:13px;
font-weight:bold;
}

/* PageHeader is for your header div.  This should define your background for your header image.  */
#Header {
background:#000000 url(/RNA/RNA_SHOT/Images/2011/SHOT_Header_2011.jpg) no-repeat scroll 0 0 !important;
height:215px !important;
margin-bottom:10px;
padding:0;
width:960px;
}

/* PageTitle is the container div for your logo image that links to the home page of the site.  */
#PageHeader #PageTitle {
float:left;
}

/* This defines the Search Form that is displayed within your strap line.  */
#SearchForm {
float:right;
margin:0;
text-align:center;
width:210px;
padding:52px 0 0;
}

/* Use this style to edit the the input box for the strapline Search Form.  */
#SearchForm input#ctl00_SearchControl__txtSearch {
background:#FFF url(/RNA/RNA_UFC/Images/bg_searchbox.gif) no-repeat;
border:0;
height:16px;
margin:0;
padding:2px;
width:133px;
}

/* Use this style to define the search button used in the strapline Search Form.  */
#SearchForm input.SearchButton {
background:#ffffff url(/RNA/RNA_SHOT/Images/2011/search_bt.jpg) no-repeat;
border:0;
color:#FFF;
font-weight:bold;
height:20px;
margin:0;
padding:0 0 0 0;
width:63px;
}

/* DO NOT REMOVE: This will remove annoying divs that we wll probably never use.  */
#SponsorshipFooterLinks {
display:none;
}

/* DO NOT REMOVE: This removes the the text at the top that says "Skip to page content"  */
#accessibility-links {
display:none;
}

/* navigation is the container for your TOP NAVIGATION if being used.  This is 100% optional.  */
#navigation {
background:#860c01 url(/RNA/RNA_UFC/Images/bg_navigation.gif) no-repeat;
color:#CCC;
height:37px;
margin:0 0 5px;
width:950px;
}

/* TOP NAVIGATION STYLES: These were used for UFC Fan Expo's top navigation, I would leave them alone unless your using top nav.  */
#navigation ul {
list-style:none;
margin:0;
padding:0;
}

#navigation ul li {
float:left;
margin:0;
padding:0;
}

#navigation ul li a,#navigation ul li a:visited {
color:#CCC;
display:block;
height:37px;
line-height:37px;
margin:0;
text-align:center;
text-decoration:none;
width:190px;
}

#navigation ul li a:hover {
color:#FFF;
text-decoration:none;
}

#navigation ul li.startLinkSelected a,#navigation ul li.startLinkSelected a:visited,#navigation ul li.startLinkSelected a:hover {
color:#FFF;
font-weight:bold;
text-decoration:none;
}

/* DO NOT REMOVE: This gets rid of the sponsorship block section.  You should disable this only if necessary.  */
.SponsorshipBlock {
display:none;
}

.TopNavigation {
left:0;
position:relative;
top:40px;
}

/* Replaces the old "absmiddle" valign.  Use this on images you want to lay in the middle of text.  */
.absmiddle {
vertical-align:middle;
}

/* DO NOT REMOVE: This is used to clear floating DIVs  */
.clear {
clear:both;
}

/* FORM STYLES: Feel free to edit these, they are for the Episerver forms.  */
.xformContainer .xformvalidator {
background-color:#FFDFDF;
color:#AF0000;
float:right;
font-size:11px;
font-weight:bold;
padding:10px;
}

.xformContainer fieldset {
border:1px solid #CCC;
padding:5px;
}

.xformContainer fieldset input {
clear:both;
}

.xformContainer fieldset label {
color:#666;
float:left;
font-weight:normal;
padding:0 0 0 5px;
width:auto;
}

.xformContainer input, .xformContainer select, .xformContainer textarea {
float:left;
}

.xformContainer label {
color:#333;
float:left;
font-weight:bold;
line-height:20px;
text-align:left;
width:200px;
font-size: 13px;
}

.xformContainer table#id_matrix td {
clear:both;
padding:10px;
}
/* GENERAL STYLES: Use these as base styles for your website and adjust from there.  */
a:active, a:visited, a:link {
	color:#286736;
	font-weight:bold;
	text-decoration:underline;
}

a:hover {
color:#666666;
text-decoration:none;
}

body {
background-color:#333333;
background-image:url(/RNA/RNA_SHOT/Images/2011/bg3.jpg);
background-position:center center;
background-repeat:repeat-y;
margin:0;
padding:0;
}

body,td,th {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

h1 {
background:transparent url(http://v1.shotshow.showsite.rxnova.com/RNA/RNA_SHOT/Images/2011/h1-target.jpg) no-repeat scroll 0 0;
color:#336633;
font-family:arial;
font-size:18px !important;
font-weight:bold;
margin-top:10px;
padding-bottom:5px;
padding-left:25px;
padding-right:0;
text-transform:uppercase;
line-height:1;
}

h2,.xformContainer .formheader {
color:#454545;
font-size:16px;
font-weight:bold;
margin:0 0 3px;
padding:3px 0 2px;
}

h3,.xformContainer fieldset legend {
color:#333;
font-size:13px;
font-weight:bold;
padding:3px 0 2px;
}

img.floatleft {
float:left;
margin:3px 10px 0 0;
pdding:0;
}

img.floatright {
float:right;
margin:3px 0 0 10px;
pdding:0;
}

input,select,textarea {
color:#666;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:2px;
}

ol {
list-style:decimal;
margin:0 0 0 15px;
}

ol li {
line-height:24px;
}

p {
line-height:20px;
margin:0;
padding:3px 0 15px;
}
									/*---side menu - navigation control---*/

.sidenav  {
   border: solid #EBDCC2 1px;
 }


.navheader_ql {
	background-color:#000000;
	color:#FFFFFF;
	display:block;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding: 9px;
	width:172px;
	}

 
#myMenu { 
  background-color:#FFFFFF;
	line-height:20px;
	text-align:left;
	width:190px;

}

#myMenu span {
  display: none;
  visibility: hidden;
}

#myMenu a {
	background:#336633 none repeat scroll 0 0;
	border-bottom:1px solid #669966;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding:0.2em 0.4em 0.2em 0.5em;
	text-decoration: none;
}

#myMenu a:hover {
background: #cccccc;
color: #000000;
font-size:12px;
text-decoration: none;
}

/* footer links */

.footer_links a:link, .footer_links a:active, .footer_links a:visited{
color: #286736;
font-size:11px;
text-decoration: underline;
}
.footer_links a:hover {
color: #000000;
font-size:11px;
text-decoration: none;
}