/**
 * Defaults and Resets
 */
html, body {margin: 0; padding: 0; background: #d8d48d;}

body {font-family: Georgia, "Times New Roman", Serif; font-size: 12px; line-height: 15px; color: #4b4b4b;}

form {margin: 0; padding: 0;}

img {border: 0;}

td {vertical-align: top;}

p {margin-top: 0;}

a {color: #2650a8;}
a:hover {color: #000;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

.photo {width: 278px; height: 174px; background: #fff url(../images/photo-bg.gif) no-repeat;}
.photo img {display: block;}

.column {float: left; width: 270px; margin-right: 30px;}

/**
 * Lists
 */
ul.inline {margin: 0; padding: 0; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0; padding: 0; list-style-type: none;}

/**
 * Layout
 */
#master {position: relative; margin: auto; width: 1044px; background: #fff url(../images/bg-r.gif) repeat-y right top;}
#master > div {width: 1044px; background: url(../images/bg-b.gif) repeat-x left bottom;}
#master > div > div {width: 1044px; background: url(../images/bg-trc.gif) no-repeat right top;}
#master > div > div > div {width: 1044px; background: url(../images/bg-brc.gif) no-repeat right bottom;}
#master > div > div > div > div {width: 1024px; background: url(../images/bg-blc.gif) no-repeat left bottom; padding: 0 20px 20px 0;}

#header {position: relative; height: 128px; background: #3f6ccb no-repeat;}
#header .logo {position: absolute; top: 38px; left: 25px; width: 345px; height: 65px; background: url(../images/logo-home.gif) no-repeat;}
#header .logo a {display: block; width: 345px; height: 65px; line-height: normal; text-decoration: none;}
#header .logo a h1 {visibility: hidden; margin: 0;}
#header .cta {position: absolute; top: 62px; left: 667px; width: 322px; height: 50px; padding: 3px 10px 0 0; background: url(../images/cta-bg.png) no-repeat; text-align: center; font: 12px/33px arial;}
#header .cta a {text-decoration: none;}

#nav {position: absolute; top: 128px; left: 0; width: 1024px; height: 40px; background: url(../images/shadow.png) no-repeat; z-index: 1000;}
#nav ul {margin: 0; padding: 0 0 0 442px; list-style-type: none;}
#nav ul li {float: left; display: block; width: 99px; height: 22px; padding: 0 11px 18px 6px; margin-right: -6px; background: url(../images/tab-bg.png) no-repeat;}
#nav ul li a {float: left; display: block; width: 96px; height: 22px; font: bold 12px/22px arial; color: #fff; text-decoration: none; text-align: center; text-transform: lowercase; background: #a7b144;} 
#nav ul li a:hover {background-color: #677844;} 
#nav ul li.on a {background-color: #677844;} 

#body {padding: 60px 30px 40px 30px; min-height: 500px;}

#slideshow {position: relative; width: 1024px; height: 533px;}
#slideshow div {position: absolute; top: 0; left: 0;}

#footer {min-height: 24px; padding: 10px 25px; background: #a7b144; line-height: 14px; color: #1c1b1a;}
#footer p {margin-bottom: 10px;}

/**
 * Home Page
 */
body.home #body {padding: 0; min-height: 1px;}

/**
 * Area, Courses, Hotels, and Booking Pages
 */
body.area #header {background-image: url(../images/bg-area-header.jpg);}
body.area #header .logo {background-image: url(../images/logo-area.jpg);}

body.courses #header {background-image: url(../images/bg-courses-header.jpg);}
body.courses #header .logo {background-image: url(../images/logo-courses.jpg);}

body.hotels #header {background-image: url(../images/bg-hotels-header.jpg);}
body.hotels #header .logo {background-image: url(../images/logo-hotels.jpg);}

body.booking #header {background-image: url(../images/bg-booking-header.jpg);}
body.booking #header .logo {background-image: url(../images/logo-booking.jpg);}

body.booking #body {background: url(../images/deer-bg.jpg) no-repeat right bottom;}

.courses .logo,
.hotels .logo {padding: 5px 0 20px 0; text-align: center;}

.courses .content,
.hotels .content {width: 245px;}

.mayorQuote {margin-top: 30px;}
.mayorQuote .photo {float: left; width: 116px; height: auto; background: none;}
.mayorQuote .quote {float: left; width: 320px;}

/**
 * CTA Popup
 */
.overlay {background: #000; position: absolute; top: 0; left: 0; width: 100%; z-index: 5000;}

.contestDialog {z-index: 10000; position: absolute; top: 175px; background: #fff; width: 400px; padding: 10px 30px 40px 30px; font: 12px/18px arial;}
.contestDialog .close {padding-bottom: 10px; font-size: 11px; font-weight: bold; text-align: right;}
.contestDialog .close a {text-decoration: none;}
.contestDialog input[type="text"] {width: 200px;}
.contestDialog .messageContainer {}

/**
 * Forms
 */
form.form .row {padding: 0px 0px 5px 0px;}
form.form .label {float: left; width: 150px; text-align: right; padding-right: 10px;}
form.form .field {float: left; width: 230px;}