* 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 PAGES */	
#content div.artists {
	float: left; display: block;
	background-image: url(../images/root_img/content_bg.png);
	background-repeat: repeat-y;
	width: 894px;
	margin: 45px; padding: 5px;
	font-size: 16px; color: #fff;
	line-height: 1.25em;
	border: 1px solid #8d8d8d;
	}
#content div.artists img {
	float: left; margin: 0 10px 0 0;
	}		
#content div.artists a {
	font-size: 16px;
	}	
	
#content div.about {
	float: left; display: inline;
	background-image: url(../images/root_img/content_bg_40.png);
	background-repeat: repeat-y;
	width: 894px;
	margin: 15px 45px 0 45px; padding: 5px;
	font-size: 16px; color: #fff; 
	line-height: 1.25em;
	border: 1px solid #8d8d8d;
	}
#content div.about p.heading {	
	color: #fff; margin: 0; padding: 0;
	font-size: 17px; font-weight: normal;
	text-align: left;	
	}		
#content div.about a {
	font-size:14px;	
	}
#content div.about img {
	padding: 0 10px 0 0;
	}
	
	
	
/* NEW ARCHIVE SECTION  */	
#content div.archive {
	float: left; display: block;
	background-image: url(../images/root_img/content_bg_40.png);
	background-repeat: repeat-y;
	width: 725px;
	margin: 10px 0 150px 108px; 
	
	/*  use the padding to position the ULs within the DIV container */
	padding: 20px 0 20px 40px;
	font-size: 13px; color: #fff; 
	border: 1px solid #8d8d8d;	
	}


#content div.archive img {
	margin: 0; padding: 0; 
	}

#content div.archive ul {
	float: left; display: inline;
	list-style: none;	
	width: 100px;
	}	
	
#content div.archive li {
	float: left; display: block;
	width: 100px;
	}	
	
/*  the five columns */
#content div.archive ul.one {	
	margin: 0 45px 0 0; padding: 0;	
	}
#content div.archive ul.two {	
	margin: 40px 40px 0 0; padding: 0;	
	}
#content div.archive ul.three {	
	margin: 0 45px 0 0; padding: 0;	
	}
#content div.archive ul.four {
	margin: 40px 50px 0 0; padding: 0;	
	}
#content div.archive ul.five {	
	margin: 0 42px 0 0; padding: 0;	
	}


#content div.archive ul.one li,
#content div.archive ul.two li,
#content div.archive ul.three li,
#content div.archive ul.four li,
#content div.archive ul.five li {
	display: block;
	width: 100px; height: 150px;
	margin: 0 0 20px 0; padding: 0;
	border: 0px solid #8d8d8d;
	}
	
#content div.archive ul li img {
	margin: 0; padding: 0;
	}	
/* END ARCHIVE SECTION  */		
	
table {
	float: left; display: block;
	width: 320px; margin: 5px 14px; padding: 2px; border: 1px solid #666;
	background-image: url(../images/root_img/table_bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	}	
table th {
	font-size: 13px;
}	
	
#footer {
	width: 984px;  
	margin: 25px auto; padding:0; 
	border: 0px solid #ffcc00;
	}	
#footer p {
	margin: 0; padding: 10px 0;
	text-align: center; 
	color: #fff;	
	}