body { 
    font-family:  "Droid Sans", "Lucida Grande", "Segoe UI", "Helvetica Neue", Calibri, Helvetica, Arial, Verdana, sans-serif; 
    font-size: 87%;
    line-height: 1.4em;
    height:100%; margin:0; padding:1em;
    background:#00272f;
  }

h1 {font:24px Georgia; margin:0}
p {margin-top:0}
ul {margin:0; padding-left:20px}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

.button {font:14px Georgia; margin-bottom:10px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer}
.button:hover {border:1px solid #bbb; background:#e3e3e3}

b, strong { 
   font-family: "Droid Sans Bold", "Lucida Grande", "Segoe UI", sans-serif; 
   color: #32302c;
}

em { 
   font-family: "Droid Serif Italic", Georgia, serif; 
   font-style: italic;
   margin-right: 0.25em;
}

.apostrophe { font-family: "Droid Serif", Georgia, serif; 
   margin-left: 0px;
   margin-right: 0px;
}
.ampersand { font-family: "Droid Serif", Georgia, serif; 
   margin-left: 2px;
   margin-right: 2px;
}


.mask{
   position: relative;
   overflow: hidden;
   margin: 0px auto;
   width: 100%;
   background-color: #ebecef;
}
.header{
   float: left;
   width: 100%;
   background-color: #c4e3ef;
   padding: 1em;
}
.colleft{
   position: relative;
   width: 100%;
   right: 50%;
   background-color: #ebecef;
}
.col1{
   position: relative;
   overflow: hidden;
   float: left;
   width: 47%;
   left: 102%;
   background-color: #ebecef;
}
.col2{
   position: relative;
   overflow: hidden;
   float: left;
   width: 47%;
   left: 4%;
   background-color: #ebecef;
}
.footer{
   float: left;
   width: 100%;
   background-color: #ebecef;
   padding: 1em;
}
@import "http://thyb.net/cosmos/droidfont.css";