/* main colours
      blue: #4314A2
      green: #65C600
      dark blue: #040059
      off white: #EEEEEE (background)
*/

/***** sitewide settings *****/

body {
  background: #D7D7D7;
}

h1 {
  font-family: verdana, arial, tahoma;
  font-size: 24px;
  font-weight: bold;
  color: #365F91;
}

h2 {
  font-family: verdana, arial, tahoma;
  font-size: 18px;
  font-weight: bold;
  color: #365F91;
}

h3 {
  font-family: verdana, arial, tahoma;
  font-size: 14px;
  font-weight: bold;
  color: #365F91;
}

div.outer {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  background-image: url('../graphics/side_background2.jpg');
  background-repeat: repeat-x;
  /*background: #D7D7D7;*/
}

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: 1000px;
  text-align: left;
/*  border-left: 2px solid #DC9FCB;
  border-right: 2px solid #DC9FCB;
  border-bottom: 2px solid #DC9FCB;*/
  background: #D7D7D7;
  margin-left: auto;
  margin-right: auto;
}

div.menu {
  position: absolute;
  left: 100px;
  top: 128px;
  font-family: trebuchet ms, arial, tahoma;
  font-size: 20px;
//  font-weight: bold;
  color: #AAAAFF;
  border: 0px solid #FF0000;
}

div.sign_up {
  position: absolute;
  left: 600px;
  top: 20px;
  width: 400px;
  font-family: trebuchet ms, arial, tahoma;
  font-size: 12px;
  color: #EEE;
  border: 0px solid #F00;
  text-align: right;
}

div.sign_up_window {
  position: absolute;
  left: 650px;
  top: 50px;
  width: 300px;
  background: #EEE;
  font-family: trebuchet ms, arial, tahoma;
  font-size: 12px;
  color: #222;
  border: 1px solid #008;
  text-align: center;
  visibility: hidden;
  padding: 8px;
  z-index: 10;
}

div.sign_up_submission_message {
  position: absolute;
  left: 650px;
  top: 50px;
  width: 300px;
  background: #EEE;
  font-family: trebuchet ms, arial, tahoma;
  font-size: 12px;
  color: #222;
  border: 1px solid #008;
  text-align: center;
  padding: 8px;
  z-index: 10;
}

div.sign_up_window_close {
  position: absolute;
  right: 4px;
  top: 0px;
  font-family: trebuchet ms, arial, tahoma;
  font-size: 10px;
  color: #222;
  text-align: right;
}

div.sign_up_submission_message_close {
  position: absolute;
  right: 4px;
  top: 0px;
  font-family: trebuchet ms, arial, tahoma;
  font-size: 10px;
  color: #222;
  text-align: right;
}

div.privacy_policy_window {
  position: absolute;
  left: 650px;
  top: 50px;
  width: 300px;
  background: #EEE;
  font-family: trebuchet ms, arial, tahoma;
  font-size: 12px;
  color: #222;
  border: 1px solid #008;
  text-align: justify;
  padding: 8px;
  z-index: 10;
  visibility: hidden;
}

div.privacy_policy_window_close {
  position: absolute;
  right: 4px;
  top: 0px;
  font-family: trebuchet ms, arial, tahoma;
  font-size: 10px;
  color: #222;
  text-align: right;
}

div.new_releases {
  position: absolute;
  left: 0px;
  top: 160px;
  width: 1000px;
  height: 173px;
  border: 0px solid  #F00;
  overflow: hidden;
  background-image: url('../graphics/new_release_background2.jpg');
/*  background: #D7D7D7;*/
}

div.new_relase_heading {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5;
}

div.new_release_right_heading {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 5;
}

div.nr_scroll_1 {
  position: absolute;
  left: 10px;
  top: 0px;
  width: 1000px;
  height: 168px;
  border: 0px solid #0F0;
}

div.nr_scroll_2 {
  position: absolute;
  left: 1010px;
  top: 0px;
  width: 1000px;
  height: 168px;
  border: 0px solid #00F;
}

div.top_divider {
  position: absolute;
  left: 0px;
  top: 333px;
  width: 1000px;
  height: 6px;
  background-image: url('../graphics/top_divider.gif');
}

