body {
  text-align:left;
}
table {
	margin:0px;
	padding:0px;
	border:none;
}
#container {
width:960px;
*width:960px;
margin:auto;
margin-top:5px;
padding:0px;
background:transparent URL(../images/container_bg.jpg) no-repeat;
border:1px solid #87b2df;
}
#container_bg {
width:960px;
*width:960px;
margin:auto;
margin-top:5px;
padding:0px;
background: URL(../images/nav_bg2.jpg) repeat-y;
background-position:1px 0px;
}
#container_home {
width:960px;
*width:960px;
margin:auto;
margin-top:5px;
padding:0px;
background:white;
border:1px solid #87b2df;
}

*html #container {
width:960px;
}

#header {
border:none;
background:transparent URL("../images/header_BG.gif") repeat-y ;
padding-left:14px;
padding-right:14px;
padding-top:10px;
margin:0px;
color:black;
width:872px;
*width:872px;
height:390px;
}

*html #header {
width:872px;
}

#nav {
	background:transparent URL(../images/nav_bg.jpg) no-repeat;
	width:200px;
	float:left;
	margin-right:20px;
	padding:0px;
}

	
#navlist {
margin:0px;
margin-top:240px;
width:208px;
padding:0px;
}

	
#navlist ol, ul, li {
	padding:0px;
	margin:0px; 
	list-style: none;
	}

#navlist ul li {
position: relative;
}

#navlist li {
list-style:none;
padding:0px;
margin:0px;
}

#navlist li ul {
	position: absolute;
	left: 203px; /* Set 1px less than menu width */
	top: 0;
	z-index:99;
	display: none;
	}

/* Styles for Menu Items */
#navlist ul li a {
	display: block;
	width:204px;
	color:white;
	margin:0px;
	padding:0px;
	background: white URL ('../images/nav/nav_home_over.jpg') no-repeat;
	height:35px;
	width:208px;
	}


/* Fix IE. Hide from IE Mac \*/
* html #nav ul li { float: left; height: 1%; }
* html #nav ul li a { height: 1%; }
/* End */

#navlist ul li a:hover { color: #FBC817; background:#104B7D;  } /* Hover Styles */

li a:hover .rollover { visibility:hidden }

#navlist li ul li a { 
	padding: 0px; 
	background:#104B7D;
	font-size:0.9em
	} /* Sub Menu Styles */
		
#navlist li:hover > ul, #navList li.over > ul { display: block; } /* The magic */



li.nav_home a .rollover {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:208px;
    height:35px;
    background:url(../images/nav/nav_home.jpg);
}

li.nav_info a .rollover {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:208px;
    height:35px;
    background:url(../images/nav/nav_info.jpg);
}

li.nav_exhibitors a .rollover {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:208px;
    height:35px;
    background:url(../images/nav/nav_exhibitors.jpg);
}

li.nav_vendors a .rollover {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:208px;
    height:35px;
    background:url(../images/nav/nav_vendors.jpg);
}

li.nav_supers a .rollover {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:208px;
    height:35px;
    background:url(../images/nav/nav_supers.jpg);
}
li.nav_jobs a .rollover {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:208px;
    height:35px;
    background:url(../images/nav/nav_jobs.jpg);
}

li.nav_jla a .rollover {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:208px;
    height:35px;
    background:url(../images/nav/nav_jla.jpg);
}

li.nav_espanol a .rollover {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:208px;
    height:35px;
    background:url(../images/nav/nav_espanol.jpg);
}
li.nav_press a .rollover {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:208px;
    height:35px;
    background:url(../images/nav/nav_press.jpg);
}

li.sub_prices a .rollover {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:208px;
    height:35px;
    background:url(../images/nav/sub_prices.jpg);
}
li.sub_services a .rollover {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:208px;
    height:35px;
    background:url(../images/nav/sub_services.jpg);
}

li.sub_charities a .rollover {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:208px;
    height:35px;
    background:url(../images/nav/sub_charities.jpg);
}
li.sub_sponsorship a .rollover {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:208px;
    height:35px;
    background:url(../images/nav/sub_sponsorship.jpg);
}
li.sub_court a .rollover {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:208px;
    height:35px;
    background:url(../images/nav/sub_court.jpg);
}
li.sub_directions a .rollover {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:208px;
    height:35px;
    background:url(../images/nav/sub_directions.jpg);
}
li.sub_contact a .rollover {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:208px;
    height:35px;
    background:url(../images/nav/sub_contact.jpg);
}
li.sub_map a .rollover {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:208px;
    height:35px;
    background:url(../images/nav/sub_map.jpg);
}

