/* main colours
      blue: #00518E
      yellow: #FCC101
*/

/***** sitewide settings *****/

html {
  background: #00ACEE;
}

div.outer {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
}

div.container-background {
  position: relative;
  left: 0px;
  top: 0px;
  width: 1000px;
  text-align: center;
  background-image: url('../graphics/container-background.jpg');
  margin-left: auto;
  margin-right: auto;
}

div.container {
  position: relative;
  left: 0px;
  top: 0px;
  width: 900px;
  text-align: left;
  border-left: 2px solid #164397;
  border-right: 2px solid #164397;
  border-bottom: 2px solid #164397;
  background: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
}

div.menu {
  position: absolute;
  left: 40px;
  top: 200px;
  font-family: "trebuchet ms",verdana, arial, tahoma;
  font-size: 24px;
  font-weight: bold;
  color: #AAAAFF;
  border: 0px solid #FF0000;
}

div.page_contents {
  left: 0;
  top: 0;
  width: 800px;
  background: #FFFFFF;
  padding: 50px;
  font-family: verdana, arial, tahoma;
  font-size: 16px;
  color: #333333;
  text-align: justify;
}

div.footer {
  width: 900px;
  background: #164398;
  font-family: verdana, arial, tahoma;
  font-size: 10px;
  color: #AAAAFF;
  text-align: center;
  border: 2px solid #164397;
  margin-left: auto;
  margin-right: auto;
}

p.heading {
  font-family: verdana, arial, tahoma;
  font-size: 16px;
  color: #164397;
  font-weight: bold;
}

a.main_menu:link {color: #FFFFFF; text-decoration: none;}
a.main_menu:visited {color: #FFFFFF; text-decoration: none;}
a.main_menu:hover {color: #FCC101; text-decoration: none;}
a.main_menu:active {color: #FFFFFF; text-decoration: none;}

a.main_menu_selected:link {color: #FCC101; text-decoration: none; background: #5187E3;}        /* FCC101 */
a.main_menu_selected:visited {color: #FCC101; text-decoration: none; background: #5187E3;}
a.main_menu_selected:hover {color: #FCC101; text-decoration: none; background: #5187E3;}
a.main_menu_selected:active {color: #FCC101; text-decoration: none; background: #5187E3;}

a.footer_link:link {color: #AAAAFF; text-decoration: underline;}
a.footer_link:visited {color: #AAAAFF; text-decoration: underline;}
a.footer_link:hover {color: #FFFFFF; text-decoration: underline;}
a.footer_link:active {color: #AAAAFF; text-decoration: underline;}

a.mail_link:link {color: #FFFFFF; text-decoration: underline;}
a.mail_link:visited {color: #FFFFFF; text-decoration: underline;}
a.mail_link:hover {color: #FCC101; text-decoration: underline;}
a.mail_link:active {color: #FFFFFF; text-decoration: underline;}

a.mail_link2:link {color: #333333; text-decoration: underline;}
a.mail_link2:visited {color: #333333; text-decoration: underline;}
a.mail_link2:hover {color: #0000FF; text-decoration: underline;}
a.mail_link2:active {color: #333333; text-decoration: underline;}

div.contact_text {
  width: 420px;
  border: 0px solid #FF0000;
  font-family: verdana, arial, tahoma;
  font-size: 16px;
  color: #333333;
  text-align: justify;
}

div.contact_panel {
  position: absolute;
  left: 530px;
  top: 300px;
  width: 300px;
  background: #5187E3;
  font-family: verdana, tahoma, arial;
  font-size: 18px;
  color: #FFFFFF;
  border: 2px solid #164397;
  padding: 20px;
  text-align: center;
}

td.contact_left {
  width: 45%;
  text-align: right;
  padding: 5px;
}

td.contact_right {
  width: 55%;
  padding: 5px;
}

div.contact_message_sent {
  width: 350px;
  border: 1px solid #FF0000;
  font-family: verdana, arial, tahoma;
  font-size: 18px;
  color: #FF0000;
  text-align: center;
}