/* Paradise Bay Homeowners Association */
body {margin: 0px; padding: 0px; background: white url('http://paradisebayhomeowners.com/global/images/waves.gif') repeat top left;}
#canvas {width: 866px; margin: 0px auto; padding: 0px 27px 14px 27px; background: #74AAC4 url('http://paradisebayhomeowners.com/global/images/canvas.gif') repeat-y top left;}

#header {width: 866px; height: 100px; background: white url('http://paradisebayhomeowners.com/global/images/horizontal.gif') repeat-x bottom center;}
#header img {float: left; width: 260px; height: 77px; margin: 10px 0px 0px 0px; border: 0px;}

#explore {width: 866px; height: 40px;}
#explore ul {float: left; margin: 12px 0px 0px 0px; padding: 0px; list-style-type: none;}
#explore ul li {float: left; display: inline; margin: 0px 0px 0px 55px; padding: 0px; line-height: 15px; text-align: center;}
#explore ul li a:link {font: bold 12px Georgia; text-transform: uppercase; color: #6CA3BD; text-decoration: none;}
#explore ul li a:visited {font: bold 12px Georgia; text-transform: uppercase; color: #6CA3BD; text-decoration: none;}
#explore ul li a:hover {font: bold 12px Georgia; text-transform: uppercase; color: #ADD3E5; text-decoration: underline;}

#paradiseScene {width: 865px; height: 261px; background: #ADD3E5 url('http://paradisebayhomeowners.com/global/images/horizontal.gif') repeat-x bottom center;}

.content {width: 865px; height: auto !important; min-height: 350px; margin: 20px 0px 0px 0px; background: white url('http://paradisebayhomeowners.com/global/images/vertical.gif') repeat-y 250px 0px; overflow: hidden;}

#lefty {float: left; width: 250px; background: white url('http://paradisebayhomeowners.com/global/images/latest.gif') no-repeat top left;}
#lefty h3 {margin: 0px; padding: 5px 15px 0px 0px; font: 11px Georgia; text-transform: lowercase; color: white; text-align: right;}
#lefty h1 {margin: 0px; padding: 0px 15px 0px 0px; font: 25px Georgia; text-transform: uppercase; color: white; text-align: right;}
#leftyContent {width: 230px; margin: 15px 0px 0px 0px; padding: 0px 10px 0px 10px;}
#leftyContent h2 {margin: 0px; padding: 0px; font: bold 15px Georgia; color: #496D37;}
#leftyContent h4 {margin: 0px 0px 10px 0px; padding: 0px; font: 10px Georgia; color: #7FAC69;}
#leftyContent p {margin: 0px 0px 10px 0px; padding: 0px; font: 11px Verdana; color: #8F8F8F; line-height: 20px;}
#lefty ul {margin: 0px 0px 10px 0px; padding: 0px; list-style-type: none; border-bottom: 1px solid #EAF4F8;}
#lefty ul li {width: 230px; height: 30px; margin: 0px; padding: 0px;}
#lefty ul li a:link {display: block; width: 210px; height: 30px; padding: 0px 0px 0px 20px; font: bold 15px Georgia; color: #496D37; line-height: 30px; text-decoration: none; border-top: 1px solid #EAF4F8;}
#lefty ul li a:visited {display: block; width: 210px; height: 30px; padding: 0px 0px 0px 20px; font: bold 15px Georgia; color: #496D37; line-height: 30px; text-decoration: none; border-top: 1px solid #EAF4F8;}
#lefty ul li a:hover {display: block; width: 210px; height: 30px; padding: 0px 0px 0px 20px; font: bold 15px Georgia; color: #496D37; line-height: 30px; text-decoration: none; background-color: #EAF4F8;}
#lefty ul li a:link span {font: 10px Georgia; color: #7FAC69;}
#lefty ul li a:visited span {font: 10px Georgia; color: #7FAC69;}

#hello {float: right; width: 590px;}
#hello h1 {margin: 0px 0px 10px 0px; padding: 0px; font: 30px Georgia; color: #6CA3BD;}
#hello h1 span {font-style: italic;}
#hello h1 a:link {font: italic 30px Georgia; color: #6CA3BD; text-decoration: underline;}
#hello h1 a:visited {font: italic 30px Georgia; color: #6CA3BD; text-decoration: underline;}
#hello h1 a:hover {font: italic 30px Georgia; color: #6CA3BD; text-decoration: none;}
#hello p {margin: 5px 0px 15px 0px; padding: 0px; font: 12px Verdana; color: #6E6E6E; text-indent: 30px; line-height: 20px;}
#hello p a:link {font: 12px Verdana; color: #6E6E6E;}
#hello p a:visited {font: 12px Verdana; color: #6E6E6E;}
#hello p a:hover {font: 12px Verdana; color: #6E6E6E;}

