/* CSS Document */

@font-face{ /* for IE */
font-family:MicrogrammaDMedExt;
src:url(MICROGME.eot);}


@font-face {font-family: "MicrogrammaDMedExt"; src: url(MICROGME.ttf) format("truetype");}

body {margin: 0; padding: 0; background-image: url(images/back.png); background-repeat: repeat-x; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
p {margin: 10px 10px 10px 0;  text-align: justify;}
form {margin: 0; padding: 0;}
a {color: #3155AF; text-decoration: none; font-weight: bold;}
td {margin: 0; padding: 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
hr {clear: both; border: none; border-top: 1px solid #3155AF; height: 1px; margin: 10px 0 10px 0; _margin: 0;}
fieldset {margin: 10px; }
img {border: none;}

/* MAIN FRAME */

#frame {width: 960px; margin: 0 auto 0 auto;}

/* HEADER AREA */

#header {height: 144px; color: #fff; padding: 0px 20px 0 20px; margin: 0; background: url(images/head.png) repeat-x 0 0;}
#header img {margin-top: 30px;}
#contact {float: right; text-align: right; font-weight: bold;}
#contact h2 {margin: 20px 0 10px 0; padding: 0; font-size: 18px;}
#contact p {line-height: 23px; margin: 10px 0 0 0; padding: 0; text-align: right;}
#contact a {color: #fff;}
#contact span {font-size: 16px;}

/* NAVIGATION AREA */

.flags {float: right; margin: 8px 20px 0 0;}
.flags img {border: none; margin-left: 3px;}

#nav {height: 40px; line-height: 40px; margin: 2px 0 30px 0;}
#nav ul {margin: 0 0 0 20px; padding: 0;}
#nav li {list-style: none; float: left; margin-right: 20px;}
#nav li a {color: #fff;}

/* LEFT COLUMN */

#leftcolumn {width: 240px; float: left; margin-left: 20px;}
#leftcolumn h1 {margin: 8px 0 15px 0px; padding: 0; font-size: 14px;}
#leftcolumn h2 {color: #3155AF; font-size: 12px; margin: 5px 0 5px 0; _margin: 1px 0 1px 0; padding: 0;}
#leftcolumn hr {border: none; border-top: 1px dashed #3155AF; height: 1px; margin: 5px 0 5px 0; _margin: 0; padding: 0;}
#leftcolumn img {margin-left: -5px;_margin: 0 0 0 -10px ;}
#leftcolumn p {margin: 1px 0 1px 0;_margin: 1px 0 1px 0;}

/* SEARCH */


#search {background: url(images/searchbox.png) no-repeat 0 0; width: 220px; height: 328px; padding: 5px 0 0 20px;}
.search {margin: 10px 0 0 0; padding: 0;}
.search input, .search select {width: 120px;}


#finder {background: url(images/finder.png) no-repeat 0 0; width: 220px; height: 238px; padding: 5px 0 0 20px; margin: 20px 0 0 0;}
#finder h1 {margin: 8px 0 15px 0px; padding: 0; font-size: 14px; color: #fff;}
#finder p {color: #fff; margin: 110px 0 0 0; padding: 0 25px 0 0;}
#finder span a {width: 78px; height: 27px; background: url(images/butt-more.png) no-repeat 0 0; display: block; margin-top: 10px; padding: 5px 0 0 20px; color: #fff;}

.weather {margin: 20px 0 20px 30px;}

/* CONTENT AREA */

#content {float: left; width: 640px; margin: 0 0 0 40px;}
#content h1 {margin: 0px 0 20px 0; padding: 0; font-size: 24px;}
#content h2 {font-size: 18px; color: #3155AF;}

.butt a {width: 146px; height: 30px; background: url(images/butt-more-big.png) no-repeat 0 0; display: block; margin-top: 20px; padding: 5px 0 0 30px; color: #fff;}

.propinfo {float: right; margin-left: 60px;}
.propinfo ul {margin: 0; padding: 0;}
.propinfo li {list-style: none; line-height: 21px;}

/* RIGHT COLUMN */

#rightcolumn {width: 197px; float: right; margin: 10px 0 0 10px; padding: 0; /*background-color:red;*/}
#rightcolumn a {color: #000;}

/* NEWS COLUMN */

#news{width: 180px; float: right; margin: 10px 0 30px 10px; padding: 0 0 0 15px; /*background-color:red;*/}
#news a {font-weight: normal;}

#news p {margin: 5px 0 15px 0; padding: 0;}
#news ul {margin: 0; padding: 0 0 0 10px;}
#news li {margin: 5px 0 5px 0; list-style-image: url(images/arrow.gif);}

/* SPLASHES */

.splash {}
.splash h2 {margin: 0; padding: 0 0 8px 0; font-size: 14px;}
.splash p {margin: 10px 0 14px 10px; padding: 0; color: #fff;}

.splashalt {height: 130px; }
.splashalt h2 {margin: 0; padding: 0 0 8px 0; font-size: 14px; text-align: right;}
.splashalt p {margin: 10px 0 14px 70px; padding: 0; color: #fff; text-align: left;}
.splashalt a {margin: 0 0 0 80px;}

.guide {background-image: url(images/guide.gif); background-repeat: no-repeat;}
.contact {background-image: url(images/splash-contact.gif); background-repeat: no-repeat;}
.register {background-image: url(images/splash-door.gif); background-repeat: no-repeat;}
.beach {background-image: url(images/splash-beach.gif); background-repeat: no-repeat;}
.mailing {background-image: url(images/register.gif); background-repeat: no-repeat;}

/* FOOTER AREA */

#footer {clear: both; background-image: url(images/footer.png); height: 380px; background-repeat: repeat-x; color: #004287;}
#foot {width: 920px; margin: 0 auto;}

.footcats {float: left; margin: 40px 0 0 0; width: 230px;}
.footcats h2 {font-family: MicrogrammaDMedExt; font-size: 18px;}
.footcats ul {margin: 0; padding: 0;}
.footcats li {margin: 0; padding: 0; list-style: none; line-height: 21px;}

.social td img {margin: 0 10px 10px 0;}


#copyright {clear: both; float: left; margin-top: 40px; color: #fff;}
#copyright a {color: #fff;}

/* SEARCH RESULTS */

.results {height: 115px; border-bottom: 1px solid #3155AF;}
.results img {float: left; width: 120px; height: 90px; border: 1px solid #000; margin: 10px;}
.results h2 {font-size: 14px; margin: 0; padding: 10px 0 0 0;}

/* SEARCH DETAILS */

#photos {float: right; margin: 10px 0px 0 0;}
#photos img {margin: 0 0 12px 0; border: 1px solid #000; width: 120px; height: 90px;}

.mainimage {width: 400px; height: 300px; margin: 10px 0 0 10px;}


/* CLASSES AND IDS */

.cube {float: right;}
.tel {font-size: 16px; margin: 0 15px 0 0;}
.flag {margin: 0 15px 0 0;}
.bluetext {color: #3155AF;}
.blacktext {color: #000;}
.searchfield {width: 120px;}
.formfield {width: 200px;}
/*.mainpic {margin: 10px 0 0 5px; float: left;}*/
.right {float: right;}
.picright {float: right; border: 1px solid #3155AF; margin: 0 0 0 10px;}
.thumb {border: 1px solid #3155AF; margin: 2px;}
.tagline {color: #FF0000; float: right;}

.padright {padding-right: 10px;}

.mainpic {width: 640px; margin-bottom: 20px;}

.profile {float: right; margin: 10px 0 20px 20px;}

.margtop {clear: both; margin: 40px 0 0 0;}
.num {margin-left: 100px;}


#sponsors {width: 920px; margin: 20px auto;}
#sponsors table {width: 100%;}
#sponsors td {text-align: center;}