/*
     FILE ARCHIVED ON 20:27:47 Feb 10, 2004 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:27:11 Jun 1, 2015.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
#header {
	width: 100%;
	background-color: #999;
	padding: 5px 0;
	}
h1 {
	font: lighter 17px Verdana, Arial, sans-serif;
	font-weight: bold;
	padding-left:335px; /*this is how I moved it way to the right**/
	letter-spacing: 3px;
	margin-bottom: 2px;
	white-space: nowrap;
}
h2 {
	font: 16px Verdana, Arial, sans-serif ;
	font-weight: bold;
	margin-bottom: 2px;
	color: #333333;
}
#bar {
	position: relative;
	/*margin-top: -5px;*/
	height: 8px;
	width: 100%;
	/*z-index: 1;*/
	background: #BB0000;
}

#navbar ul {
	position: absolute;
	left: 227px;
	list-style: none;
	margin: 0;
	padding: 5px 0;
	font: 15px Verdana, Arial, sans-serif;
	/*white-space: nowrap;*/
	/*background-color: silver;*/
	z-index: 2;
}
#navbar li {
	display: inline;
	margin: 0px;
	padding: 0px;
	/*margin-left:-5px;*/
	/*padding: 5px 20px 5px 5px; this gives room to the background image bullets and keeps the borders away from the words*/
	border-right: solid 1px white;
	text-align: center;
}
#navbar li a{
	text-decoration: none;
	color: #000;
	padding-left: 20px;
	/*background-color: silver;*/
	padding: 5px 20px 5px 25px;
	margin: 0;
	}
#navbar li a:hover {
	color: #FFF;
	}
li#exhibit a{
/*padding-left: 5px;*/
	background: silver url(/images/red_bullet.gif) no-repeat 8px 8px; /*these are your bullets... if you change anything you may need to adjust the horiz/vert positioning */
	/*padding-left: 30px; this was added to indent this one a little more since it's the first one... same with the horizontal number above on the background imgage*/
}
li#exhibit a:hover{
	background: #C00 url(/images/silver_bullet.gif) no-repeat 8px 8px;
}
li#visit a{
	background: silver url(/images/blue_bullet.gif) no-repeat 5px 8px;
}
li#visit a:hover{
	background: #005DA7 url(/images/silver_bullet.gif) no-repeat 5px 8px;
}
li#conf a{
	background: silver url(/images/gold_bullet.gif) no-repeat 5px 8px;
}
li#conf a:hover{
	background: #FFA106 url(/images/silver_bullet.gif) no-repeat 5px 8px;
}
li#media a{
	background: silver url(/images/navy_bullet.gif) no-repeat 5px 8px;
}
li#media a:hover{
	background: #08125C url(/images/silver_bullet.gif) no-repeat 5px 8px;
}
li#contact a{
	background: silver url(/images/orange_bullet.gif) no-repeat 5px 8px;
	}
li#contact a:hover{
	background: #EE6307 url(/images/silver_bullet.gif) no-repeat 5px 8px;
}
/* li#contact {
	border-right: solid 1px silver; this covers up the white line that would be here... same as background color
	}*/
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
#imagelayer {
	margin: 0 0 0 2px;
	padding: 0px;
	white-space: nowrap;
	background:   url(/images/rwl_banner_bkg.gif) repeat-x;
	height: 171px;
}
#imagelayer img {
	margin: 0 -1px; /*there was too much "auto padding" around the images ... I played with that here */
	position: relative; /*this was only given so that I could put the z-index on it*/
	z-index: 2; /*this keeps it on top of the red line if there's a variance... you can also change it to let the red go over it... whatever works with your final plan */
}
#content { /*this keeps the two content areas in their own little area */
	padding-top: 60px;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	position: relative;
}
#leftside {
	font-size: 11px;
	position: absolute;
	width: 160px;
	left: 10px;
}
#main {
	font-size: 15px;
	color: #666666;
	margin: 0 20px 5px 225px; /* the left margin here clears the AP leftside div*/
}
#leftside ul {
	margin: 0;
	padding: 0;
	list-style:  url(/css/jim/none/index.html) none outside;
}
#leftside li {
	font-weight: bold;
	border-top: silver solid 2px;
	padding:5px;
}
#assoc {
	position: relative;
	top: 1em;
	left: 6px;
	
	
}
#assoc ul {
	margin: 0px;
	padding: 0px;
	list-style: square outside;	
	}
#assoc li {
	font-weight: normal;
		border-top: none;
		padding:5px;
}
#time {
	position: absolute;
	left: 582px;
	top: 60px;
	width: 160px;
		
}
#time ul {
	margin: 0;
	padding: 0;
	list-style:  url(/css/jim/none/index.html) none outside;
}
#time li {
	border-top: silver solid 2px;
	padding:5px;
}

#register {
	position: absolute;
	width: 158px;
	top: 260px;
	left: 583px;
	text-align:center;
}

#sponsors {
	position: absolute;
	padding: 4px;
	top: 330px;
	left: 580px;
	width: 160px;
	border-top: solid 2px silver;
	border-bottom: solid 2px silver;
	text-align: center;
}
.header {
	background: transparent;
	border: 1px solid white;
	text-align: center;
	}

#footer {
	position: absolute;
	top: 550px;
	width: 500px;
	font-size: 10px;
	text-align: center;
	padding-bottom: 10px;
}
.regular a {
		color: black;
	text-decoration: none;
}

.regular a:visited {
	color: #3D3D3D;
	text-decoration: none;
}
.regular a:hover {
	color: black;
	border-right:  2px solid black;
	padding-right: .3em;
} /*these are for the sidebar links when there is not bkg color*/

#announce { 
     position: absolute; 
     top: 170px; 
     left: 240px;
     width: 285px;
}