.spotlight {float: left; width: 285px; height: 178px; margin: 10px 0px 10px 23px; margin-right: -3px; border-top: 1px solid #6CA3BD; border-bottom: 1px solid #6CA3BD; background: white url('http://paradisebayhomeowners.com/global/images/spotlight.gif') repeat-x;}
.spotlight h2 {margin: 5px 0px; padding: 0px; text-align: center;}
.spotlight h2 a:link {font: bold 12px Georgia; color: #2B5B71; text-transform: uppercase; text-align: center; text-decoration: underline;}
.spotlight h2 a:visited {font: bold 12px Georgia; color: #2B5B71; text-transform: uppercase; text-align: center; text-decoration: underline;}
.spotlight h2 a:hover {font: bold 12px Georgia; color: #2B5B71; text-transform: uppercase; text-align: center; text-decoration: none;}
.spotlight img {margin: 0px 0px 0px 14px; border: 7px solid white;}

#footer {width: 866px; height: 60px; margin: 20px 0px 0px 0px; padding: 30px 0px 0px 0px; font: bold 11px Georgia; color: #6CA3BD; text-align: center; background: #ADD3E5 url('http://paradisebayhomeowners.com/global/images/horizontal.gif') repeat-x top center;}
#footer a:link {font: bold 11px Georgia; text-transform: uppercase; color: #6CA3BD; text-decoration: none;}
#footer a:visited {font: bold 11px Georgia; text-transform: uppercase; color: #6CA3BD; text-decoration: none;}
#footer a:hover {font: bold 11px Georgia; text-transform: uppercase; color: #6CA3BD; text-decoration: underline;}
#footer p {margin: 5px 0px 0px 0px; padding: 0px; font: bold 10px Georgia; color: white;}

/* Classes */
.photo {float: left; display: inline; width: 250px; height: 175px; margin: 10px 0px 20px 25px; padding: 10px 10px 30px 10px; border: 1px solid #EAF4F8; overflow: hidden;}
.photo img {border: 0px;}
.photo span {float: left; font: 11px Verdana; color: #8F8F8F; line-height: 30px;}
.gallery {float: right; width: 610px;}
.gallery a:link {cursor: hand; text-decoration: none;}
.gallery a:visited {cursor: hand; text-decoration: none;}
.gallery a:hover {cursor: hand; text-decoration: none;}

/* Page Descriptions */
#hello p {padding: 0px 0px 15px 30px; text-indent: 0px; border-bottom: 1px solid #EAF4F8;}
#hello p a:link {margin: 5px 0px 0px 0px; padding: 0px; font: bold 18px Georgia; color: #7FAC69; line-height: 25px;}
#hello p a:visited {margin: 5px 0px 0px 0px; padding: 0px; font: bold 18px Georgia; color: #7FAC69; line-height: 25px;}

/* Paradise News - Newsletter */
#newsletter h2 {margin: 0px; padding: 0px; font: bold 18px Georgia; color: #7FAC69; line-height: 25px; border-top: 1px solid #EAF4F8;}
#newsletter p span {float: right; font: bold 10px Georgia; color: #496D37;}

/* Paradise News - Park Update */
#park p span {float: right; font: bold 10px Georgia; color: #496D37;}

/* Paradise News - Yard Contest */
#yard .photo {position: relative;}
#yard .photo h2 {position: absolute; top: 20px; left; 15px; width: 250px; margin: 0px; padding: 0px 0px 2px 5px; font: bold 18px Georgia; color: #2B5B71; background-color: white; opacity: .75; filter: alpha(opacity=75);}
#yard .photo h2 span {float: left; width: 250px; font: bold 10px Georgia; color: #496D37; background-color: white;}

/* Homeowner Info - Restrictive Covenants */
#covenants #hello ul {margin: 5px 0px 0px 30px; padding: 0px; list-style-type: none;}
#covenants #hello ul li {margin: 0px 0px 5px 0px;}
#covenants #hello ul li a:link {font: 12px Verdana; color: #6E6E6E;}
#covenants #hello ul li a:visited {font: 12px Verdana; color: #6E6E6E;}
#covenants #hello ul li a:hover {font: 12px Verdana; color: #6E6E6E;}

/* Paradise Bay - Officers and Directors */
#officers #hello h2 {margin: 5px 0px 0px 0px; padding: 0px; font: bold 18px Georgia; color: #7FAC69; line-height: 25px;}
#officers #hello ul {margin: 0px 0px 10px 30px; padding: 0px; list-style-type: none;}
#officers #hello ul li {margin: 0px 0px 5px 0px;}
#officers #hello ul li a:link {font: 12px Verdana; color: #6E6E6E;}
#officers #hello ul li a:visited {font: 12px Verdana; color: #6E6E6E;}
#officers #hello ul li a:hover {font: 12px Verdana; color: #6E6E6E;}

/* Paradise Bay - FAQs */
#faqs #hello ul {margin: 5px 0px 20px 0px; padding: 0px; list-style-type: none;}
#faqs #hello ul li {margin: 0px; font: 12px Verdana; color: #7FAC69;}
#faqs #hello ul .answer {margin: 0px 0px 15px 30px; font: 12px Verdana; color: #6E6E6E;}
#faqs #hello ul .additional {margin: 5px 0px 0px 60px; font: 11px Verdana; color: #8F8F8F;}

/* Homeowner Info - Unit Maps */
#maps #hello ul {margin: 5px 0px 0px 30px; padding: 0px; list-style-type: none;}
#maps #hello ul li {margin: 0px 0px 5px 0px;}
#maps #hello ul li a:link {font: 12px Verdana; color: #6E6E6E;}
#maps #hello ul li a:visited {font: 12px Verdana; color: #6E6E6E;}
#maps #hello ul li a:hover {font: 12px Verdana; color: #6E6E6E;}

/* Community Links - Table */
table {width: 590px; margin: 5px 0px 0px 0px; font: 11px Verdana; color: #6E6E6E; border-collapse: collapse;}
table tr {height: 20px;}
table .labels {background-color: #EAF4F8;}
table a:link {font: 11px Verdana; color: #6E6E6E;}
table a:visited {font: 11px Verdana; color: #6E6E6E;}
table a:hover {font: 11px Verdana; color: #6E6E6E;}

/* Contact Us/CMS Form */
.form {float: left; margin: 0px 0px 10px 100px; padding: 0px; list-style-type: none;}
.form li {width: 435px; margin: 10px 0px 5px 0px; padding: 0px;}
.form label {float: left; width: 435px; font: 11px Verdana; color: #8F8F8F;}
.form .box {width: 433px; height: 150px; margin: 2px 0px 0px 0px; font: 11px Verdana; color: black; border: 1px solid #7FAC69;}
.form .small {height: 75px;}
.form .invalid {color: #6CA3BD;}
.form .field {width: 433px; height: 18px; font: 11px Verdana; color: black; border: 1px solid #7FAC69;}
.form .select {width: 200px; height: 22px; font: 11px Verdana; color: black; border: 1px solid #7FAC69;}
.form .button {float: right; width: 75px; height: 25px; margin: 0px 0px 0px 10px; font: 11px Verdana; color: white; border: 0px; background-color: #7FAC69;}
.form .push {margin: 10px 0px 25px 0px;}
.form .delete {overflow: hidden;}
.form .delete p {width: 340px; margin: 0px; padding: 0px; font: 12px Verdana; color: #6E6E6E; line-height: 25px;}
.form .delete img {float: left; margin: 0px 10px 0px 0px;}

/* CMS */
#login {position: absolute; top: 50%; left: 50%; width: 450px; height: 250px; margin: -135px 0px 0px -235px; padding: 10px; background: white url('http://paradisebayhomeowners.com/global/images/login.gif') no-repeat;}
#login img {margin: 20px 0px 0px 20px;}
#login #notice {position: absolute; top: 48px; right: 40px; font: 11px Verdana; color: #6E6E6E;}
#login ul {overflow: hidden; width: 390px; margin: 20px 0px 0px 30px; padding: 20px 0px 0px 0px; list-style-type: none; background: white url('http://paradisebayhomeowners.com/global/images/horizontal.gif') repeat-x top center;}
#login ul li {float: left; width: 390px; margin: 0px 0px 20px 0px; padding: 0px;}
#login ul label {float: left; font: normal 11px Verdana; color: #8F8F8F; line-height: 18px;}
#login ul .field input {float: right; width: 200px; height: 18px; margin: 0px; font: 11px Verdana; color: black; border: 1px solid #7FAC69;}
#login ul .button input {float: right; width: 75px; height: 25px; margin: 0px 0px 0px 10px; font: 11px Verdana; color: white; border: 0px; background-color: #7FAC69;}