.clear:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-table; }
/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */

html {
 height: 100%;
 }

body {
 margin: 0; background: #fffef3 url('../images/bg_back.gif') top repeat;
 height: 100%;
 }

a { text-decoration: none; color: #274b79; }
a:hover { text-decoration: underline; }

a img { border: 0; }

div {
 font: 13px Trebuchet MS;
 }

#layer1 {
 text-align: center;
 background: url('../images/bg_main.gif') top center repeat-y;
 height: 100%;
 }

#layer2 {
 width: 780px;
 margin: 0 auto;
 text-align: left;
 height: 100%;
 }

#mainpage #main #content
 {
 background: #08162e;
 padding: 100px 50px;
 color: white;
 text-align: center;
 }

#mainpage #main #content a
 {
 color: lightblue;
 }

#mainpage #buttons
 {
 background: #08162e;
 padding-top: 5px;
 padding-bottom: 10px;
 text-align: center;
 }

#menu {
 width: 100%;
 background-color: #274b79;
 padding: 10px 0;
 text-align: center;
 }
#mainpage #menu {
 border-width: 1px 0; border-style: solid; border-color: #5c719b;
 }
#subpage #menu {
 background: #274b79 url("../images/bg_menu_sub.gif") repeat-x;
 }
#menu a {
 width: 100%;
 padding: 4px 12px;
 border-width: 1px; border-style: solid; border-color: #8297b1 #182e4a #0d1929 #526d8f;
 background: #274b79 url("../images/bg_menu_up.gif") 0 1px repeat-x;
 color: white;
 margin: 0 1px;
 }
#menu a:hover {
 border-color: #0d1929 #526d8f #8297b1 #182e4a;
 background: url("../images/bg_menu_down.gif") 0 1px repeat-x;
 text-decoration: none;
 }

#mainpage #meet {
 padding: 20px;
/* for footer: */
 padding-bottom: 53px;
 border-width: 3px 0; border-style: solid; border-color: black transparent #a7abae;
 background: #777d81 url("../images/bg_meet.gif") 0 3px repeat-x;
 }

#footer {
 background: #274b79;
 color: white;
 position: relative;
 height: 56px;
 }
#footer span#left {
 position: absolute;
 left: 0;
 width: 33%;
 padding: 10px;
 font-weight: bold;
 }
#footer span#middle {
 position: absolute;
 left: 33%;
 width: 33%;
 text-align: center;
 padding: 10px;
 }
#footer span#right {
 position: absolute;
 right: 0;
 width: 33%;
 text-align: right;
 padding: 10px;
 }

#subpage #top
 {
 position: relative;
 }

#subpage #layer2 {
 background: url("../images/bg_side.gif") repeat-y;
 }

#subpage #container {
 position: relative;
 border-top: 3px solid black;
/* for footer: */
 padding-bottom: 56px;
 }

#subpage #menu {
 position: relative;
 }

#subpage #heading {
 float: left;
 width: 541px;
 padding: 10px;
 background: #83888d url("../images/bg_meet.gif") repeat-x;
 border-width: 0 0 3px; border-style: solid; border-color: #a7abae;
 }

#subpage #side {
 float: left;
 width: 219px;
 height: 100%;
/* background: #83888d; */
 }

#subpage #side #content {
 position: relative;
 top: 232px;
 padding: 10px;
 height: 100%;
 }

#subpage #side #content a {
 color: white;
 font-size: 15px;
 display: block;
 width: 150px;
 padding: 8px;
 }

#subpage #side #content a:hover {
 border: 1px solid #a7abae;
 background: #fffef3;
 color: black;
 text-decoration: none;
 padding: 7px;
 }

#subpage #side img {
 border: 1px solid #313336;
 }

#subpage #main {
 padding: 10px;
 margin-left: 217px;
 }