/*
 *  css for all browsers
 *
 */


/*
 *  all pages
 */
body
{
 margin: 0;
 padding: 0;
 border: 0;
 width: 100%;
 font-size: 0.875em;  /* 16 pixels * 0.875 = 14 pixels */
 line-height: 1.333em;
 font-family: Georgia, "Times New Roman", serif;
 background: url(../images/background.jpg) repeat;
}

#header
{
 clear: both;
 float: left;
 min-width: 1000px;
 height: 190px;
}

#header img
{
 border: 0;
}

#header a
{
 border: 0 none;
 text-decoration: none;
}

#header a:focus
{
 outline: none;
}

#footer
{
 clear: both;
 float: left;
 width: 100%;
 margin-bottom: 20px;
}

#footer p
{
 margin: 0;
 padding-right: 50px;
 font-size: .714em;
 text-align: right;
}

#content
{
 position: relative;
 clear: both;
 float: left;
 width: 100%;
 overflow: hidden;
}

#columns-wrapper
{
 float: left;
 width: 200%;
 position: relative;
 left: 200px;
}

#content-column-wrapper
{
 float: right;
 width: 50%;
 position: relative;
 right: 200px;
}

#content-column
{
 margin: 0 50px 0 230px;
 padding-bottom: 2em;
 position: relative;
 right: 100%;
 overflow: hidden;
}

/*
 *  navigation menu in left column
 */
#menu-column
{
 float: left;
 width: 200px;
 position: relative;
 right: 200px;
 background: url(../images/side-slice.gif) no-repeat;
}

#side-menu, #bottom-menu
{
 font-weight: bold;
 font-size: 1.1em;
 font-family: Trebuchet, Helvetica, sans-serif;
}

#side-menu
{
 margin: 0;
 padding: 200px 0 30px 30px;
}

#side-menu li
{
 padding: .25em 0 .25em 0;
 list-style-type: none;
}

#side-menu a
{
 text-decoration: none;
 color: #07660a;
}

#side-menu a:hover
{
 text-decoration: underline;
}

#side-menu ul
{
 padding: 0 0 0 2em;
}

/*
 *  navigation menu at bottom of page
 */
#bottom-menu
{
 margin: 0;
 padding: 0 0 2em 17em;
}

#bottom-menu li
{
 padding: 0 0 0 2em;
 display: inline;
 list-style-type: none;
}

#bottom-menu a
{
 text-decoration: none;
 color: #574f3d;
}

#bottom-menu a:hover
{
 text-decoration: underline;
}

/*
 *  formating
 */
.comments
{
 font-style: italic;
}

.clear-both
{
 clear: both;
}

/*
 *  About/Year Round Staff
 */
.staff-name
{
 font-weight: bold;
 margin-bottom: 0;
 margin-top: 1em;
}

.staff-title
{
 margin-top: 0;
}

.staff-photo
{
 float: left;
 margin: 0 1em 1em 0;
}

.separator
{
 margin-bottom: 1em;
 clear: both;
}

/*
 *  Campers/Typical Day
 */
.typical-day
{
 border-collapse: collapse;
}

.typical-day td
{
 vertical-align: top;
 padding: .5em 0 .5em 1em;
}

.light-row
{
 background-color: white;
}

.day-time
{
 width: 6em;
}

/*
 *  Campers/Photos
 */
.photos
{
 width: 20em;
 margin: 0 0 4em 10em;
}

.photos dt
{
 padding-top: .5em;
 font-weight: bold;
}

/*
 *  campers/music page
 */
.music-table
{
 margin-bottom: 2em;
 margin-left: 2em;
 border-collapse: collapse;
}

.music-table td
{
 padding: .25em .5em;
}

.music-table img
{
 border: 0;
}

.music-table caption
{
 text-align: left;
 padding-left: 3em;
 font-weight: bold;
}

/*
 *  Parents/Registration
 */
.registration
{
 margin-left: 1px;
 border: 1px solid black;
 border-collapse: collapse;
}

.registration th, .registration tr
{
 border-bottom: 1px solid black;
}

.registration th, .registration td
{
 border-right: 1px solid black;
 padding-left: 1em;
 padding-right: 1em;
 vertical-align: top;
}

/*
 *  Staff/Application form pages
 */
.form-wrapper
{
 padding-top: 1em;
 width: 670px;
}

