@charset "utf-8";
/*updated by Chas. E. Martin - http://www.chasemartin.com on 27Jan2010*/
body  { font: 100% Verdana, Arial, Helvetica, sans-serif; background: url(img/TBWE-bkgd.png) repeat; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; 
}

h2 {
	display: block;
	width: 100%;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	font-weight: normal;
	color: #7A1617;
	font-variant: small-caps;
	font-style: italic;
}

h2 img {
border-top: black solid 1px;
padding-top: 1px;
}

li { font-size: 11px; list-style:none; text-transform: uppercase; margin-left: -25px; 
}

li a {
color: #791614;
text-decoration: none;
}

li a:hover {
font-weight: bold;
color: #791614;
text-decoration: none;
}

a { color: white; text-decoration: none; 
}
#mainContent    table  a img  {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: top;
}


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

a.blue  {
color: #0000FF;
}

p {
font-size: 11px;
}

.tbwexpo #container { width: 890px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: #FFFFFF; padding: 0px 7px 7px 7px; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ margin-top: 10px; margin-bottom: 10px; /* this overrides the text-align: center on the body element. */ 
} 
.tbwexpo #header  { width: 890px; background-image: url(img/header.jpg); background-repeat: no-repeat; height: 228px; 
} 
#mediaplyr { width: 200px; margin-right: auto; margin-left: auto; }


#floatNav { position: relative; text-align: center; width: 890px; margin-top: 177px; color: #fff; font-family: "Myriad Pro", Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 12px; clear: both; 
}

#floatNav a {
padding-left: 25px;
color: #fff;
font-size: 12px;
text-decoration: none;
}

#sideNavtop {
background: url(img/nav1middle.gif) repeat-y;
padding-left: 30px;
color: #fff;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 22px;
text-transform: uppercase;
	text-align: left;

}

h3 {
font-size: 15px;
}

li.regularlist {
text-transform: none;
list-style:circle;
padding-bottom: 5px;
}

#counter {
float: right;
position: absolute;
width: 850px;
height: 140px;
background:url(expo/img/counter.png) no-repeat top right;
padding: 20px;
text-align: right;
}

#sideNavbottom {
background: url(img/nav2middle.gif) repeat-y;
padding-left: 30px;
color: #ffc600;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 22px;
text-transform: uppercase;
	text-align: left;
}

#sideNavbottom a {
color: #ffc600;
text-decoration: none;
}

#sideNavbottom a:hover {
color: #fff;
text-decoration: underline;
}

.smlwhite {
font-size: 11px;
text-transform: none;
color: #fff;
}

#sideNavtop .indent {
padding-left: 25px;
}

.box {
padding: 10px;
margin: 10px;
background-color: #ffeac0;
}
.boxTeam { padding: 10px; margin: 10px; background-color: #ffeac0; font-size: 13px; font-family: Tahoma, "Lucida Sans Unicode", Verdana; }
.spacer { padding-bottom: 10px; }



.tbwexpo #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.tbwexpo #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 248px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	postion: relative;
}
.tbwexpo #mainContent { padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */ float: right; width: 640px; postion: relative; padding-top: 15px; background-color: #FFFFFF; text-align: left; 
} 
.tbwexpo #footer { padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */ background:#791614; color: white; text-align: center; 
} 
.tbwexpo #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
#navcontainer { width: 800px; margin-right: auto; margin-left: auto; position: relative; padding-top: 190px; padding-right: 60px; }

#navcontainer ul
{ color: White; margin: 0; padding: 0; 
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{ color: #fff; text-decoration: none; float: right; font-size: 14px; padding-top: 0.2em; padding-right: 0.7em; padding-bottom: 0.2em; padding-left: 0.7em; 
}

#navcontainer ul li a:hover
{
color: #fff;
text-decoration: underline;
font-weight: normal;
font-size: 14px;
}
#container #mainContent a { color: #6600FF; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }



.locationdate {
top: 40px;
width: 450px;
font-size: 14px;
float: right;
position: absolute;
}
.clearFloat { clear: both; }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; padding: 0px; margin: 0px; 
}
#socialnetwork { font-size: 11px; clear: both; }
#iconlink { clear: both; float: left; }

#socialnetwork li { vertical-align: middle; text-transform: none; }
#sociallink_header { width: 210px; margin-right: auto; margin-left: auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; }
#sociallinks { width: 225px; margin-right: auto; margin-left: auto; background-repeat: no-repeat; }
#sociallinks img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }

#container #sidebar1 #socialnetwork img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#socialnetwork2 { font-size: 10px; }
#socialnetwork2 td { width: 100px; }
#socialnetwork2 a { color: #791614; }
#socialnetwork2 img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#leaderboard { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; clear: both; }
#leaderboard  a  img  { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
hr { border-top-style: none; color: #666666; font-weight: lighter; }
.redhighlight {
	color: #940E09;
}
.reversed_text {
	color: #FFF;
}
.smallText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
}