div.left_panel {
  position: absolute;
  left: 0px;
  top: 333px;
  width: 224px;
  height: 500px;
  background: #CCC;
  font-family: trebuchet ms, arial, tahoma;
  font-size: 14px;
  color: #008;
}

div.award_submenu {
  position: absolute;
  left: 80px;
  top: 24px;
  width: 180px;
  height: 75px;
//  border: 1px solid #008;
  visibility: hidden;
//  background: #040059;
//  color: #008;
//  padding: 5px;
  font-family: trebuchet ms, arial, tahoma;
  font-size: 14px;
  text-align: center;
  z-index: 5;
}

div.award_info {
  position: absolute;
  left: 250px;
  top: 450px;
  width: 300px;
//  height: 200px;
  background: #4314A2;
  border: 2px solid #004;
  border-top: 2px solid #44A;
  border-left: 2px solid #44A;
  font-family: trebuchet ms, arial, tahoma;
  font-size: 14px;
  color: #EEE;
  padding: 5px;
}

div.award_info_close {
  position: absolute;
  right: 8px;
  top: 0px;
  font-family: trebuchet ms, arial, tahoma;
  font-size: 16px;
  color: #EEE;
  text-align: right;
}

div.right_panel {
  position: absolute;
  left: 840px;
  top: 333px;
  width: 160px;
  height: 500px;
  background: #AAA;
  text-align: center;
}

div.page_contents {
  position: absolute;
  left: 224px;
  top: 338px;
  width: 615px;
  height: 493px;
//  border: 1px solid #F00;
  overflow-x: hidden;
  overflow-y: auto;
}

div.bottom_panel {
  position: absolute;
  left: 0px;
  top: 833px;
  width: 1000px;
  height: 170px;
  background: #4314A2;
}

div.bottom_panel_heading {
  font-family:  trebuchet ms, arial, tahoma;
  font-size: 22px;
  color: #EEE;
}

div.bottom_panel_internal_1 {
  position: absolute;
  left: 150px;
  top: 10px;
  width: 300px;
  height: 120px;
  font-family:  trebuchet ms, arial, tahoma;
  font-size: 15px;
  color: #EEE;
  border: 0px solid #F00;
}

div.bottom_panel_internal_2 {
  position: absolute;
  left: 500px;
  top: 10px;
  width: 200px;
  height: 120px;
  font-family:  trebuchet ms, arial, tahoma;
  font-size: 15px;
  color: #EEE;
  border: 0px solid #F00;
}

div.bottom_panel_internal_3 {
  position: absolute;
  left: 750px;
  top: 10px;
  width: 200px;
  height: 120px;
  font-family:  trebuchet ms, arial, tahoma;
  font-size: 15px;
  color: #EEE;
  border: 0px solid #F00;
  text-align: center;
}

div.map_window {
  position: absolute;
  left: 50px;
  top: -280px;
  width: 425px;
  height: 385px;
  background: #EEE;
  font-family: trebuchet ms, arial, tahoma;
  font-size: 12px;
  color: #222;
  border: 1px solid #008;
  text-align: justify;
  padding: 8px;
  z-index: 10;
  visibility: hidden;
}

div.bottom_divider {
  position: absolute;
  left: 0px;
  top: 140px;
  width: 1000px;
  height: 60px;
  background-image: url('../graphics/bottom_divider.jpg');
  font-family: verdana, arial, tahoma;
  font-size: 12px;
  color: #BBB;
  text-align: center;
}

div.footer {
  position: absolute;
  left: 0px;
  top: 1035px;
  width: 1000px;
  font-family: verdana, arial, tahoma;
  font-size: 10px;
  color: #222;
  border: 0px solid #888;
  padding: 3px;
  text-align: center;
}

div.subpage_text {
  position: absolute;
  left: 40px;
  top: 300px;
  width: 400px;
  font-family: verdana, arial, tahoma;
  font-size: 14px;
  color: #FFFFFF;
  text-align: justify;
}

div.starfish {
  position: absolute;
  right: 0px;
  top: 2px;
  width: 24px;
  height: 15px;
  text-align: right;
  padding: 0px;
  border: 0px solid #000;
}

div.tag {
  position: absolute;
  left: -60px
  top: -20px;
  font-family: verdana, arial, tahoma;
  font-size: 10px;
  color: #222;
//  border: 0px solid #222;
//  background: #DDD;
//  padding: 2px;
  visibility: hidden;
}

