/*
   Date:   4/25/06  Rev.1
   Name:   styles.css
*/

@media all {
  body {color: rgb(0,0,153); background-color: white; background-image: url(yellow_paper.gif); font: normal normal normal 0.9em Arial, Helvetica, sans-serif; text-align: justify}
  h1,h2,h3 {color: white; background-color: #0066FF; font-weight: bold;
      font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.2em; word-spacing: 0.8em; text-align: center; clear: both}
  h1 {font-size: 1.5em}
  h2 {font-size: 1.2em}
  hr {color: rgb(51,51,204); background-color: rgb(153,102,102); clear: both}
  a {text-decoration: underline; color: blue; font-weight: normal}
  a img {border: none; margin: 5 10 5 0}
  a:hover {color: white; background-color: #0066FF; text-decoration: none}
  table caption {font-weight: normal}
  th {font-weight: bold}
  td {font-size: 0.9em}
  label {font-size: 0.9em}
  form p label {float: left; width: 8em; font-weight: bold}
  fieldset {background-color: lightyellow; border: 1px solid rgb(0,0,153); width: 350px; padding: 5px}
  fieldset legend {color: rgb(0,0,153); font-size: 0.9em; font-weight: bold}
  input, textarea {font: normal normal 0.9em Arial, Helvetica, sans-serif}
  address {text-align: center; font: normal 0.7em Arial, Helvetica, sans-serif}

  .sub_header {color: white; background-color: #0066FF; font-weight: bold; letter-spacing: 0.2em; word-spacing: 0.5em; font-size: 1em}
  .warning {color: white; background-color: #CC0000; font-weight: normal; letter-spacing: 0.2em; word-spacing: 0.5em; font-size: 0.9em; text-align: left}
  .icon {border: none; margin: 0 5 0 0}
  .left {float: left; margin: 0 10 5 0; text-align: left}
  .left a img {border: none}
  .align_left {text-align: left; margin: 5}
  .right {float: right; margin: 0 0 5 10; text-align: right}
  .align_right {text-align: right; margin: 5}
  .center {text-align: center}
  .thumbnail {border: 1px solid black; float: left; margin: 0 10 0 0}
  .blink {color: red; text-decoration: blink; font-weight: bold} 

  #home {background-color: #0000CC}
  #courses {border: 5px outset #0000FF; border-collapse: collapse}
  #skills_list table {border-collapse: collapse}
  #skills_list p {text-indent: 35%; text-align: left}
  #skills_list tr {vertical-align: top}
  #skills_list ul {list-style: disc url(yellow_led.gif)}
  #name {text-align: center}

  #release_form {float: right; border: 4px outset lightgrey; margin: 5 0 5 10; padding: 5px; background-color: lightcyan}
  #buttons {text-align: center}
  #release {color: black; background: white; font: normal normal normal 1em Arial, Helvetica, sans-serif; text-align: justify}
  #release h2 {color: black; background-color: white; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em;
           letter-spacing: 0.2em; text-align: center; clear: both}
  #release td {color: black; background: white; font-size: 0.8em; text-align: left}
  #header_left {font-size: 1em; font-weight: normal; text-align: left; width: 40%; float: left; margin: 0px}
  #header_right {font-size: 1em; font-weight: normal; text-align: right; float: right; margin: 0px}
  #film_title {font-size: 1em; font-weight: bold}
  #description {font-size: 1em; font-weight: bold}
  #date {font-size: 1em; font-weight: bold}
  #produced_by {font-size: 1em; font-weight: bold}
  #release address {display: inline; font: normal normal bold 0.8em Arial, Helvetica, sans-serif; text-align: left}
  #release p {clear: both}

  #navagation {width: 160px; font-family: Arial, Helvetica, sans-serif;
             background-color: #FFFFCC; background-image: url()}
  #navagation ul {list-style: none; margin: 0; padding: 0}
  #navagation li {border-bottom: 5px solid #FFFFCC}

  #navagation li a:link, #navagation li a:visited {
    display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: 12px solid #000099;
    border-right: 12px solid #000099;
    background-color: #0066FF;
    color: #FFFFFF;
    text-decoration: none;
  }

  #navagation li a:hover {
    background-color: #000099;
    color: #FFFFFF;
  }

  #navagation ul ul {
    margin-left: 12px;
  }

  #navagation ul ul li {
    border-bottom: 1px solid #000099;
    margin: 0;
  }
   
  #navagation ul ul a:link, #navagation ul ul a:visited {
    background-color: #CCCCCC;
    color: #000099;
  }

  #navagation ul ul a:hover {
    background-color: #000099;
    color: #FFFFFF;
  }
}

@media print {
  #release input {display: none}
  a {text-decoration: none; color: black; font-weight: bold}
}