* html {margin:0; padding:0}
body {
	background-color:#000 !important;
	margin: 0; padding: 0;
	font-family: arial, helvetica, sans-serif; 
	font-size:12px;
	}
	
a:link, a:visited {font-size:14px; text-decoration: none; color: #fff; }	
a:hover, a:active {font-size:14px; text-decoration: underline; color: #000;}		

/*  the element that contains all the other block level containers */
#wrapper {
	background-image: url(../images/root_img/JOSA_background.png);
	background-position: top;
	background-repeat: repeat-y; 
	width: 984px;  
	margin: 0 auto; padding:0; 
	border: 0px solid #444;
	}
html>body #header { /*  ALL BROWSER BUT IE5 & 6 CAN UNDERSTAND THIS */
	float: left; display: block;
	width: 410px; height: 230px;
	margin: 0; padding: 0;
	background-image: url(../images/root_img/josa-banner-2010.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}

#header {  /* IE 5 & 6*/
	float: left; display: block;
	width: 410px; height: 230px;
	border: 0px solid #fff;
	margin: 0; padding: 0;
	background-image: url(../images/root_img/JOSA_logo.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}

#header p {
	width: 310px;
	margin: 80px 0 0 360px; padding: 0;
	border: 0px solid #ffcc00;
	}	
#header p.header-text {	
	color: #fff; line-height: 1.15em;
	font-size: 21px; font-weight: bold;
	text-align: right;	
	}

html>body #slide-show {
	float: right; display: block;
	width: 144px; height: 198px;
	margin: 15px 65px 0 0; padding: 0;
	}	
#slide-show { /* IE 5 & 6*/
	float: right; display: block;
	width: 144px; height: 198px;
	margin: 15px 42px 0 0; padding: 0;
	}
	
/*  MENU BAR  */
#menu-bar {
	float: left; display: block;
	margin: 0; padding: 0;
	width: 984px; height: 38px;
	background-color: #000;
	}		
#menu-bar ul.hor-menu {
	float: left; display: block;	
	list-style: none;
	margin: 0; padding: 0;
	}
#menu-bar li {
	float: left; display: inline;
	font-size: 14px; font-weight: bold; text-align: center;	
	height: 18px;
	margin: 0; padding: 10px 0 0 0;
	}

#menu-bar li.color1 {width: 125px;}	
#menu-bar li.color1 a {color:#1d7eaf; font-size: 14px;}	
#menu-bar li.color2 {width: 150px; }	
#menu-bar li.color2 a {color:#f16121; font-size: 14px;}	
#menu-bar li.color3 {width: 145px; }	
#menu-bar li.color3 a {color:#e51b43; font-size: 14px;}	
#menu-bar li.color4 {width: 140px; }
#menu-bar li.color4 a {color:#f26121; font-size: 14px;}
#menu-bar li.color5 {width: 147px; }	
#menu-bar li.color5 a {color:#d15b26; font-size: 14px;}	
#menu-bar li.color6 {width: 145px; } 
#menu-bar li.color6 a {color:#bed62f; font-size: 14px;}
#menu-bar li.color7 {width: 127px;}	
#menu-bar li.color7 a {color:#1d7eaf; font-size: 14px;}	
/*  CONTENT */
#content {
	float: left; display: block;
	margin: 0; padding: 0;
	width: 984px;
	}
#content p {
	margin: 20px 0 0 45px; padding: 0;
	border: 0px solid #fff;
	}
#content p.heading {
	color: #fff; line-height: 1.15em;
	font-family: "Arial Black", arial, helvetica, sans-serif;
	font-size: 22px; font-weight: bold; letter-spacing: .1em;
	}		
	
#content ul.lineup {
	list-style: none;
	}
#content ul.lineup li {
	margin: 0; padding: 3px 0;
	font-family: "Arial Black", arial, helvetica, sans-serif;
	font-size: 15px; letter-spacing: .05em;	
	color: #fff;
	}
#content ul.lineup li a {
	font-family: "Arial Black", arial, helvetica, sans-serif;
	font-size: 15px; letter-spacing: .05em;	
	color: #fff;	
	}	
#content ul.lineup li span.attributes {
	padding: 0 0 0 6px;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;	letter-spacing: .04em;	
	}		


#content ul.sponsors {
	float: left; display: inline;
	margin: 15px 0 25px 45px; padding: 0;		
	}
#content ul.sponsors li {
	float: left; display: inline;
	margin: 0; padding: 5px 10px 0 0;	
	}
	
#footer {
	width: 984px;  
	margin: 25px auto; padding:0; 
	border: 0px solid #ffcc00;
	}	
#footer p {
	margin: 0; padding: 10px 0;
	text-align: center; 
	color: #fff;	
	}