.form-table td
{
 padding: 2px;
}

.form-wrapper fieldset
{
 margin-bottom: 1em;
 padding: .5em;
}

.form-wrapper fieldset legend
{
 font-weight: bold;
}

.form-wrapper .hint
{
 color: gray;
 display: inline;
 padding-left: 1em;
 font-weight: normal;
}

.form-wrapper .inline-item
{
 display: inline;
}

.form-item
{
 margin: 1em 0;
}

.certifications
{
 margin-left: 1px;
 border-collapse: collapse;
 border-top: 1px solid #808080;
 border-right: 1px solid #808080;
}

.certifications th, .certifications td
{
 border-bottom: 1px solid #808080;
 border-left: 1px solid #808080;
 padding: 4px;
 text-align: left;
}

.skills
{
 padding-bottom: 1em;
}

.skills td
{
 width: 33%;
 vertical-align: top;
}

.skills div
{
 padding-top: 5px;
}

textarea, input
{
 font-size: 100%;
 font-family: Georgia, "Times New Roman", serif;
}

.form-radios div
{
 padding-left: 1em;
}

.form-radios label
{
 padding-left: .5em;
}

.form-item p
{
 margin: 0;
}

.job-form
{
}

.job-form div
{
 display: block;
 margin-bottom: .5em;
 padding: 0;
}

.job-form label, .job-form p
{
 float: left;
 padding-right: .5em;
 text-align: right;
 width: 10em;
 vertical-align: top;
}

.job-form p
{
 margin-top: 0;
}

.job-form .form-radios label
{
 float: none;
 padding-right: .5em;
}

.job-form .form-radios div
{
 margin-bottom: 0;
}

.job-form input
{
 padding: 1px;
 vertical-align: middle;
}

.reference-form div
{
 display: block;
 margin-bottom: .5em;
 padding: 0;
}

.reference-form label
{
 float: left;
 padding-right: .5em;
 text-align: right;
 width: 9em;
 vertical-align: top;
}

.form-parts
{
 font-size: 1.2em;
}

.contact-form div
{
 display: block;
 margin-bottom: .5em;
 padding: 0;
}

.contact-form .id-tag
{
 float: left;
 padding-right: .5em;
 text-align: right;
 width: 8em;
 vertical-align: top;
}

.education-form div
{
 display: block;
 margin-bottom: .5em;
 padding: 0;
}

.education-form label
{
 float: left;
 padding-right: .5em;
 text-align: right;
 width: 9em;
 vertical-align: top;
}

.camp-form div
{
 display: block;
 margin-bottom: .5em;
 padding: 0;
}

.camp-form label
{
 float: left;
 padding-right: .5em;
 text-align: right;
 width: 6em;
 vertical-align: top;
}

.validation-error
{
 font-family: Trebuchet, Helvetica, sans-serif;
 color: #f00;
}

/*
 *  Giving/Wish List
 */
.wishlist td
{
 padding-left: 2em;
}

.money
{
 text-align: right;
 vertical-align: top;
}

.donated
{
 color: red;
}

/*
 *  Campers/Photos pages
 */
.pix-links
{
 text-align: center;
 font-weight: normal;
 font-size: 1.25em;
 font-family: Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
}

.pix-links img
{
 vertical-align: middle;
 border: 0;
 padding-left: 1em;
 padding-right: 1em;
}

#view-thumbnails
{
 margin: 0 auto;
 width: 700px;
}

#view-thumbnails td
{
 width: 140px;
 height: 140px;
 text-align: center;
 vertical-align: middle;
}

#view-thumbnails img
{
 border: 0;
}

#view-thumbnails h2
{
 text-align: center;
 padding-bottom: 1em;
}

#new-thumbnails
{
 width: 100%;
}

#new-thumbnails td
{
 width: 20%;
 height: 160px;
 text-align: center;
 vertical-align: middle;
}

#new-thumbnails img
{
 border: 0;
}

#new-thumbnails h2
{
 text-align: center;
 padding-bottom: 1em;
}

.camp-photo
{
 text-align: center;
}

/*
 *  Alumni/Update Info
 */
.alumni-form
{
}

.alumni-form div
{
 display: block;
 margin-bottom: .5em;
 padding: 0;
}

.alumni-form label
{
 float: left;
 padding: 0 1em;
 text-align: right;
 width: 8em;
 vertical-align: bottom;
}

