/*
-----------------------------------------------
Koubek Camps
Author: Cameron Corda

Dark Blue: #164C7B
Light Blue: #86A4BE
Orange: #EF9232
----------------------------------------------- */

html, body {margin: 0; padding: 0; text-align: center;}
html {height: 100%; margin-bottom: 1px;} /* force scrollbars on short pages*/
body {background: #A9C0D2 url(/img/bg.jpg) repeat-x 0 -40px; border-top: 4px solid #164C7B;}

/* TYPOGRAPHY
----------------------------------------------- */
html { font-size: 100%; } /* Somehow Fixes IE */
body { font-size: 62.5%; font-family: helvetica, verdana, arial, sans-serif;  color: #000;} /* sets font to 10px */

#container { font-size: 1.2em; } /* 1.2em = 12px */

h1 {font-size: 1.67em; font-weight: bold; margin-top: .5em; margin-bottom: .5em; color: #EF9232; text-transform: uppercase; letter-spacing: -.4px;}
h2 {font-size: 1.7em;  margin-top: 1.5em; margin-bottom: .6em; font-weight: normal; color: #164C7B;}
h3 {font-size: 1.3em; margin-bottom: .5em; font-weight: bold; clear: both;}
h4 {font-size: 1.1em; margin-bottom: 1.2em; font-weight: bold;}
h5 {font-size: 1.0em; margin-bottom: 1.2em; font-weight: bold;}
h6 {font-size: 0.8em; margin-bottom: 1.2em; font-weight: bold;}

ol, li {font-size: 1em; line-height: 1.4em; margin-top: 0.8em; margin-bottom: 0.4em;}
p {font-size: 1em; line-height: 1.4em; margin-bottom: 1.2em;}
blockquote {font-size: 1em; line-height: 1.4em; margin: 1.2em 3em 1.2em 3em; text-align: justify;}
pre {font-family: monospace; font-size: 1.0em;}
strong, b {font-weight: bold;}
td {vertical-align: top;}
pre {clear: both; background-color: #EFF6FE; border: 1px solid #005BB5; text-align: center; margin: 0 10px; padding: 0 5px 5px 5px; font-size: 11px;}


/* LINKS
----------------------------------------------- */

a {text-decoration: none; font-weight: bold; color: #164C7B}
a:link {}
a:visited {}
a:active {}
a:hover {text-decoration: underline;}


/* LAYOUT
----------------------------------------------- */
body {}
#container {text-align: left; margin: 5px auto 0 auto; padding: 0; width: 758px;}

#contentWrap {padding: 0px; margin: 0px; background: url(/img/content-home-bg.png) repeat-y top left;}
#contentFooter {padding: 0px; margin: 0px; background: url(/img/content-home-footer.png) no-repeat; clear: both; height: 12px;}

#content {float: left; width: 378px; margin: 0px; display: inline; background: #fff url(/img/content-home-header.png) no-repeat top left;}
#contentInner {margin: 10px;}

#sidebar {float: right; width: 378px; margin: 0px;}
#sideBlocks {background: transparent url(/img/content-home-right-top.png) no-repeat top left; padding: 10px 10px 0 10px;}

body#bodyInterior {}
body#bodyInterior #contentWrap {background-image: url(/img/content-interior-bg.png)}
body#bodyInterior #contentFooter {background-image: url(/img/content-interior-footer.png)}
body#bodyInterior #content {background-image: url(/img/content-interior-header.png); width: 568px;}
body#bodyInterior #sidebar {width: 188px;}
body#bodyInterior #sideBlocks {background-image: url(/img/content-interior-right-top.png)}


/* HEADER
----------------------------------------------- */
#header {text-align: left; position: relative; width: 758px; margin: 0px auto 2px auto; padding: 0; height: 181px; background: #fff url(/img/banner.png) no-repeat;}

#logo {position: absolute; top: 0px; left: 0px;}

#nav {position: absolute; top: 10px; left: 380px; width: 188px; height: 163px; background: url(/img/nav2.png) no-repeat; z-index: 1000;}
#nav ul {margin: 0; padding: 0; list-style-type: none;}
#nav ul li {height: 22px; margin: 0; padding: 0; display: inline;}
#nav ul li a {display: block; height: 22px; width: 188px;}
#nav ul li span {display: none;}

#navA a:hover {background: transparent url(/img/nav2.png) 0 -163px no-repeat;}
#navB a:hover {background: transparent url(/img/nav2.png) 0 -185px no-repeat;}
#navC a:hover {background: transparent url(/img/nav2.png) 0 -207px no-repeat;}
#navD a:hover {background: transparent url(/img/nav2.png) 0 -229px no-repeat;}
#navE a:hover {background: transparent url(/img/nav2.png) 0 -251px no-repeat;}
#navF a:hover {background: transparent url(/img/nav2.png) 0 -273px no-repeat;}
#navG a:hover {background: transparent url(/img/nav2.png) 0 -295px no-repeat;}

#qs1 {position: absolute; left: 577px; top: 12px; width: 170px;}

#qsText {font-size: .95em;}
#qsText p {margin: 5px 0 0 0;}

#qs1 label {display: none; color: #fff; font-weight: bold; text-transform: uppercase; width: 45px; float: left; text-align: right; padding-top: 3px;}
#qs1 input.text {width: 160px;}
#qs1 input.button {width: 165px; border: 1px solid #fff; padding: 1px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;}
#qs1 form {margin-top: 10px;}
#qs1 form p {clear: both; margin-bottom: 3px; margin-top: 3px;}


/* CONTENT
----------------------------------------------- */
.coachPhoto {float: right; margin: 0px 5px 10px 10px; border: 1px solid #ccc; padding: 5px;}

#content .attention2 {border: 1px solid #164C7B; background: #DDE6EE; color: #EF9232; font-weight: bold; padding: 5px;}
#content .attention {border: 1px solid #EF9232; background: #F9D7B5; color: #164C7B; font-weight: bold; padding: 5px; margin: 10px 30px;}
#content .attention p {text-align: center;}

#content .buttons {text-align: center;}
#content .buttons img {margin-left: 10px; margin-right: 10px;}

#content td {border: 0; margin: 0; padding: 0; vertical-align: top;}
#content td.odd {background: #164C7B; color: #fff;}
#content td.odd a {color: #fff; text-decoration: none;}
#content td.even {background: #86A4BE; color: #000;}
#content td.even a {color: #000; text-decoration: none;}

#content #homeCamps {border-collapse: collapse; margin-bottom: 10px; width: 100%;}
#content #homeCamps td {border-bottom: 2px solid #fff; padding: 5px; vertical-align: top;}
#content #homeCamps td.camp {padding-right: 10px; font-size: 12px; width: 90%;}
#content #homeCamps td.camp a {font-weight: bold; display: block; width: 100%;}
#content #homeCamps td.camp a:hover {text-decoration: underline;}
#content #homeCamps td.date {white-space: nowrap; font-size: 11px; text-align: right;}campL
#content #homeCamps td.date a {font-weight: normal;}

#content #campDetails {border: 1px solid #ccc; margin: 10px 30px;}
#content #campDetails td {padding: 4px;}
#content #campDetails td.campLeft {white-space: nowrap; text-align: left; padding-right: 30px;}

#content #campConfirm {border: 1px solid #ccc; width: 400px; margin: 5px auto 20px auto;}
#content #campConfirm td {padding: 4px;}
#content #campConfirm td.left {text-align: right; font-weight: bold;}
#content #campConfirm td.right {text-align: left;}
#content p#confirm-buttons {text-align: center;}
#content p#confirm-buttons input {margin: 0 5px;}




/* SIDEBAR
----------------------------------------------- */
#sideBlocks h1 {color: #fff;}

#sideVideo {width: 240px; float: right;}

/* FOOTER
----------------------------------------------- */
#footer {padding: 0; margin: 2px auto 20px auto; position: relative;}
#footerLeft {position: absolute; left: 190px;}
#footerRight {position: absolute; left: 570px;}

#copyright {background: #164C7A; padding: 3px; margin: 20px 0 0 0; color: #fff; text-align: center;}


/* UTILS
----------------------------------------------- */

img {border: 0;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}
.required {color: red;}


/* FORM ATTRIBUTES
----------------------------------------------- */
form {margin: 0;}
form p, form label {margin: 0; padding: 1px; line-height: 1.2em;}
select {font-size: 10px;}
input, textarea {text-align: left; font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif; font-size: .9em; vertical-align: middle;}
input span {padding: 3px;}
input.text, textarea, select {background: #fff; border: 1px solid #86A4BE; color: #164C7B; padding: 2px 2px;}

.formRegister p {margin: 8px 10px; clear: both; background: #f0f0f0; padding: 4px}
.formRegister p.formHeading {text-align: center; background: #fff;}
.formRegister label {display: block; width: 180px; float: left; text-align: right; padding-right: 10px; padding-bottom: 4px;}
.formRegister em {color: #666;}
.formRegister input.text {width: 240px;}
.formRegister input.checkbox {margin-right: 8px; border: none; background: none;}
.formRegister textarea {width: 240px;}
.formRegister select {width: 246px; padding: 2px;}

/* .formRegister p#coachingCamps label {float: none;} */
.formRegister p#coachingCamps {position: relative;}
.formRegister p#coachingCamps label {float: none; position: absolute; top: 5px; left: 5px;}
.formRegister p#coachingCamps input {margin-bottom: 4px; margin-left: 191px;}

.formRegister p#roomates label {}
.formRegister p#roomates input {margin-bottom: 4px; margin-left: 191px;}

.formRegister p#waiver label {text-align: left; padding-left: 15px;}
.formRegister p#waiver span#checkme {margin-top: 4px; margin-left: 15px; display: block;}
.formRegister p#waiver textarea {clear: both; width: 480px; margin: 0 15px;}

.formRegister p#submit-button {background: transparent;}
.formRegister p#submit-button input {margin-left: 191px;}

input.button {cursor: pointer; background: #164C7B; color: #fff; text-align: center;}
input.buttonImg {cursor: pointer;}
label {padding: 0px; line-height: 1.1em;}
form {padding: 0; margin: 0;}