body {
  background-color: white; 
  color: #000099;
  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; margin-bottom: 8px;}
.label { color: #ccccff; }

p.dark { color: black; }

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

a:link           { color: #cc6600; /* orange */ }
a:visited        { color: #cc6600; /* orange */ }
a:hover          { color: #009900; /* green */ }

a.dark:link      { color: #6600cc; /* purple */ }
a.dark:visited   { color: #6600cc; /* purple */ }
a.dark:hover     { color: #009900; /* green */ }

a.bright:link    { color: #ee8800; /* yellow orange */ }
a.bright:visited { color: #ee8800; /* yellow orange */ }
a.bright:hover   { color: #009900; /* green */ }

a.menu:link      { color: #ffffff; /* white */ }
a.menu:visited   { color: #ffffff; /* white */ }
a.menu:hover     { color: #bbffbb; /* chalky green */ }

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

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

form { display: inline; }

input, textarea { color: #5500bb; background-color: #ffffff; 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          { visibility: hidden;  /* hide sky box graphics */ }
div.sky_box .content { visibility: visible; /* show sky box content */ }

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

.comment { color: #009900; }

.toolbar {
	width: 500px;
	background-color: white !important;
	text-align: center;
  margin: auto;
  margin-top: 16px;
	padding: 2px 0px 2px 0px;
}

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

.toolbar li {
  display: inline;
  background-color: #dddddd;
  margin-left: 10px;
  margin-right: 10px;
  border: 1px solid #cccccc; /* 1px dashed #ffffff; */
  padding: 2px 3px;
  line-height: 30px;
}

/* main divs */
div#header {
}

div#nav {
  position: fixed;
  top: 0px;
  left: 0px; 
  width: 298px;
  height: 100%;
  background-color: #333333;
}

div#skyris {
  width: 286px;
  margin: 6px;
  margin-top: 34px;
  padding: 0px;
  text-align: center;
}

table#skyris_tbl {
  margin: 0px 28px;
}

div#menu {
  background-image: url(/images/skytile.jpg);
  background-color: #666666;
  width: 180px;
  margin: 0px 59px;
  margin-top: 46px;
  border: 1px solid #666666;
  border-top-color: #484848;    
  border-right-color: #777777;  
  border-bottom-color: #777777; 
  border-left-color: #484848;   
  padding: 16px 0px;
}

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

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

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#zone_title_box {
  margin: auto;
  margin-top: 28px;
}

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: 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: #cccccc;
  width: 428px;
  text-align: left;
  margin: auto;
  margin-top: 20px;
  padding: 8px;
}

div.sky_text_box {
  background-color: #d0d8e8;
  width: 500px;
  text-align: left;
  margin: auto; 
  margin-top: 20px;
  border: 1px solid #c0c8d8;
  padding: 16px;
}

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;
  margin-bottom: 10px;
  border: 0px;
  padding: 8px;
}

/* 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 {
	width: 444px;
  text-align: left;
  margin: auto;
  margin-top: 34px;
}

/* 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 { width: 300px; margin-top: 22px; }

div#skin_button a.dark    { background-color: #333333; padding: 1px 3px; border: 1px solid #333333; margin: 0px 2px; }
div#skin_button a.light   { background-color: #484848; padding: 1px 3px; border: 1px solid #000000; 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: #aaaaaa; background-color: #ffffff; }
#bookmarks li a:hover { color: #777777; /* 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; }