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

h1 { font-size: 170%; }
h2 { font-size: 130%; margin-top: 0px; margin-bottom: 0px; }
h3 { font-size: 110%; margin-top: 0px; margin-bottom: 0px; }

.small_print { color: #aaaaaa; font-size: 76%; text-align: center; }
.label { color: #ffff00; }

p.dark { color: black; }

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

a:link           { color: #666666; }
a:visited        { color: #666666; }
a:hover          { color: #ffff00; }

a.dark:link      { color: black; }
a.dark:visited   { color: black; }
a.dark:hover     { color: #ffff00; }

a.bright:link    { color: #ff9900; }
a.bright:visited { color: #ff9900; }
a.bright:hover   { color: yellow; }

a.menu:link      { color: black; }
a.menu:visited   { color: black; }
a.menu:hover     { color: #ffff00; }

strong { color: #bbffbb; }
em     { color: #bbffbb; }

.invalid_msg { color: #ff0000; padding: 8px 0px; }
.contact_ack { color: #9999ff; font-size: 170%; line-height: 50px; margin-top: 60px; margin-bottom: 20px; }

form { display: inline; }

input, textarea { color: #bbffbb; background-color: #333333; 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 {
	background-image: url(/images/skytile.jpg);
}

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; }

/* 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; }

div.sky_box {
  background-image: url(/images/skytile.jpg);
  margin: 0px;
  padding: 0px;
  border: 0px;
}

div.sky_box .tl {
  background: url(/images/box/tl.gif) no-repeat top left;
  height: 28px;
}

div.sky_box .t {
  background: url(/images/box/t.gif) repeat-x 28px 0px;
  height: 28px;
}

div.sky_box .tr {
  background: url(/images/box/tr.gif) no-repeat top right;
  height: 28px;
}

div.sky_box .c {
	width: 100%;
  height: 100%; 
}

div.sky_box .cl {
  background: url(/images/box/l.gif) repeat-y top left;
	width: 100%;
  height: 100%;  
}

div.sky_box .content {
  margin: 0px 28px;
}

div.sky_box .cr {
  background: url(/images/box/r.gif) repeat-y top right;
  width: 100%;
  height: 100%;  
}

div.sky_box .bl {
  background: url(/images/box/bl.gif) no-repeat bottom left;
  height: 28px;
}

div.sky_box .b {
  background: url(/images/box/b.gif) repeat-x 28px 0px;
  height: 28px;
}

div.sky_box .br {
  background: url(/images/box/br.gif) no-repeat bottom right;
  height: 28px;
}

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

.comment { color: #bbffbb; /*#6688ee;*/ }

.toolbar {
	width: 500px;
	background-color: #484848;
	text-align: center;
  margin: auto;
  margin-top: 2px;
	padding: 2px 2px 2px 2px;
}

.toolbar ul {
	list-style: none;
  margin: 0px;
	padding: 0px;
}

.toolbar li {
  display: inline;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0px;
}

/* main divs */
div#header {
}

div#nav {
	position: fixed;
  top: 0px;
  left: 0px; 
  width: 298px;
}

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: 0px 6px;
  border: 1px solid #333333;
  padding: 0px;
}

div#main {
  position: absolute;
  top: 0px;
  left: 298px; 
  width: 60%;
  margin: 6px;
  padding: 0px;
  text-align: center;
  overflow: hidden;
}

div#footer { 
	position: fixed; 
	bottom: 0px; 
	left: 0px; 
	width: 100%; 
	background-color: #484848;
}

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 {
  margin-top: 10px;
}

div#highlights_menu {
}

div#highlights_menu_list {
  margin-top: 10px;
}

div#logo {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

div#logo table {
  margin: auto;
}

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

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

div#logo img {
  margin: 0px 10px; 
}

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

div#highlights_menu {
  display: block;  /* show the highlights menu */
}

div#zone_menu {
  display: none;  /* hide the zone menu */
  margin-top: 120px; 
  text-align: center;
}

div#zone_title_box {
  background-image: url(/images/skytile.jpg); 
  margin: auto;
  margin-top: 0px;
}

div#title_box {
	background-color: #666666;
	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: 0px;
  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: #484848;
  width: 428px;
  text-align: left;
  margin: auto;
  margin-top: 20px;
  padding: 8px;
}

div.sky_text_box {
  background-image: url(/images/skytile.jpg); 
  width: 500px; 
  text-align: left;
  margin: auto; 
  margin-top: 20px;
}

div.code_box {
  width: 800px;
  background-color: #484848;
  text-align: center;
  margin: auto;
  margin-top: 20px;
  border: 1px dashed #484848; /* 1px solid #808080; */
  padding: 0px 8px 0px 8px;
}

div.design_box {
  background-image: url(/images/clouds.gif); /* url(/images/stripes.gif); */
  width: 800px;
  text-align: center;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  border: 1px dashed #6666aa; /* 1px solid #808080; */
  padding: 8px;
}

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

div#apps {
  width: 500px;
  background-image: url(/images/skytile.jpg); 
  color: white;
  text-align: left;
  margin: auto;
  margin-top: 20px;
}

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

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

label#hintzone {
  color: #bbffbb;	
}

div#skin_button { width: 300px; }

div#skin_button a.dark    { background-color: #484848; padding: 1px 3px; border: 1px solid #000000; margin: 0px 2px; }
div#skin_button a.light   { background-color: #333333; padding: 1px 3px; border: 1px solid #333333; margin: 0px 2px; }

div#skin_button a:link    { color: #777777; }
div#skin_button a:visited { color: #777777; }
div#skin_button a:hover   { color: #aaaaaa; }

div#skin_button .toggler  { cursor: pointer; }

/* bookmarks */
div#bookmarks    { width: 664px; margin: auto; }
#bookmarks ul    { list-style: none; margin: 0px; padding: 2px; }
#bookmarks li    { float: left; margin: 0px 10px 2px 0px; padding: 0px; }
#bookmarks li a  { margin: 0px 0px 0px 16px; padding: 0px 4px 0px 4px; color: #777777; background-color: #333333; }
#bookmarks li a:hover { color: #aaaaaa; /* text-decoration: underline; */ }

#bookmarks #deli { background: url(/images/bookmarks/icons.gif) no-repeat 0 -160px; }
#bookmarks #digg { background: url(/images/bookmarks/icons.gif) no-repeat 0 -64px;  }
#bookmarks #face { background: url(/images/bookmarks/icons.gif) no-repeat 0 -192px; }
#bookmarks #stum { background: url(/images/bookmarks/icons.gif) no-repeat 0 0;      }
#bookmarks #redd { background: url(/images/bookmarks/icons.gif) no-repeat 0 -96px;  }
#bookmarks #yaho { background: url(/images/bookmarks/icons.gif) no-repeat 0 -32px;  }
#bookmarks #goog { background: url(/images/bookmarks/icons.gif) no-repeat 0 -128px; }