/*
 * Style specifications:
 * Page      = main
 * Medium    = screen
 * Language  = en-us
 * Theme     = default
 * Logged in = no
 */

/* Style #1: globals for coolblue */

body
{
  color: black;
  background-color: #069;
  font-family: tahoma, lucida, sans-serif;
  margin: 0px;
}

h1 { font-size: 20px; text-align: center; margin-top: 10px;}
h2 { font-size: 18px; text-align: center; }
h3 { font-size: 15px; text-align: left; }
h4 { font-size: 12px; text-align: left; }
h5 { font-size: 10px; text-align: left; }
h6 { font-size: 8px; text-align: left; }

p, ul, ol, li
{
  font-size: 12px;
  text-align: left;
  list-style-position: inside;
}

pre, code
{
  font-family: monaco, "lucida console", monospace;
  font-size: 12px;
  margin-left: 20px;
}

a:link    { color: black ; text-decoration: underline; }
a:visited { color: black ; text-decoration: underline; }
a:hover   { color: #099 ; text-decoration: none; }
a:active  { text-decoration: none; }

#document
{
  position: relative;  /* friendly to absolute positioning */
  margin: 0px auto auto auto;
  padding: 0px;
  width: 600px;
}

#footnotes { padding-top: 1em; }

/* all medium-specific classes except screen are not displayed */
.print_only { display: none; }
.projection_only { display: none; }
.handheld_only { display: none; }
.aural_only { display: none; }
.tty_only { display: none; }
.braille_only { display: none; }
.embossed_only { display: none; }
.tv_only { display: none; }


/* Style #2: #banner for coolblue */

#banner
{
  background: url(/images/coolblue/banner_normal.png) no-repeat center top;
  position: relative;
  width: 600px;
  height: 100px;
  margin: auto;
  padding: 0;
}

#banner * { visibility: hidden; }   /* hide all elements inside */


/* Style #4: #content coolblue */

#content
{
  position: absolute;
  left: 0;
  right: 0;
  top: 159px;
  margin: auto;
  padding-top: 0;
  padding-bottom: 0;
  width: 600px;
  background-image: url(/images/coolblue/content_background_normal.png);
  background-repeat: repeat-y;
  text-align: center;
}

#pre_content
{
  margin: 0px;
  padding-bottom: 0px;
  height: 20px;
  width: 600px;
  background-image: url(/images/coolblue/content_header_normal.png);
  background-repeat: none;
  background-position: bottom;
}

#post_content
{
  border: 0px;
  margin: 0px;
  padding-top: 0;
  height: 20px;
  width: 600px;
  background: url(/images/coolblue/content_trailer_normal.png) no-repeat;
  background-repeat: none;
  background-position: top;
}

#content h1, #content h2, #content h3,
#content h4, #content h5, #content h6,
#content p, #content pre, #content code
{
  margin-left: 20px;
  margin-right: 20px;
  padding: 0px;
}

#content li { margin-right: 20px; }

/* Style #5: #main_menu coolblue */

#main_menu
{
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 600px;
  background-image: url(/images/coolblue/content_background_normal.png);
  background-repeat: repeat-y;
  text-align: center;
}

#main_menu *         { font-weight: bold; }
#main_menu li        { margin-left: 20px; margin-right: 20px; }
#main_menu a:link    { color: #066; text-decoration: none; }
#main_menu a:visited { color: #066; text-decoration: none; }
#main_menu a:hover   { color: #099; text-decoration: none; }
#main_menu a:active  { text-decoration: none; }

#pre_menu
{
  border: 0px;
  margin: 0px;
  padding: 0px;
  height: 20px;
  width: 600px;
  background-image: url(/images/coolblue/content_header_normal.png);
  background-repeat: none;
  background-position: bottom;
}

#pre_menu * { display: none; }

#main_menu_list { margin: 0px; padding: 0px; }
#main_menu_list ul { margin: 0px; padding: 0px; font-size: 2px; }
#main_menu_list ul li { font-size: 15px; }
#main_menu_list * { display: inline; }

#post_menu
{
  border: 0px;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 20px;
  width: 600px;
  background: url(/images/coolblue/content_trailer_normal.png) no-repeat;
  background-repeat: none;
  background-position: top;
}

#post_menu * { display: none; }


/* Style #3: #mainpage_plans coolblue */

#mainpage_plans img { border: 0; }


/* End Of CSS */