body {
			/* font-size: 1em;*/
		}
		
		.screen-reader-offscreen {
			position:absolute;
			left:-12000px;
			top:-12000px;
			width:1px;
			height:1px;
		}
	
	
		dialog {
			width:700px;
			height:450px;
			text-align:center;
			background-color:#cccccc;
			font-size: 1.5em;	/*normalize wacky html page settings here to make normal size look normal*/
			<!--background-image: url('./images/bars.jpg');-->
		}
		
		#cconoffbtn:focus { outline: #FF0000 dotted thin; }
		#ccsetupbtn:focus { outline: #FF0000 dotted thin; }
		#nav button:focus { outline: #FF0000 dotted medium; }
		#nav li a:focus { outline: #FF0000 dotted medium; }
		.dialogbuttons:focus{ outline: #FF0000 dotted medium; }
		#ccsetupnav a:focus { outline: #FF0000 dotted medium; }
		
		#wholedialog {
			width:100%;height:20%; display:block;
			/*background-color:pink;*/
			/*background-image: url('./images/bars.jpg');*/
		}
		
		dialog h2#title{
			color:black;
			background-color:transparent;
			opacity:1.0;
		}
		
		#ccsetupnav {
			margin: 0;
			padding: 0;
			list-style: none;
			font-size: 1em;
			font-family: Verdana, sans-serif;
		}
		
		#ccsetupnav li {
		  float: left;
		  display: block;
		  background: #4B4B4B;
		  position: relative;
		  z-index: 500;
		  margin: 0 1px;
		}

		#ccsetupnav li a {
		  display: block;
		  padding: 6px 5px 0 5px;
		  font-weight: 700;
		  height: 40px;
		  text-decoration: none;
		  color: #fff;
		  text-align: center;
		}		
		
		
		#ccsetupnav ul {
		  position: absolute;
		  left: 0;
		  display: none;
		  margin: 0 0 0 -1px;
		  padding: 0;
		  list-style: none;
		  height: 40px;
		}

		#ccsetupnav ul li {
		  float: left;
		  border-top: 1px solid #fff;
		  width: 100%;
		  white-space: nowrap;
		}

		#ccsetupnav ul a {
		  display: block;
		  height: 25px;
		  padding:  6px 5px;
		  color: #fff;
		  text-align: left;
		  font-weight:normal;
		}
				
		#ccsetupnav .choice{
			text-align: center;
		}
		
		#ccsetupnav ul .textbgdefault a { color:white; }			
		#ccsetupnav li .textbgdefault { background-color:#4B4B4B; }		
		#ccsetupnav ul .textbgwhite a { color:black; }			
		#ccsetupnav li .textbgwhite { background-color:white; }		
		#ccsetupnav li .textbgred { background-color:red; }		
		#ccsetupnav li .textbggreen { background-color:green; }		
		#ccsetupnav li .textbgblue { background-color:blue; }		
		#ccsetupnav ul .textbgyellow a { color:black; }		
		#ccsetupnav li .textbgyellow { background-color: #ffff00; }		
		#ccsetupnav ul .textbgcyan a { color:black; }			
		#ccsetupnav li .textbgcyan { background-color:#00ffff; }		
		#ccsetupnav ul .textbgmagenta a { color:black; }			
		#ccsetupnav li .textbgmagenta { background-color: #ff00ff; }		
		#ccsetupnav ul .textbgblack a { color: white; }		
		#ccsetupnav li .textbgblack { background-color: black; }		
		#ccsetupnav li .textbgopaque { opacity: 1.0; }	
		
		#ccsetupnav ul .textdefault a { color:white; }			
		#ccsetupnav li .textdefault { background-color:#4B4B4B; }		
		#ccsetupnav ul .textwhite a { color:black; }			
		#ccsetupnav li .textwhite { background-color:white; }		
		#ccsetupnav li .textred { background-color:red; }		
		#ccsetupnav li .textgreen { background-color:green; }		
		#ccsetupnav li .textblue { background-color:blue; }		
		#ccsetupnav ul .textyellow a { color:black; }		
		#ccsetupnav li .textyellow { background-color: #ffff00; }		
		#ccsetupnav ul .textcyan a { color:black; }			
		#ccsetupnav li .textcyan { background-color:#00ffff; }		
		#ccsetupnav ul .textmagenta a { color:black; }			
		#ccsetupnav li .textmagenta { background-color: #ff00ff; }		
		#ccsetupnav ul .textblack a { color: white; }		
		#ccsetupnav li .textblack { background-color: black; }		
		#ccsetupnav li .textopaque { opacity: 1.0; }	
		
		#ccsetupnav li .opacitydefault a { background-color:red; opacity: 1.0; }		
		#ccsetupnav li .opacityopaque a { background-color:red; opacity: 1.0; }		
		#ccsetupnav ul .opacitytranslucent a { background-color:red; opacity: 0.7; }		
		#ccsetupnav li .opacitytransparent a { background-color: red; }		

		#ccsetupnav ul .shadowdefault a { text-shadow:none; }		
		#ccsetupnav ul .shadownone a { text-shadow:none; }		
		#ccsetupnav ul .shadowshadow a { background-color:white; text-shadow:2px 2px 2px black; }		
		#ccsetupnav ul .shadowoutline a { background-color:white; text-shadow:0 0 3px black; }		

		#ccsetupnav ul .fontdefault a { font-family:Courier New; }		
		#ccsetupnav ul .fontmonoserif a { font-family:Courier New; }		
		#ccsetupnav ul .fontpropserif a { font-family:Times New Roman; }		
		#ccsetupnav ul .fontmonosans a { font-family:Lucida Console; }		
		#ccsetupnav ul .fontpropsans a { font-family:Arial; }		
		#ccsetupnav ul .fontcasual a { font-family:Comic Sans MS; }		
		#ccsetupnav ul .fontcursive a { font-family:cursive; }		
		#ccsetupnav ul .fontsmallcaps a { font-family:Copperplate Gothic; }		
		
		#ccsetupnav ul .fontsizedefault a { font-size:1.3em; height:25px; padding: 2px; font-weight:normal; }		
		#ccsetupnav ul .fontsizesmall a { font-size:1.0em; height:20px; font-weight:normal; }		
		#ccsetupnav ul .fontsizenormal a { font-size:1.3em; height:25px; padding: 2px; font-weight:normal; }		
		#ccsetupnav ul .fontsizelarge a { font-size:1.7em; height:35px; padding: 2px; font-weight:normal; }		
		
		#sample {height:40px; padding-top:10px; font-size:1em; font-weight:bold; 
			background-image: url('./images/bars.jpg');
		}
		
		#poweredby{font-size:1.0em; position:absolute; left:10%;top:92%; font-weight:bold; color:black;}
		#defaultsbutton{font-size:0.75em; position:absolute; left:65%;top:92%; font-weight:bold; color:black;}
		#okbutton{font-size:0.75em; position:absolute; left:78%;top:92%; font-weight:bold; color:black;}
		#cancelbutton{font-size:0.75em; position:absolute; left:85%;top:92%; font-weight:bold; color:black;}
		
		

		#lists {margin-top:10px; width:100%; height: 300px; opacity:1.0; color:black;}
		
		a {cursor: pointer; cursor: hand; }