/* Anim8or CSS file */

/* Colors:
  background: #aaaaff (lightest)
  menu:       #444466 (very dark)
  sub-menu:   #55557f (sorta very dark)
  header:     #666699 (dark)
  sub-header: #8c8ccc (medium dark)
  3rd-header: #9b9be5 (medium light)
  item:       #aaaaff (lightest)
*/

.center-standard-width
{
  margin:auto;
  width:650px;
  /* width:90%; */
}

body
{
  background-color:#aaaaff;
}

body.anim8or_body
{
  background-color:#aaaaff;
  font-family:Verdana;
}

h1
{
  font-size:28px;
  text-align:center;
}
h2
{
  font-size:20px;
}
p, ol, ul
{
  font-size:80%;
}

p.header
{
  background-color:#666699;
  font-family:Arial,Helvetica,sans-serif;
  color:#ffffff; 
  color:rgb(255,255,255);
  font-size:150%;
  font-weight:bold;
  text-align:center;
  margin:0px;
  padding:5px 10px 5px 10px;
  /* Need this when removing 'cellpadding="0" cellspacing="0"' from tables:
     margin:-3px;
     but why???
  */
}
p.subheader
{
  background-color:#8c8ccc;
  font-family:Arial,Helvetica,sans-serif;
  font-size:120%;
  font-weight:bold;
  font-style:italic;
  margin:0px;
  padding:5px 10px 5px 10px;
  border-top-style:solid;
  border-bottom-style:solid;
  border-width:1px 1px 1px 1px;
  border-color:#666699;
  /* Need this when removing 'cellpadding="0" cellspacing="0"' from tables:
     margin:-3px;
     but why???
  */
}
p.subheader_notop
{
  background-color:#8c8ccc;
  font-family:Arial,Helvetica,sans-serif;
  font-size:120%;
  font-weight:bold;
  font-style:italic;
  margin:0px;
  padding:5px 10px 5px 10px;
  border-top-style:solid;
  border-bottom-style:solid;
  border-width:0px 1px 1px 1px;
  border-color:#666699;
  /* Need this when removing 'cellpadding="0" cellspacing="0"' from tables:
     margin:-3px;
     but why???
  */
}
p.sub3header
{
/*
  background-color:#9b9be5;
 */
  font-family:Arial,Helvetica,sans-serif;
  font-size:110%;
  font-weight:normal;
  font-style:italic;
  margin:0px;
  padding:5px 10px 5px 10px;
}
p.sub4header
{
  font-family:Arial,Helvetica,sans-serif;
  font-size:105%;
  font-weight:normal;
  font-style:normal;
  margin:0px;
  padding:5px 10px 5px 10px;
}
p.section
{
  border-top-style:solid;
  border-width:1px 0px 0px 0px;
  border-color:#666699;
  padding:5px 10px 5px 10px;
  margin:0px;
}
p.footer1
{
  background-color:#666699;
  font-family:Arial,Helvetica,sans-serif;
  color:#ffffff; 
  color:rgb(255,255,255);
  font-size:75%;
  font-weight:bold;
  text-align:left;
  padding:0px 10px 0px 10px;  
  margin:0px;
}
p.footer2
{
  background-color:#666699;
  font-family:Arial,Helvetica,sans-serif;
  color:#ffffff; 
  color:rgb(255,255,255);
  font-size:75%;
  font-weight:bold;
  text-align:right;
  padding:0px 10px 0px 10px;  
  margin:0px;
}
p.resource
{
  font-weight:bold;
  text-align:center;
  padding:5px 0px 5px 0px;
}
p.text
{
  text-align:justify;
}
a
{
  font-weight:bold;
}

.code
{
  font-family:"courier new",courier,monospace;  
  font-size:120%;
}
.cmd
{
  font-variant:small-caps;
  font-weight:bold;
}
.item9
{
  margin:5px 10px 10px 10px;
}
.item
{
  margin:0px;
  padding:5px 10px 5px 10px;
}
.indent
{
  margin:0px;
  padding:5px 20px 5px 30px;
}
.center
{
  text-align:center;
}
table.basic-table
{
/*
  margin-left:auto;
  margin-right:auto;
  */
  margin:0px;
  padding:0px;
  width:100%;
  border-style:solid;
  border-width:0px 1px 1px 1px;
  border-color:#666699;
}

/* Menu */

#menu-wrap {
  background: #444466;
}

#submenu-wrap {
  background: #55557f;
}

#footer-wrap {
  background: #666699;
}

#menu {
  width: 100%;
  height:28px;
  margin: 0px; /* auto; */
  background: #444466;
}

#submenu {
  width: 100%;
  height: 28px;
  margin: 0px; /* auto; */
  background: #55557f;
}

#menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  line-height: normal;
}

#submenu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  line-height: normal;
}

#menu li {
  display: inline;
}

#submenu li {
  display: inline;
}

#menu a {
  float: left;
  margin-right: 6px;
  /*
  padding: 5px 20px 5px 20px;
  */
  padding: 5px 10px 5px 10px;
  background: #444466;
  border: 1px #444466 solid;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 11px;
  color: #c0c0ff;
}
#submenu a {
  float: left;
  margin-right: 6px;
  /*
  padding: 5px 20px 5px 20px;
  */
  padding: 5px 10px 5px 10px;
  background: #55557f;
  border: 1px #55557f solid;
  text-decoration: none;
  /*
  text-transform: uppercase;
  */
  font-weight: bold;
  font-size: 11px;
  color: #c0c0ff;
}

#menu a:hover {
  /* text-decoration: none; */
  background: #8c8ccc;
  /* border: 1px #55557f solid; */
  color: #000000;
}

#submenu a:hover {
  /* text-decoration: none; */
  background: #8c8ccc;
  /* border: 1px #55557f solid; */
  color: #000000;
}

#menu .first a {
  text-decoration: underline;
  background:#444466;
  /* border: 1px #55557f solid; */
  color: #ffffff;
}
#submenu .first a {
  text-decoration: underline;
  background:#55557f;
  /* border: 1px #55557f solid; */
  color: #ffffff;
}

#menu .first a:hover {
  text-decoration: underline;
  background: #444466;
  /* border: 1px #55557f solid; */
  color: #ffffff;
}

#sunmenu .first a:hover {
  text-decoration: underline;
  background: #55557f;
  /* border: 1px #55557f solid; */
  color: #ffffff;
}