#footer {
width:960px;
height:260px;
text-align:center;
font-size:.65em;
font-weight: normal;
font-family:arial;
padding:0px;
margin:0px;
background:white;
color:black;
border-top:1px solid #87b2df;
margin:auto;
clear:both;
}

#main_home {
width:960px;
*width:960px;
text-align:left;
color:black;
padding:0px;
margin:0px;
font-size: 1.2em;
}
*html #main_home {
width:860px;
}

#main {
width:860px; 
*width:860px;
min-height:300px;
text-align:left;
color:black;
padding-bottom:20px;
margin:0px;
font-size: 1.2em;
background:transparent URL("../images/main_BG.gif") repeat-y ;
}
*html #main {
width:860px;
}

#main_content {
	text-align:left;
	color:black;
	font-size: 1.2em;
	width:660px;
	padding:0px
	background:transparent;
	float:left;
	margin:25px;
}
* html #main_content {
width:800px;
}

}
#home_entertainment {
	color:#133D8D;
	font-weight:bold;
}

#home_entertainment img {
	margin-right:7px;
	border: 1px solid black;
}
#home_entertainment h2 {
color:#4E84C4;
}
#home_entertainment .vert_line_home {
width:15px;
background:transparent URL("../images/black_line_home_ent.gif") ;
}

#entertainment {
	color:black;
	font-weight:normal;
	font-size:1em;
	width:750px;
}
*#entertainment {
	width:700px;
}
#entertainment img {
	margin-right:10px;
}
#entertainment h2 {
color:#4E84C4;
font-size:1.3em;
margin-top:0px;
}
#entertainment .date {
	font-size:1.3em;
	font-weight:bold;
}
#entertainment .time {
font-size:1.2em;
}

#entertainment .vert_line_home {
width:30px;
background:transparent URL("../images/black_line_home_ent.gif") ;
}
.right_side{
	width:360px;
	vertical-align:top;
}

.right_side li {
	margin-left:0em;
	*margin-left:0em
}

.right_side ul {
	margin-left:0em;
	*margin-left:0em
}

.left_side {
	width:380px;
	text-align:right;
	vertical-align:top;

}
.vert_line{
width:60px;
background:white URL("../images/black_line.jpg") ;
}
.vert_line_home {
width:15px;
background:transparent URL("../images/black_line_home.gif") ;
}
.vert_line_exhibit {
width:5px;
background:transparent URL("../images/black_line_home.gif") ;
}
.vert_line_home1 {
width:15px;
background:transparent URL("../images/black_line_home1.gif") ;
}
.spanner {
	display:block;
	text-align:center;
}
#facebook
{
  display: block;
  width: 41px;
  height: 98px;
  background: url("../images/fb.jpg") no-repeat 0 0;

}

#facebook:hover
{ 
  background-position: 0 -98px;
}

#facebook span
{
  position: absolute;
  top: -999em;
}

#twitter
{
  display: block;
  width: 60px;
  height: 98px;
  background: url("../images/twitter.jpg") no-repeat 0 0;

}

#twitter:hover
{ 
  background-position: 0 -98px;
}

#twitter span
{
  position: absolute;
  top: -999em;
}

/*for looks */

body {
	color:black;
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial,"_sans",_sans;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	background: white;

}
#footer a {
font-size: 1.3em;
color: #133dAd;
}
#footer a:link {
	}
#footer a:visited {
	}
#footer a:active {
	}
#footer a:hover {
	text-decoration: underline;
	color: black;
	
	}
div {
	font-size:.9em;
}

a {
	text-decoration: none;
	color: #133dAd;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	color:black;
	text-decoration: underline;
	}
	
h1 {
	font-size:1.7em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: .5em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	color:#1E4497;
	}

h2, dt {
	font-size: 1.3em;
	margin: .9em 0em .2em 0em;
	font-weight: bold;
	color:#000000;
	}

h3 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
dd img {
    margin-right:10px;
}
dd {
   font-size: 1.0em;
	line-height: 1.4em;
}
#main_content ol, ul, li {
	list-style: none;
	font-size: 1.0em;
	line-height: 1.3em;
	margin-top: 0.2em;
	margin-bottom: 0.5em; 
	}
p {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong {
	font-weight:bold;
	}
.alert {
	font-weight:bold;
	color:#d74200;
}