* 									{ margin: 0; padding: 0; }

body 								{ font: 11px/13px Verdana, Arial; color: #000; text-align: left;
									  background: #ebebeb url(/images/body-bg.jpg) repeat-y center;
									  width: 800px; margin: auto; padding-bottom: 20px; }

p 									{ margin-bottom: 8px }
a 									{ color: #8e8e8e; text-decoration: none; outline: none; }
a:hover 							{ color: black; }
a img 								{ border: none; }
.clear 								{ clear: both; }
.floatright 						{ float: right; }
.floatleft 							{ float: left; }
.textCenter							{ text-align: center; }
ul 									{ list-style: none inside; }

body#print a.print-link 			{ font-weight: bold; color: #fba632; }
body#other a.other-link 			{ font-weight: bold; color: #ff3939; }
body#about a.home-link 				{ font-weight: bold; color: #222; }	
body#web a.web-link 				{ font-weight: bold; color: #3499e9; }
	
h1 									{ font-size: 20px; }
h1.title							{ height: 92px; width: 173px; margin: 25px auto 10px; }
h1.title a							{ height: 92px; width: 173px; background: url(/images/logo.jpg) no-repeat;
									  text-indent: -9999px; display: block; }
										
p.menu-subpage 						{ text-align: center; }
p.menu-subpage a 					{ color: #999; border: 1px solid white; padding: 3px; }
p.menu-subpage a:hover 				{ color: #999; border: 1px solid #ccc; padding: 3px; }


body#web h3.selected a 				{ background-color: #3499e9; }
body#other h3.selected a 			{ background-color: #ff3939; }
body#home h3.selected a 			{ background-color: #434343; }

hr 									{ border-bottom: 1px solid #666; margin-bottom: 1.8em; margin-top: 1.8em;}
img.bottom 							{ position: absolute; top: 550px; }

img.biopic 							{ float: left; margin: 0 8px 8px 0; }


ul#main-nav 						{ display: block; list-style: none; margin-left: 150px; }
ul#main-nav li 						{ display: inline; }
ul#main-nav li a 					{ display: block; height: 32px; text-indent: -9999px; float: left;
									  padding-top: 32px; text-transform: uppercase; font-size: 9px;
									  text-align: center; width: 120px; }
ul#main-nav li a.about 				{ background: url(/images/navball-gray.png) bottom center no-repeat; }
ul#main-nav li a.print 				{ background: url(/images/navball-yellow.png) bottom center no-repeat; }
ul#main-nav li a.web 				{ background: url(/images/navball-blue.png) bottom center no-repeat; }
ul#main-nav li a.others 			{ background: url(/images/navball-red.png) bottom center no-repeat; }
ul#main-nav li a.others:hover,
ul#main-nav li a.about:hover,
ul#main-nav li a.print:hover,
ul#main-nav li a.web:hover 			{ background-position: top center; text-indent: 5px; }

h3									{ outline: none !important; } 
h3 a 								{ border-bottom: 1px dotted #ccc; display: block; outline: none !important;
									  color: #999; padding: 5px; font: italic 16px Georgia; }
h3.ui-state-active a				{ color: #222; border-bottom: 0; background: #eee; }
h3 a:hover 							{ color: #222; }

.acc 								{ width: 215px; margin-bottom: 15px; }
ul.acc ul li 						{ padding: 5px 5px 15px 5px; background: #eee; }

.stripViewer .panelContainer 
.panel ul 							{ text-align: left; }
.slider-wrap 						{ position: relative; width: 100%; }
.csw 								{ width: 100%; height: 460px; background: none; overflow:hidden; }
.csw .loading 						{ margin: 200px 0 300px 0; text-align: center}

.stripViewer 						{ position: relative; overflow: hidden; margin: auto;
									  width: 650px; height: 475px; clear: both; background: #fff; }

.stripViewer .panelContainer 		{ position: relative; left: 0; top: 0; width: 100%; list-style-type: none; }

.panelContainer .panel 				{ float: left; height: 100%; position: relative; border-bottom: 1px solid #666;
									  height: 474px; width: 650px; }
.stripViewer .panelContainer 
.panel .wrapper 					{ padding: 10px; background: none; }

.stripNav 							{ margin: auto; }
.stripNav ul 						{ list-style: none; }
.stripNav ul li 					{ float: left; margin-right: 2px; }
.stripNav a 						{ text-align: center; display: block; width: 47px; height: 63px;
									  background: url(/images/slide-ball-down.png) no-repeat;
									  text-indent: -9999px; }
body#other .stripNav a 				{ background: url(/images/slide-ball-red-down.gif) no-repeat; }
body#web .stripNav a 				{ background: url(/images/slide-ball-blue-down.gif) no-repeat; }
.stripNav li a:hover,
.stripNav li a.current 				{ background: url(/images/slide-ball-up.png) no-repeat; }
body#other .stripNav li a:hover,
body#other .stripNav li a.current 	{ background: url(/images/slide-ball-red-up.gif) no-repeat; }
body#web .stripNav li a:hover,
body#web .stripNav li a.current 	{ background: url(/images/slide-ball-blue-up.gif) no-repeat; }
.stripNavL, .stripNavR 				{ position: absolute; top: 170px; text-indent: -9000em;
									  z-index: 9999px; }
.stripNavL a 						{ background: url(/images/arrow-left.png) no-repeat center;
									  display: block; height: 92px; width: 80px; margin-left: 3px; }
.stripNavR a 						{ background: url(/images/arrow-right.png) no-repeat center;
									  display: block; height: 92px; width: 80px; }
.stripNavR 							{ right: 4px; }

#main-content 						{ width: 650px; height: 475px; margin: 50px 0 0 87px;
									  border-bottom: 1px solid black; overflow: hidden; }
#left-side 							{ width: 250px; }

a.randy-uniform 					{ display: block; float: right; height: 468px; width: 297px;
									  text-indent: -9999px;
									  background: url(/images/randy-uniform-color.jpg) no-repeat bottom center; }
a.randy-uniform:hover 				{ background-position: top center; }
a.about-sphere 						{ display: block; float: right; height: 464px; width: 401px;
							          text-indent: -9999px;
									  background: url(/images/about-sphere.jpg) no-repeat bottom center; }
a.about-sphere:hover 				{ background-position: top center; }

#single-slide						{ width: 630px; margin: 0 auto; padding: 10px; }

div#footer 							{ margin: 15px 0 0 70px; width: 655px; }
div#footer p 						{ font-size: 1.0em; }
div#footer p.left-text 				{ float: left; }
div#footer p.right-text 			{ float: right; }