body{font-family:arial,sans; background:white;}
h1{font-size: 15px; color: #aaa}
p, a{font-size:13px; color:#aaa; text-decoration:none;}
a:hover{color: black}
a.active{color: black;}
a img{border: none;}
.left{float:left}
.right{float:right}
input{border-width:1px}
sup{color:inherit;}

div#mainframe{width:711px; margin:auto; margin-top:10px; padding-top:15px; position:relative }

div#clock{position:absolute; color:#aaa; z-index:2000; right:5px;top:0px; font-size:12px;}
div#head{height:130px;position:relative}
  div#topmenu{background:#eee}
  div#toplogo{text-align:center}
  div#topmenu .left{ position:absolute; bottom:0; left:0}
  div#topmenu .left a{ padding-right:10px}
  div#topmenu .right a{ padding-left:10px;}
  div#topmenu .right{ position:absolute; bottom:0; right:0; text-align:right;}
    div#topmenu .right input.field{width:120px;}
  span.imgspacer{width:50px; display:inline-block}

div.border{border: 1px solid #ccc;width:709px; height:340px; position:relative}

div#face{margin: 4px;width:700px; height:330px; padding:0; position:relative;background-color:#ddd;}
  div#face div#faceover{width:301px;height:264px;;background:url('http://www.thecorallakeandbeachresort.com/img/textbox.png'); position:absolute; right: 10px; top:10px; padding: 20px 10px 20px 30px;}
  div#face div#faceover.fullface ul.sidetext li{clear:both; border-top: 1px solid #ccc}
  div#face div#faceover.fullface ul.sidetext li img{float:left; padding-top:5px; padding-bottom:5px}
  div#face div#faceover.fullface ul.sidetext li p {float:right; width:350px; margin: 0; padding-top:5px; padding-bottom:5px; font-size:12px;}
  div#face div#faceover.fullface{width:660px;height:290px;background:url('http://www.thecorallakeandbeachresort.com/img/alpha.png'); position:absolute; right: 0; top:0; padding: 20px 10px 20px 30px;}
  div#face div#faceover.fullface a.nav{color:navy;;text-decoration:underline; position:absolute; top:4px; right:35px;}
  div#face div#faceover.fullface ul li a img{width:100px; height:60px}
    div#face div#faceover div.content{overflow-y:scroll; width:300px; height:100%; float:right;}
    div#face div#faceover.fullface div.content{overflow-y:scroll; width:490px; height:100%; float:right; padding-right:10px}
    div#face div#faceover div.nav{width:150px; height:100%; float:left;border-right:1px solid #000;}
    div#face div#faceover div.nav ul li {padding-bottom: 1px;}
    div#face div#faceover div.nav ul li.active{border-bottom:1px solid black;padding-bottom: 0;}
    div#face div#faceover div.nav ul li.active a{color: black;}
    div#face div#faceover h1{color:black; font-size:14px; font-weight:bold;}
    div#face div#faceover h2{color:black; font-size:13px; font-weight:bold;}
    div#face div#faceover h3{color:black; font-size:13px; font-weight:bold;}
    div#face div#faceover p{color:black; font-size:13px}
    div#face div#faceover a{color:#888; font-size:13px}
    div#face div#faceover a:hover{color:navy; font-size:13px}
    div#face div#faceover ul{color:black; font-size:13px; padding-left: 15px;}
    div#face div#faceover form {font-size:12px;}
    div#face div#faceover form input{margin-top:2px; width:160px;}
    div#face div#faceover form input.short{width:100px;}
    div#face div#faceover form input.button{width:100px; text-decoration:underline; font-weight:bold;padding: 2px;margin:2px 5px 2px 0px;background:url('/button.png') repeat-x;}
    div#face div#faceover form select{margin-top:2px; margin-left:-3px; width:162px; background:white; border:1px solid #aaa;}
    div#face div#faceover form h1{display:inline; padding:4px;}
    div#face div#faceover form label{width:100px;display:inline-block; padding:0;}
    div#face div#faceover form textarea {width:250px; margin:3px; font-size:11px;}
    div#face div#faceover form img{margin:3px 3px 0 0 }
    div#face div#faceover form {font-size:12px;}
    div#face div#faceover form p.feedback {padding:0px; margin:0; font-size:12px; color:red; }
    div#face div#faceover form .frame {border: 1px solid #777; margin: 2px 2px 0px 2px; padding: 3px 3px 6px 3px; background:#EEE; }
    div#face div#faceover a img {border:none}
  div#face div#faceover_media{text-align:center; width:690px;height:320px;background:url('http://www.thecorallakeandbeachresort.com/img/alpha.png'); position:absolute; right: 0; top:0; padding: 5px;}
  div#face div#faceover_media div.box{margin:0; width:224px; height:154px; border:3px solid #ddd; display:inline-block; overflow:hidden;}
  div#face div#faceover_media div.box img{padding-top:10px; margin:0}
  div#face div#faceover_media div.box p{display:none; margin: 0 0 0 0; padding:4px; background:#f0f0f0; height:100%; list-style:none; line-height:14px;}
  div#face div#faceover_media div.box p a{display: block; width:100%;}
  div#face div#faceover_media div.box ul{display:none; margin: 0 0 0 0; padding-left: 15px; padding-top:8px; background:#f0f0f0; height:100%; list-style:none;}
  div#face div#faceover_media div.box ul li{height:12px; font-size: 12px; margin: 0; padding: 0;}
  div#face div#faceover_media div.box ul li a{display: block; height:10px; margin:0; padding: 0; width: 100%}
  div#face div#faceover_media div.box h1{background:#fff; margin: 0;padding:0; line-height:30px; color: #aaa; text-align:center}

div#bottom_menu{ text-align:center; border-bottom: 1px solid #aaa; padding:0 0 1px 0; line-height:18px}
div#bottom_menu a{margin: 0 20px 0 20px;}
div#bottom_menu a img{margin: 0px 0 -3px 0 ; padding 0;}

div#boxes{width:475px;height:100px;background-position: right 28px }
  div.box{margin: 2px 20px 20px 0; float:left; padding: 0}
  div.box h2{margin: 10px 0 0 0;}
  div.box a img{border:1px solid #aaa; padding:4px;}

div#footer{clear:both; text-align:center;}

div#round {float:right; margin-top:10px; width:200px;}
div#round a img{border: none}