/* Soul of Illinois CSS Stylesheet */


/* Proper CSS syntax is made up of "SELECTORS", "PROPERTIES", and "VALUES": */

/* Selectors identify the element you want to add styles to:
			 "html" to effect your whole html document...
			 "body" to effect just the body of your document...
			 "p" to effect all paragraphs...
			 "h1" to effect all headings designated as h1...
			 "div" to effect all content nested inside of <div></div> tags...
			 ... You get the picture.
			 Selectors can also be things that YOU define. */
			 
/* Properties identify the parts of the element that you want to effect:
			"background"
			"border"
			"height"
			"position"
			"background-position"
			"color"
			"background-color"
			"font"
			"margin"
			"margin-left"
			and many, many more... */
			
/* Values specify "how much", "where", "what type", etc. of the property is assigned to the selector, creating the final style:
			"#ffffff"
			"100px"
			"verdana, san-serif"
			"fixed"
			"absolute"
			"relative"
			"bottom"  */
			
/* Selectors can also be things that YOU define. 

For instance, if you wanted to divide sections of your content into separate areas, you would place each section of content between <div></div> tags. If you want all of the "div" content sections to be 10 pixels away from the edge of the surrounding elements, you would assign the following style to the "div" selector:

			div {margin:10px}
			
Then, if you want all of the content to be 500 pixels wide and centered in the middle of the page: 
			
			div {margin:10px; width:500px;} 
	
	the div areas to be positioned so that they 


			 
/* The selector allows you to assign positions, colors, widths, etc. to elements in your HTML page. Once you define a selector, its properties, and the value of those properties; you can   the element on your page that you want 
/* This is how you write a CSS instruction...    selector {property: value} */				


/* Classes are used when the style is applied to several elements. */

/* IDs are used to identify elements as unique. The properties  */



html {
	max-height:949px;
}
body,td,th {
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
	color: #ffffff;
}
body {
	margin: 0px;
	padding: 0px;
	max-height: 949px;
	background: #CED6E3;
}
#container {
	margin: 10px auto;
	width: 700px;
}
p {
	margin:0px;
	padding:0px;
}
div {
	margin:0px;
	padding:0px;
	width: auto;
	position: fixed;
}
a {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
a:link {
	text-decoration: none;
	color: #FFFFFF;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #999999;
}
.rightalignlink {
	text-decoration: underline;
	color: #FF9966;
	font-size: 9px;
	text-align: right;
}
.allcaps {
	font-variant: small-caps
}
#topbanner {
	background-image: url(../images/topbanner.jpg);
	background-position: left;
	background-repeat: no-repeat;
	background-color: #000000;
	position: relative;
	left: 0px;
	visibility: visible;
	width: 751px;
	height: 122px;
	z-index: 2;
}
#topbartext {
	z-index: 2;
	left: 433px;
	visibility: visible;
	width: 311px;
	position: absolute;
	top: -1px;
	text-align: right;
}
#topbarlogo, #jazzlogo  {
	z-index: 2; 
	left: 1px; 
	visibility: visible; 
	position: absolute; 
	top: 0px
}
#homebutton  {
	z-index: 2;
	left: 560px;
	visibility: visible;
	position: absolute;
	font-family: Impact, "Arial Black";
	font-size: 24px;
	text-align: right;
	color: #cfd7e4;
	top: 51px;
	width: 180px;
	height: 37px;
}
#espanol {
	z-index: 2;
	left: 282px;
	visibility: visible;
	width: 154px;
	position: absolute;
	top: 0px;
}
.espanol a, .topbartext a {
	color: #666666;
}
#hurricane {
	z-index: 2; 
	left: 90px; 
	visibility: visible; 
	width: 220px; 
	position: absolute; 
	top: 0px
}
#mainmenu {
	z-index: 2;
	/* left: 95px; */
	left: 16px;
	visibility: visible;
	/* width: 541px; */
	width: 730px;
	position: absolute;
	/* top: 92px; */
	top: 103px;
	font-weight: bold;
	/* color: #FFFFFF; */
	height: 23px;
	/* text-align: left; */
	text-align: right;
	/* border: 1px solid #00FF00; */
}
#mainmenu ul {
	margin: 0;
}
#mainmenu li{
	display: inline;
	/* padding: 5px; */
	padding: 0 5px;
}
#flashbanner {
	position: relative;
	text-align: right;
	color: #000000;
	left: 0px;
	width: 751px;
	height: 176px;
	z-index: 1;
	background-color: #000000;
}
#jordan {
	position: absolute;
	width: 200px;
	height: 115px;
	z-index: 2;
	left: 402px;
	top: 326px;
	overflow: visible;
	visibility: visible;
}
#midlefttop {
	line-height: 18px;
	position: relative;
	top: 0px;
	left: 0px;
	width: 538px;
	height: 547px;
	z-index: 1;
	background-color: #CED6E3;
}
iframe {
	height: 466px;
	width: 538px;
}
#midlefttop p {
	color: #4b5973;
}
#midleftbottom {
	position: relative;
	top: -80px;
	left: 0px;
	width: 538px;
	height: 95px;
	z-index: 1;
	background-color: #000000;
}
#right {
	position: absolute;
	left: 423px;
	top: 268px;
	width: 213px;
	height: 80%;
	z-index: 1;
	min-height: 690px;
	background-color: #A20403;
}
#righttext {
	padding: 0px;
	height: 100%;
	min-height: 500px;
}
#righttitle {
	position: absolute;
	left: 11px;
	width: 190px;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
#bottom {
	position: relative;
	top: -80px;
	left: 0px;
	width: 751px;
	height: 100px;
	z-index: 3;
	background-image: url(../images/bottombanner.gif);
	background-color: #000000;
}
#bottommenu {
	z-index: 2;
	visibility: visible;
	width: 748px;
	position: absolute;
	top: 41px;
	font-weight: bold;
	font-size: 8px;
	color: #FF0000;
	text-align: center;
	left: 1px;
	height: 34px;
}
#bottommenu li{
	display: inline;
	padding: 10px;
}
#trademark {
	z-index: 2;
	visibility: visible;
	width: 751px;
	position: absolute;
	top: 77px;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-weight: bold;
	font-size: 8px;
	color: #FFFFFF;
	text-align: center;
	left: 2px;
}

/* LEFTOVERS */
#apDiv1 {
	position: absolute;
	width: 200px;
	height: 115px;
	z-index: 4;
	left: 683px;
	top: 261px;
}
#whatsHotBox {
	position: absolute;
	width: 175px;
	height: 61px;
	z-index: 1;
	left: 556px;
	top: 733px;
}
.largerlink {
	font-size: 16px;
	line-height: 1.5em;
}
.speciallink {
	font-size: 18px;
	line-height: 1.5em;
	color: black;
	text-align: center;
}
.medlink {
	font-size: 12px;
}
#whatsHotBoxCulture {
	position: absolute;
	width: 175px;
	height: 92px;
	z-index: 1;
	left: 558px;
	top: 701px;
}
#whatsHotBoxHome {
	position: absolute;
	width: 175px;
	height: 500px;
	z-index: 1;
	left: 553px;
	top: 305px;
}