a {
  text-decoration: none;
}

html {
	margin: 0px;
	padding: 0px;
  border: 0px;
}


body {
  font-family: Verdana, Arial;
  font-size: 12px;
  text-align: center;
  background-image: url('../img/bgfade.gif');
  background-repeat: repeat-x;
  background-color: #FFFFFF;
}

h1 {
  font-weight: bold;
  font-size: 12px;
}

h2 {
  font-family: Century Gothic, Verdana, Arial;
  font-size: 16px;
}

h3 {
  font-family: Century Gothic, Verdana, Arial;
  font-size: 16px;
}

/* Front page */
h4 {
  font-family: Century Gothic, Verdana, Arial;
  font-size: 16px;
  line-height: 1.5em;
  margin-top: 0px;
  margin-bottom: 40px;
  font-weight: normal;
}

h5 {
  font-family: Century Gothic, Verdana, Arial;
  font-size: 14px;
  margin-bottom: .5em;
  margin-top: 0px;
}

.h4_standout {
  font-weight: bold;
  color: #159700;
}

.register {
  font-family: Century Gothic, Arial;
  font-size: 20px;
  text-align: center;
}

#try {
  width: 195px;
  height: 300px;
  border: 1px solid #B7CDFF;
  float: left;
  padding: 5px;
  text-align: center;
  background-color: #F5F8FF;
  background-image: url('../img/trybg.jpg');
  background-repeat: no-repeat;
  background-position: bottom;  
}

/* Fonts */ 
.font_error {
  font-family: Verdana, Arial;
  color: #CD000E;
  font-weight: bold;
}

.font_error_hidden {
  font-family: Verdana, Arial;
  color: #CD000E;
  font-weight: bold;
  display: none;
}

.font_error_large {
  background-color: #FFD4D7;
  border: 1px solid #D14040;
  font-size: 13px;
  font-weight: bold;
  color: #340005;
  padding: 3px;
}

.font_ok {
  color: #008000;
}

.font_ok_large {
  background-color: #D4FFD4;
  border: 1px solid #40D140;
  font-size: 13px;
  font-weight: bold;
  color: #003400;
  padding: 3px;
}

.font_hidden {
  display: none;
}

.font_term_accept {
  font-size: 10px;
  color: #888888;
}

.mandatory_form_filed {
  color: #CD000E;
  font-weight: bold;
}

/* Registration and login page */
#register {
  background-color: #F5F8FF;
  width: 360px;
  padding: 20px;
  height: 320px;
  background-image: url('../img/regbg.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
  border: 1px solid #B7CDFF;
  margin-left: 15px;
}

#login {
  background-color: #F5F8FF;
  width: 360px;
  padding: 20px;
  height: 320px;
  background-image: url('../img/loginbg.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
  border: 1px solid #B7CDFF;
  margin-left: 15px;
}

/* Framework layout */

#framework_center {
  width: 901px;
  padding: 0px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

#framework_left_col {
  width: 438px;
  padding: 5px;
  margin: 0px;
  border: 0;
  float: left;
}

#framework_right_col {
  width: 438px;
  padding: 5px;
  margin: 0px;
  float: right;
  border: 0;
}

#framework_one_col {
  width: 890px;
  padding: 5px;
  margin: 0px;
}

#logo {
  height: 100px;
}

/* Login bar and menu */

#login_bar {
  height: 25px;
  background-image: url('../img/login_bar.gif');
  background-repeat: repeat-x;
  margin-bottom: 20px;
  margin-top: 8px;
  border: 0px;
  padding: 1px;
}

.font_login_bar {
  color: #FFFFFF;
  font-family: Century Gothic, Arial;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}

#menu_bar_upper {
  height: 34px;
  background-image: url('../img/menu_bar_upper.gif');
  background-repeat: repeat-x;
  border: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 100px;
  margin: 0;
}

.font_menu_bar_upper_unselected {
  text-align: center;
  color: #FFFFFF;
  font-family: Century Gothic, Arial;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  width: 130px;
  float: left;
  padding-top: 10px;
  cursor: pointer;
  margin: 0;
}

.font_menu_bar_upper_unselected:hover {
  color: #D5FECE;
}

.font_menu_bar_upper_selected {
  text-align: center;
  height: 24px;
  width: 118px;
  color: #16B920;
  font-family: Century Gothic, Arial;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  float: left;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  background-image: url('../img/menu_bar_upper_selected.gif');
  background-repeat: repeat-x;
  vertical-align: top;
}

.font_menu_bar_upper_logout {
  color: #FFFFFF;
  font-family: Century Gothic, Arial;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  margin: 0;
}

.font_menu_bar_upper_logout:hover {
  color: #D5FECE;
}

#menu_bar_lower {
  height: 25px;
  background-image: url('../img/menu_bar_lower.gif');
  background-repeat: repeat-x;
  margin-bottom: 20px;
  border: 0px;
  margin: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 100px;
}

.font_menu_bar_lower_closedtop {
  height: 25px;
  text-align: center;
  color: #6B7DA9;
  font-family: Century Gothic, Arial;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  width: 130px;
  float: left;
  padding-top: 2px;
  cursor: pointer;
}

.font_menu_bar_lower_closedtop:hover {
  color: #113386;
}

.font_menu_bar_lower_opentop {
  text-align: center;
  height: 25px;
  color: #6B7DA9;
  font-family: Century Gothic, Arial;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  width: 130px;
  float: left;
  padding-top: 2px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url('../img/menu_bar_lower_selected.gif');
  background-repeat: repeat-x;  
  cursor: pointer;
  border: 0px;
  margin: 0px;
}

.font_menu_bar_lower_opentop:hover {
  color: #113386;
}

/* Event list */
.event_list_item {
  background-image: url('../img/event_list_item.gif');
  background-repeat: repeat-x;
  height: 20px;
  padding-top: 8px;
}

/* Weather registration teaser */
#weather_reg_teaser {
  float: left;
  width: 220px;
  height: 224px;
  padding: 8px;
  border: 1px solid #B7CDFF;
  margin-left: 20px;
  background-image: url('../img/weather_teaser_bg.jpg');
  background-repeat: no-repeat;
  background-position: bottom;  
}