html, body {
 margin: 0;
 padding: 0;
 height: 100%;
 font: normal normal normal 1.0em "Trebuchet MS", Verdana, sans-serif;
 font: normal normal normal 12pt "Trebuchet MS", Verdana, sans-serif;
 background-color: #9aa080;
 background-color: white;
 z-index: 0;
}

/*
html>body #canvas {
 height: 100%;
} 

#canvas {
 position: relative;
 width: 100%;
 margin: 0 auto;
}
*/

#top-section {
 position: relative;
 width: 100%;
 border-color: #5d6735;
 border-width: 0 0 1px 0;
 border-style: solid;
 height: 110px;
 margin: 0px;
 padding: 0px;
 background-color: white;
}

#top-section div.header {
 position: relative;
 width: 900px;
 height: 110px;
 margin: 0px auto;
 padding: 0px;
 border-width: 0;
}

img.logo {
 position: relative;
 padding: 0;
 margin: 5px 0;
 border: none;
 float: left;
}

img.summer-banner {
 position: relative;
 padding: 0;
 margin: 4px 0px 0px 50px;
 border: none;
 float: left;
}

img.date-banner {
 position: relative;
 width: 600px;
 padding: 0;
 margin: 0;
 border: none;
}

p.date-banner {
 width: 600px;
 padding: 0;
 margin: 20px auto;
}

#middle-section {
 position: relative;
 width: 100%;
 margin: 0px;
 padding: 1px 0px 30px 0px;
 background-color: white;
 clear: both;
}

#container {
 position: relative;
 width: 900px;
 margin: 0 auto;
 padding: 0;
}

#container div.menu {
/*
 position: absolute;
 top: 0px;
 left: 10px;
 width: 180px;
 border-width: 0 2px 2px 2px;
 border-style: solid;
 border-color: #ccc;
 padding: 10px 0px;
 font-size: 11px;
*/
}

#container div.menu a {
/*
 display: block;
 position: relative;
 border-width: 1px;
 border-style: solid;
 border-color: #ccc;
 width: 144px;
 margin: 3px 7px 3px 7px;
 padding: 6px 10px;
 color: #888;
 text-decoration: none;
 font-size: 11px;
 font-weight: bold;
*/
}

#container div.menu a.selected {
/*
 background-image: url(../images/menu_fade_green.gif);
 background-repeat: repeat-x;
 background-position: left bottom;
 color: white;
*/
}

#container div.menu a:hover {
/*
 background-image: url(../images/menu_fade_blue.gif);
 background-repeat: repeat-x;
 background-position: left bottom;
 color: white;
*/
}

#container div.content {
 position: relative;
 width: 800px;
/*
 border-color: #ccc;
 border-width: 0px 2px 2px 2px;
 border-style: solid;
*/

 margin: 0 auto;
 padding: 0 0 3ex 0;
/*
 min-height: 550px;
*/
}

#container div.intro {
 padding: 0px;
 background-color: #ee9;
 background-color: #ede8b1;
}

div.deals {
 position: relative;
 text-align: center;
 width: 300px;
 margin: 10px auto;
 padding: 10px;
 border: 3px double gray;
}

div.deals b {
 font-size: 1.1em;
}

#container div.content a {
 color: #505ba3;
 color: #5d6735;
}

#container div.content div.main {
 color: black;
 margin: 0px 10px;
 padding: 1px;
}

#container div.content div.main hr {
 width: 60%;
 height: 1px;
 border: none;
 margin: 3ex auto;
 color: #ccc;
 background-color: #ccc;
}

#container div.content h1 {
 font-size: 1.5em;
 margin: 0;
 padding: 1.5ex 0ex 0ex 0ex;
}

#container div.content h2 {
 color: #5d6735;
 font-size: 1em;
 margin: 0;
 padding: 1.5ex 0ex 0.25ex 0ex;
}

#container div.content h3 {
 font-size: 1em;
 margin: 0;
 padding: 0.5ex 0ex 0.5ex 0ex;
}

#container div.content p {
 position: relative;
 font-size: 0.9em;
 margin: 0;
 padding: 0.25ex 0ex 1.5ex 0ex;
}

#container div.content ul, #container div.content ol {
 font-size: 0.9em;
 margin: 0;
 padding: 0ex 0ex 1.5ex 4ex;
}

#middle-section div.addy {
 position: relative;
 width: 900px;
 top: 0px;
 margin: 10px auto 0 auto;
 padding: 0;
 text-align: right;
 font-size: 11px;
 color: #888;
 letter-spacing: 0.25px;
 font-weight: bold;
}




#container div.content div.col1 {
 position: relative;
 float: left;
 width: 300px;
 padding: 4ex 0;
}

#container div.content div.col2 {
 position: relative;
 float: right;
 width: 430px;
 margin: 2ex 20px 0 0;
}

#container div.content div.col3 {
 position: relative;
 float: left;
 width: 360px;
 padding: 2ex 0ex 0ex 0ex;
}

#container div.content div.col4 {
 position: relative;
 float: right;
 width: 360px;
 margin: 2ex 20px 0 0;
}

div.col3 span.bigger, div.col4 span.bigger {
 font-size: 1.2em;
 line-height: 1.4em;
}

div.camp-title {
 position: relative;
 padding: 0;
 margin: 10px;
}

div.camp-title div.line1, div.camp-title span.line1 {
 position: relative;
 font-size: 1.2em;
}

div.camp-title div.line2, div.camp-title span.line2 {
 position: relative;
 font-size: 1.5em;
 padding-left: 60px;
 white-space: nowrap;
}

#container div.content div.col1 img {
 border: none;
 margin: 1ex 15px;
}

hr.camp-separator {
 width: 60%;
 height: 1px;
 border: none;
 margin: 2ex auto;
 padding: 0;
 color: #ccc;
 background-color: #ccc;
}

table.camps {
 font-size: 0.8em;
 border: 1px solid gray;
 border: none;
}

table.camps td {
 padding: 1ex 2ex;
 border: 1px solid gray;
 border: none;
}

table.camps td.smaller {
 padding: 1ex 4ex;
}

div.clear {
 clear: both;
}

.right {
 text-align: right;
}

.left {
 text-align: left;
}

.center {
 text-align: center;
}


/* ********************************************************************* */
/*                 jqModal styling                                       */
/* ********************************************************************* */

div.jqmOverlay {
 position: relative;
 background-color: #ccc;
 background-color: #eee;
 background-color: white;
}

div.jqmDialog {
 display: none;
 position: absolute;
 left: 50%;
 margin-left: -250px;
 width: 400px;
 border: 2px solid gray;
 padding: 0px;
}

div.jqmClose {
 position: absolute;
 right: 1px;
 top: 1px;
 padding: 3px 3px 4px 3px;
 margin: 0;
 line-height: 1ex;
 font-weight: bold;
 color: gray;
 background-color: white;
 cursor: pointer;
 font-family: sans-serif;
}

div.staff {
 position: relative;
 font-size: 0.8em;
 background-color: white;
 margin: 0 auto 0 auto;
 padding: 0px;
 border: 1px solid #cccccc;
 top: 0px;
 background-color: #e6e4d7;
 background-image: url(../images/bg/staff.gif);
 background-repeat: repeat-x;
}

div.staff h1 {
 position: relative;
 margin: 8px 0px 18px 40px;
 padding: 0;
 font-size: 16px;
 font-weight: bold;
 white-space: nowrap;
 color: #505ba3;
}

div.staff div.job {
 position: relative;
 font-weight: bold;
 margin: 0px 0px 8px 40px;
 padding: 0;
}

span.line {
 text-decoration: underline;
}