/******************/
/* Fonts & Colors */
/******************/

#header ul, h1 {
  font-family: "Futura Condensed", "Arial Narrow", Arial, Helvetica, sans-serif;
}

h1 {
  color:       #666;
  font-weight: normal;
}

#main {
  color:       #333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:   85%;
}
#menu ul {
  font-size: 130%;
}
#menu ul li a {
  color: #b4e7fa;
}
#menu ul li a:hover, #menu ul li.active a {
  color: #fff;
}

#submenu ul {
  font-size: 110%;
}
#submenu ul li a {
  color:           #777;
  text-decoration: none;
}
#submenu ul li a:hover, #submenu ul li.active a {
  color: #059;
}
#footer {
  color:       #666;
  font-size:   85%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**********/
/* Layout */
/**********/

body {
  margin:  0;
  padding: 0;
}

#page {
  width:            775px;
  margin:           0 auto;
  background-color: #fff;
}

#header p {
  display: inline;
  top:     5px;
  left:    0px;
}
#header p a {
  display:      block;
  float:        right;
  margin-right: 420px;
  height:       215px;
  width:        170px;
}
#header p a span {
  display: none;
}

#header ul {
  margin:  0;
  padding: 0;
}

#menu_container {
  background-image:  url('images/head_bg.jpg');
  background-repeat: no-repeat;
  background-color:  #39c;
  height:            223px; 
}

#menu ul {
  list-style-type: none;
  padding:         10px 0 0 20px;
  width:           160px;
}

#menu ul li {
  margin: 2px 0;
}

#menu ul li a {
  display:         block;
  padding:         2px;
  text-decoration: none;
}

#submenu_container {
  border-right:  1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-left:   1px solid #e8e8e8;
  padding-top:   1px;  
}

#submenu {
  background-color:    #d8dbdf;
  background-image:    url('images/submenu_bg.gif');
  background-position: left bottom;
  background-repeat:   repeat-x;

  margin: 0 1px 1px 1px;

  border-right:  1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-left:   1px solid #e8e8e8;

  padding: 10px;
}

#submenu ul {
  margin-left: 10px;
}

#submenu ul li {
  display: inline;
}

#submenu ul li a {
  padding:         5px;
}

#main_container {
  background-color: #fff;
}

#main {
  margin: 40px 30px;
}

h1 {
  padding: 0;
  margin: 0;
}

#footer_container {
  height:           107px;
  background-image: url('images/footer_bg.gif');
}
#footer {
  padding-top: 60px;
  text-align:  center;
}