.alumni-form input
{
 padding: 1px;
 vertical-align: middle;
}

.long-line
{
 width: 32em;
}

.medium-line
{
 width: 28em;
}

.short-line
{
 width: 10em;
}

.date-line
{
 width: 7em;
}

.text-box
{
 width: 45em;
 padding:.5em;
}

.skills-line
{
 width: 12em;
}

.option
{
 padding-left: 1em;
}

.alumni-response
{
 padding: 0;
 list-style-type: none;
}

.alumni-response-tag
{
 width: 8em;
 text-align: right;
 float: left;
 padding-right: 1em;
}

select
{
 font-family: Georgia, "Times New Roman", serif;
 font-size: 100%;
}

/*
 *  Leadership
 */
.leadership
{
 list-style-type: none;
}

.bold
{
 font-weight: bold;
}

.left-side
{
 float: left;
}

.right-side
{
 float: left;
}

.w300
{
 width: 300px;
}

.w400
{
 width: 400px;
}

.left-side p, .right-side p
{
 text-align: center;
}

.twitter-box, .facebook-box
{
 padding-left: 30px;
 border: 0;
}

.waic-box
{
 margin-top: 30px;
 margin-left: 55px;
 border: 0;
}

.aca-box
{
 margin-top: 30px;
 margin-left: 40px;
 border: 0;
}

.question, .staff-postion
{
 font-weight: bold;
}

.external-buttons a:focus
{
 outline: none;
}

.paypal-donate
{
 padding: 2em;
 text-align: center;
}

.paypal-donate fieldset
{
 border: 0;
}

/*
 *  Updates from Camp blog
 */
.blog-title, .blog-header, .blog-image, .blog-rule, .blog-page-number
{
 text-align: center;
}

.blog-entry-date
{
 font-weight: bold;
 text-align: center;
}

.blog-poster
{
 text-align: right;
}

.blog-pagination
{
 text-align: center;
 font-size: 1.25em;
}

.rotating-content
{
 background-color: #fff;
 border: 1px solid gray;
 padding: 1em;
}

.menu-link
{
 font-weight: bold;
 font-size: 1.1em;
 font-family: Trebuchet, Helvetica, sans-serif;
 color: #07660a;
}

#login-form
{
 width: 20em;
 margin: 4em auto;
}

#login-form label
{
 float: left;
 width: 5em;
 text-align: right;
 padding-right: 1em;
}

.login-submit
{
 text-align: center;
 padding-top: 1em;
}

.button-menu
{
 list-style: none;
 font-weight: bold;
 font-size: 1.1em;
 font-family: Trebuchet, Helvetica, sans-serif;
}

.button-menu a
{
 text-decoration: none;
 color: #07660a;
}

.home-top-right
{
 float: right;
 margin-left: 2em;
}

.home-right
{
 float: right;
 margin-top: 0;
 margin-left: 2em;
}

.home-left
{
 float: left;
 margin-top: 0;
 margin-right: 2em;
}

.home-center
{
 text-align: center;
 padding-top: 4em;
}

.home-what
{
 display:inline;
}

.address
{
 list-style-type: none;
}

.pigeon-wing
{
 margin: 0 auto;
 width: 300px;
}

.pigeon-wing p
{
 margin-top: 3em;
}

.pigeon-wing img
{
 border: 0;
}

/*
 *  slideshow and bay area week pages
 */
.slideshow-wrapper, .bayareaweek-wrapper
{
 text-align: center;
}

.italic
{
 font-style: italic;
}

.event-spacer
{
 margin-top: 2.5em;
 margin-bottom: 2.5em;
}

.packing-list
{
 padding-left: 2.25em;
}

.packing-list-count
{
 vertical-align: top;
 text-align: right;
}

/*
 *  Camp Store
 */
.store-item
{
 width: 380px;
 padding: 0 50px 40px 50px;
 vertical-align: top;
}

.store-item .photo
{
 width: 200px;
 margin: 0 auto;
}

.store-item .caption, .store-item .price
{
 text-align: center;
}

.paypal-form
{
 padding-left: 300px;
}

.paypal-form fieldset
{
 border: 0;
}

.paypal-button
{
 width: 120px;
 margin: 0 auto;
}

.paypal-button fieldset
{
 border: 0;
}