div.info_tag {
  position: absolute;
  left: -60px;
  top: -20px;
  width: 110px;
  font-family: verdana, arial, tahoma;
  font-size: 10px;
  text-align: center;
  color: #222;
  border: 1px solid #222;
  background: #DDD;
  padding: 2px;
  visibility: hidden;
}

p.heading {
  font-family: verdana, arial, tahoma;
  font-size: 16px;
  color: #164397;
/*  font-style: italic;*/
  font-weight: bold;
}

a.close_signup_window:link {color: #222; text-decoration: none;}
a.close_signup_window:visited {color: #222; text-decoration: none;}
a.close_signup_window:hover {color: #555; text-decoration: none;}
a.close_signup_window:active {color: #222; text-decoration: none;}

a.signup_action:link {color: #222; text-decoration: underline;}
a.signup_action:visited {color: #222; text-decoration: underline;}
a.signup_action:hover {color: #456C01; text-decoration: underline;}
a.signup_action:active {color: #222; text-decoration: underline;}

a.show_policy_window:link {color: #EEE; text-decoration: none;}
a.show_policy_window:visited {color: #EEE; text-decoration: none;}
a.show_policy_window:hover {color: #EEE; text-decoration: underline;}
a.show_policy_window:active {color: #EEE; text-decoration: none;}

a.top_links:link {color: #FFFFFF; text-decoration: none;}
a.top_links:visited {color: #FFFFFF; text-decoration: none;}
a.top_links:hover {color: #FFF000; text-decoration: underline;}
a.top_links:active {color: #FFFFFF; text-decoration: none;}

a.main_menu:link {color: #FFF; text-decoration: none;}
a.main_menu:visited {color: #FFF; text-decoration: none;}
a.main_menu:hover {color: #65C600; text-decoration: none;}
a.main_menu:active {color: #FFF; text-decoration: none;}

a.main_menu_selected:link {color: #65C600; text-decoration: none;}        /* FCC101 */
a.main_menu_selected:visited {color: #65C600; text-decoration: none;}
a.main_menu_selected:hover {color: #65C600; text-decoration: none;}
a.main_menu_selected:active {color: #65C600; text-decoration: none;}

a.menu_left:link {color: #008; text-decoration: none;}
a.menu_left:visited {color: #008; text-decoration: none;}
a.menu_left:hover {color: #44F; text-decoration: none;}
a.menu_left:active {color: #008; text-decoration: none;}

a.submenu:link {color: #800; text-decoration: none; //background: #CCC;}        /* FCC101 */
a.submenu:visited {color: #800; text-decoration: none; //background: #CCC;}
a.submenu:hover {color: #800; text-decoration: underline overline; background: #EEE;}
a.submenu:active {color: #800; text-decoration: none; //background: #CCC;}

a.submenu2:link {color: #008; text-decoration: none;}        /* FCC101 */
a.submenu2:visited {color: #008; text-decoration: none;}
a.submenu2:hover {color: #44F; text-decoration: none;}
a.submenu2:active {color: #008; text-decoration: none;}

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.navbar_home:link {color: #FCC101; text-decoration: none;}
a.navbar_home:visited {color: #FCC101; text-decoration: none;}
a.navbar_home:hover {color: #AAAAFF; text-decoration: none;}
a.navbar_home:active {color: #FCC101; text-decoration: none;}

a.award_info_close:link {color: #EEE; text-decoration: none;}
a.award_info_close:visited {color: #EEE; text-decoration: none;}
a.award_info_close:hover {color: #FFF; text-decoration: underline;}
a.award_info_close:active {color: #EEE; text-decoration: none;}

a.std_link:link {color: #FFF000; text-decoration: underline;}
a.std_link:visited {color: #FFF000; text-decoration: underline;}
a.std_link:hover {color: #FFF000; text-decoration: underline;}
a.std_link:active {color: #FFF000; text-decoration: underline;}

a.starfish:link {color: #AAAAFF; text-decoration: none;}
a.starfish:visited {color: #AAAAFF; text-decoration: none;}
a.starfish:hover {color: #FFFFFF; text-decoration: underline;}
a.starfish:active {color: #AAAAFF; text-decoration: none;}

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;}


