body {
  background: white; 
  color: #000099;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: small;
  margin: 10px;
}

h1 { font-size: 120%; }
h2 { font-size: 100%; }
h3 { font-size: 100%; }

.small_print { font-size: 76%; }
.label { color: #ccccff; }

p.dark { color: black; }

a {
  text-decoration: underline; 
  font-weight: bold;
}

a:link           { color: #cc6600; }
a:visited        { color: #cc6600; }
a:hover          { color: #009900; }

a.dark:link      { color: #333333; }
a.dark:visited   { color: #333333; }
a.dark:hover     { color: #cc6600; }

a.bright:link    { color: #cc6600; }
a.bright:visited { color: #cc6600; }
a.bright:hover   { color: #009900; }

strong { font-weight: bold; }
em     { font-style: italic;  }

.invalid_msg { color: #ff0000; padding: 8px 0px; }
.contact_ack { font-size: 110%; margin-top: 10px; margin-bottom: 10px; }

input, textarea { color: #885500; border: 1px inset #666666; margin: 0px;}
textarea { overflow: hidden; }

input[type="submit"] { 
	color: #ffffff; 
	background-color: #333399; 
	font-size: 130%; 
	border: 1px double #999999;
	margin: 0px;
	cursor: pointer;
}

input[type="submit"].hover { 
  background-color: #6666cc; 
  border-color: #484848;
}

button {
  background-color: #333333;
  color: #cccccc;
  font-size: 100%;
  font-weight: bold;
  border: 1px solid #666666;
  padding: 2px 10px 2px 10px;
  overflow: visible; /* tame wide IE buttons */
  cursor: pointer;
}

button.hover {
  border-color: #999999;
}

button.pic {  
	display: none;
	background-image: url(/images/skytile.jpg);
	background-color: #333399;
}

table {
  margin: 0px;
  padding: 0px;
  border-spacing: 6px;
}

table.packed {
  margin: 0px;
  padding: 0px;
  border: none;
  border-spacing: 0px;
  border-collapse: collapse;
}

table.packed td { padding: 0px; }

table.sky_box { 
  margin: 0px;
  padding: 0px;
  border: none;
  border-spacing: 0px;
  border-collapse: collapse;
}

table.sky_box td { padding: 0px; }

table.sky_box .cell    { visibility: hidden;  /* hide sky box graphics */ }
table.sky_box .content { visibility: visible; /* show sky box content */ }

/* Mozilla fix: closes gaps between table cells that contain only images */
/* see http://developer.mozilla.org/en/docs/Images%2C_Tables%2C_and_Mysterious_Gaps */
.img_cell img, .img_cell a, .img_cell applet { display: block; }
table.sky_box .cell img { display: block; }

pre { 
	font-family: "Courier New", "Courier", Mono, monospace;
	font-size: 100%;
	text-align: left;
}

.comment { color: #009900; }

.toolbar {
	background-color: white !important;
	text-align: center;
}

.toolbar ul {
  list-style: none;
}

.toolbar li {
  margin-left: 3px;
  margin-right: 3px;
  padding: 0px;
}

/* main divs */
div#header {
}

div#nav {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
}

div#skyris {
  width: 286px;
  background-image: url(/images/skytile.jpg); 
  margin: 6px;
  padding: 0px;
}

div#menu {
  width: 286px;
  background-image: url(/images/skytile.jpg); 
  margin: 6px;
  padding: 0px;
}

div#main {
  text-align: center;
}

div#footer {
  display: none; 
}

div#caption {
  color: #cccccc;
  font-weight: bold;
  text-align: center;
  height: 28px;
}

div#sky_buttons_space {
	/* clears some vertical flow space for the absolute div below */
  margin-top: 12px;
  padding-top: 106px;
}

div#sky_buttons {
  position: absolute;
  left: 27px;
  top: 284px; /* 256px; */
  width: 250px;
}

#sky_button_dial {
  position: absolute;
  left: 100px;
  top: 80px;	
}

#sky_button_0 {
  position: absolute;
  left: 34px;
  top: 78px;		
}

#sky_button_1 {
  position: absolute;
  left: 56px;
  top: 36px;		
}

#sky_button_2 {
  position: absolute;
  left: 100px;
  top: 16px;		
}

#sky_button_3 {
  position: absolute;
  right: 56px;
  top: 36px;		
}

#sky_button_4 {
  position: absolute;
  right: 34px;
  top: 78px;		
}

div#main_menu_list {
}

div#highlights_menu_list {
}

div#logo {
  width: 100%;
  text-align: center;
}

div#logo table {
  margin: auto;
}

div#logo #news_menu {
  line-height: normal;
}

div#logo #features_left {
  display: none;
  width: 152px; 
  text-align: right;
  vertical-align: bottom;
}

div#logoImg {
  background-image: url(/images/logo/logo4sky.gif);
  width: 148px;
  height: 136px;
  margin: 0px 10px 0px 10px; 
}

div#logo #features_right {
  display: none;
  width: 152px; 
  text-align: left;
  vertical-align: bottom;
}

div#highlights_menu {
  display: none;  /* hide the highlights menu */
}

div#zone_menu {
  display: block; /* show the zone menu */
  margin-top: 20px; 
  text-align: center;
}

div#zone_title_box {
  margin: auto;
  margin-top: 0px;
}

div#title_box {
	background-color: #cccccc;
	width: 500px;
	height: 100px;
	text-align: left;
  margin: auto;
  margin-top: 20px;
  padding: 2px;
}

div#title_box img {
  float: left;
  padding-right: 8px;
  width: 100px;
  height: 100px; 
  border: none;
}

div#title_applet {
  float: left;
  background-color: black;
  width: 92px;
  padding: 4px 4px 0px 4px;
  border: none;
  margin-right: 8px;
}

div#title_box h1 {
	margin-top: 0px;
  height: 10px;
}

div.text_box {
  width: 428px; 
  text-align: left;
  margin: auto; 
  margin-top: 20px;
  clear: both;
}

div.alt_text_box {
	background-color: #cccccc;
  width: 428px;
  text-align: left;
  margin: auto;
  margin-top: 20px;
  padding: 8px;
}

div.code_box {
  width: 800px;
  background-color: #cccccc;
  text-align: center;
  margin: auto;
  margin-top: 20px;
  border: 0px;
  padding: 8px;
}

div.design_box {
  background-color: #6666aa;
  width: 800px;
  text-align: center;
  margin: auto;
  margin-top: 20px;
  border: 0px;
  padding: 8px;
}

div.sky_box {
  width: 500px;
  text-align: left;
  margin: auto; 
  margin-top: 20px;
}

/* a box for qualifications */
div.qual {
  width: 408px;
	background-color: #cccccc;
  margin: auto; /* center the box */
	margin-top: 20px;
  border: 1px dashed #cccccc; 
  padding: 10px;
  text-align: left;
}

div#apps {
  text-align: left;
  margin: auto;
  margin-top: 20px;
}

/* cantalia styles */
select#seedlist { 
	width: 120px;
	background-color: #cccccc;
	color: #000099;
}

div#cantalia_toolbar {
	width: 120px;
	background-color: #cccccc;
	border: 1px inset #cccccc;
	padding-top: 2px;
	margin: auto;
	margin-top: 6px;
}

label#hintzone {
  color: #009900;	
}

div#skin_button {
  display: none;
}