/* Filename: page.css */
/* Version: 20151215 */

body {
  margin: 10px 0 0 0;
  padding: 0;
  font-family: verdana, arial, helvetica, sans-serif;
  color: #333;
  background: #f1f1f1;
  text-align: center;
}

/* LINKS */

a {
  text-decoration: none;
}

a:link, a:visited {
  color: #2e529e;
  border-bottom: 1px dashed #2e529e;
}

a:active {
  color: #808080;
}

a:hover {
  color: #fff;
  background-color: #333;
  text-decoration: none;
}

a.attention:link, a.attention:visited {
  color: #900;
}

a.attention:hover {
  color: #fff;
}

a.no_link_hover:hover {
  background: none !important;
}

.img a {
  border: none;
}

a.imagelink {
  text-decoration: none;
  border-bottom: none;
}

/* BLOCKS */

.alert {
  border:solid;
  border-width:1px;
  padding:10px;
  background-color: #FFFF99;
}

table.program td {
  vertical-align: text-top;
  padding-right: 20px;
}

div {
  text-align: justify;
}

div.wrapper {
  float: left; /* important */
  position: relative; /* important(so we can absolutely position the description div */
}

div.description {
  position: absolute; /* absolute position (so we can position it where we want)*/
  bottom: 0px; /* position will be on bottom */
  *bottom: 1px;
  left: 0px;
  width: 100%;
  /* styling below */
  background-color: black;
  font-family: 'tahoma';
  font-size: 18px;
  font-weight: bold;
  color: white;
  opacity: 0.6; /* transparency */
  filter: alpha(opacity=60); /* IE transparency */
}

p.description_content {
  padding: 10px;
  margin: 0px;
  text-align: right;
}

.textcontainer {
  margin: 25px 0 0 5px;
  border-width: 1px;
  border-style: solid;
  border-left-color: #ffffff;
  border-top-color: #ffffff;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
  padding: 20px;
  background-color: #ffffff;
  /*
  -moz-border-radius: 12px 12px 12px 12px;
  -webkit-border-radius: 12px 12px 12px 12px;
  -ms-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
  */
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .75);
}

p {
  text-align: justify;
}

b {
  font-weight: 550;
}

/* HEADINGS */

h1 {
  font-size: 16px;
  font-weight: bold;
  color: #2C4158;
  padding: 0;
  margin: 0px 0 20px 0;
}

h2 {
  font-size: 16px;
  color: #2C4158;
  font-weight: bold;
  margin: 10px 0 10px 0px;
  padding: 0;
}

h3 {
  font-size: 14px;
  font-weight: bold;
  color: #660;
  font-family: georgia;
  margin: 10px 0 3px 0;
  padding: 0;
}

/*-------------------------------------------------*/

div.announce {
  margin: 0 auto 0 auto;
  text-align: center;
  background-color: #981A21;
  font-size: 11px;
  padding: 5px;
  color: #fff;
}

div.announce a, div.announce a:visited {
  color: #fff;
}

table {
  margin: 0 auto;
}

img {
  border-width: 0;
}

hr.light_ruler {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* MENU */

.box {
  *margin-left: 2px;
  *margin-right: -1px;
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .6);
  background-color: #ffffff;
}

.box a {
  font-weight: normal;
  font-size: 16px;  
  margin-left: 15px;
}

.box td {
   padding-top: 3px;
   padding-bottom: 3px;
}

.boxcontainer {
  *margin-right: 2px; /* for IE 7 and bellow. use \9 for IE 9 or _ for up to 6 */
  padding: 5px 8px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .6);
  background-color: rgb(116, 167, 224);
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;  
}