/* CSS Document */

body { font-family:Verdana, Arial, Helvetica, sans-serif ; background-color:#4EA1CA; font-size: 100%; color: #666666}


#container {
width: 1000px;
margin: 30px auto;
}
#header h3 {padding: 20px 0px 0px 250px; color:#fff; font-weight:normal}
#header { clear:both; height: 210px; width: 1000px ; background: transparent url(../images/hero1.jpg) no-repeat  }
#header a {display:block; height: 210px; width: 1000px; border:none;  text-decoration:none}
#left { width:180px; float:left; background:transparent url(../images/left_body.gif) repeat-y 0px 0px; margin : 0px }
#left img {display: block}
#left ul { list-style: none; margin :30px 0px; padding: 0px; }
#left ul li{ text-align: right; margin: 20px 15px 0px 0px; padding: 0px}
#left ul li a:hover { text-decoration:underline; color:#468688}
#left ul li a { text-decoration:none; font-size:.7em; font-weight:bold; color:#4EA1CA; display: block }

#content { width:750px;  padding: 0px; float:right ; padding: 30px; background: #fff; margin-top: 5px}
#content ul li {font-size: .8em}
h3 {color:#468688; margin: 0px; font-size:1.1em}

p {font-size: .8em; margin: 15px 0px; width: 500px}

.photo  {width: 200px; float:right}
.photo img {padding:  5px; float:right}

td { font-size : .75em ; border: 1px solid #ededed; text-align:center; padding: 5px}
.facilities td {text-align: left}
p.mini {width:170px; float :left; margin: 20px;}
p.indent {padding-left: 30px}
strong.label {width: 180px;  display:block; float:left; clear:left}
td.label { color:#3994BF; text-align:right}
strong {color:#3994BF}

img.hero {margin-bottom:10px}