/* ---------------------------------------------------------------------------------------------------------

Camp Carey
http://www.campcarey.org/

Design, Code, Database Structure, Interactivity, and Management: Thomas Bright and Tony Scialdone
http://www.dotcomonomics.com/

--------------------------------------------------------------------------------------------------------- */

/* UNIVERSAL DECLARATIONS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }
body { line-height: 1; }
body * { position: relative; }
:focus { outline: 0; } 								/* remember to define focus styles! */
table { border-collapse: collapse; border-spacing: 0; } 		/* tables still need cellspacing="0" in the markup */


/* BLOCK LEVEL ELEMENTS */

body {
	margin: 0;
	padding: 0 0 77px 0;
	background: #330 url(../images/bg_bdy.jpg) repeat-y left top;
	font-size: 100.01%; }

#wrap {
	top: 14px;
	margin: 0 auto;
	width: 777px;
	overflow: auto;
	background: #fff;
	font: 0.7em/1.5em verdana, arial, sans-serif;
	color: #330;
	border: 14px solid #000; }

#header {
	width: 777px;
	height: 320px;
	background: #330;
	border-bottom: 0px solid #330; }

#contentwrap {
	float: left;
	background: url(../images/bg_content.jpg) repeat-y left top; }

#primary {
	float: left;
	padding: 0 14px 49px 14px;
	width: 470px; }

#secondary { 
	float: right;
	padding: 35px 0 49px 0;
	width: 279px; }

#flash_intro { right: 14px; }

.highlight {
	padding: 7px 0 21px 0;
	background: #413100;
	color: #fff;
	border-top: 1px solid #000; border-bottom: 1px solid #000; }

.highlight h2 { color: #fff; }
a.alt:link,
a.alt:visited,
a.alt:hover,
a.alt:active {
	font-weight: bold;
	color: #d28417; }

a.alt:hover { text-decoration: none; color: #000; }

.testimony {
	margin: 28px 0 35px 0;
	padding: 14px 0;
	border-top: 1px solid #330; 
	border-bottom: 1px solid; }

div.bio {
	margin: 35px 0 0 0; 
	padding-bottom: 21px;
	border-bottom: 1px solid #ccc; }


/* NAV STYLES */

#nav {
	margin: 0 0 42px 28px; }

#nav li {
	list-style-type: none; 
	padding-left: 14px; }

#nav a {
	text-decoration: none;
	font: bold 1.18em/1.5em verdana, arial, sans-serif;
	color: #000;
	text-transform: uppercase;
	letter-spacing: -1px; }
#nav a:hover { color: #fff; }

a:link,
a:visited,
a:active {
	text-decoration: underline;
	font-weight: bold;
	font-size: 100%;
	color: #330; }
a:hover {
	text-decoration: none;
	color: #000; }


/* HEADLINES */

h1 {
	margin: 21px 0 0 14px;
	font: normal 2.18em/1.1em arial, sans-serif;
	color: #330;
	letter-spacing: -1px; }

h2 {
	margin: 21px 0 0 14px;
	font: normal 1.65em/1.1em arial, sans-serif;
	color: #330;
	letter-spacing: -1px; }
	
h2+h3 { margin-top: 0; }

h3 {
	margin: 21px 0 0 14px;
	font: bold 1.45em/1.04em arial, sans-serif;
	color: #330;
	letter-spacing: -1px;	}

h4 {
	margin: 21px 0 0 14px;
	font: bold 1.36em/1.27em arial, sans-serif;
	color: #330;
	letter-spacing: -1px;	}

h5 {
	margin: 21px 0 0 14px;
	font: bold 1.36em/1.27em arial, sans-serif;
	color: #330;
	letter-spacing: -1px; }

/* Paragraphs */

p {
	margin: 1.5em 14px 0 14px;
	line-height: 1.5em;
	text-align: justify; }

p.sig { text-transform: uppercase; }
p.sig strong { font-size: 118%; text-transform: none; }

.copyright {
	margin-top: 42px;
	font-size: 80%;
	text-align: center; }
	
.cdp {
	margin-top: 200px;
	font-size: 80%;
	text-align: center; }
	
body#home .cdp { margin-top: 300px; }
body#reg .cdp { margin-top: 100px; }
body#info .cdp { margin-top: 100px; }
body#staff .cdp { margin-top: 1100px; }


img.pic {
	display: block;
	margin: 14px auto;
	padding: 4px;
	border: 1px solid #000; }

pre, th, td {
	margin: 1.5em 14px 0 14px;
	line-height: 1.5em;
	text-align: justify; }


/* Lists */

dl {
	list-style-position: inside;
	margin: 1.5em 28px 0 42px; }

dl.address {
	margin-top: 35px; }

dt {
	font-weight: bold;
	font-size: 1.18em; }

dd {
	margin-left: 14px; }


ol {
	list-style-position: inside;
	margin: 28px 14px 0 42px; }

body#faq ol {
	list-style-position: outside;
	margin: 28px 14px 0 14px; }
	
ol li { 
	margin-bottom: 7px;
	text-align: justify; }
	
body#faq ol li { 
	margin: 3px 21px 28px 21px;
	font-size: 118%; 
	list-style-type: none; }

body#faq ol li.q {
	margin: 14px 0 0 0;
	font-weight: bold; 
	list-style-type: number; }


ul {
	list-style-position: inside;
	margin: 1.5em 28px 0 42px; }

ul li { text-align: justify; }


blockquote {
	margin: 1.37em 21px 0 21px;
	border-top: .015em solid #666; border-bottom: .015em solid #666; }

blockquote p {
	margin: 0;
	padding: 1.5em;
	background: url(../images/quotes.gif) no-repeat 5px 10px;
	font-weight: bold;
	color: #330; }

table {
	table-layout: fixed;
	width: 100%;
	overflow: hidden; }

#cclogo {
	margin: 0 0 35px 0;
	height: 304px;
	border-bottom: 0px solid #000; }

#cclogo img {
	display: block;
	margin: 17px auto; }
	
img.kids { 
	display: block; 
	margin-top: 14px; 
	border-top: 1px solid #000; border-bottom: 1px solid #000; }

embed {
	display: block;
	margin: 28px auto; }

fieldset {
	display: block;
	margin: 14px 0; }

legend { padding-top: 7px; }
	
	
.infoform { width: 95%; }
.infoform * { font: bold 105%/1.5em arial, verdana, sans-serif; color: #330; }
.infoform label { clear: both; display: block; height: 1.6em; line-height: 1.6em; }
.infoform label input.check { clear: both; margin-right: 7px; width: auto; }
#visitor form span { display: block; width: 300px; float: left; left: 7px; }


.infoform #visitor { margin-top: 21px; }
.infoform #visitor input { margin: 0 14px 0 0; }

.infoform textarea {
	clear: both;
	display: block;
	overflow: auto;
	margin: 0 0 14px 0px; 
	padding: 4px;
	width: 400px;
	height: 100px; }


.regform { margin: 14px 0 0 14px; width: 95%; }
.regform * { font: bold 105%/1.5em arial, verdana, sans-serif; color: #330; }
.regform .registrant { margin-bottom: 35px; }
.regform label { clear: both; display: block; margin: 10px 0 0 0; height: 1.6em; line-height: 1.6em; }
.regform label input { float: left; top: -5px; margin-right: 7px; width: 150px; }
.regform select { clear: both; display: block; margin: 21px 0 0 3px; }
.regform textarea { margin-left: 0; }


.regform select.camp { margin-right: 0; padding: 0; width: 150px; }
.regform select#month, .regform select#date, .regform select#year {
	margin-top: 0;
	display: inline; }
.regform select.state { width: 150px; }

.regform input.radio {
	display: block;
	display: inline;
	top: 1px;
	margin: 2px 0 0 14px;
	width: auto; }
	

.regform textarea {
	clear: both;
	display: block;
	overflow: auto;
	margin: 0 0 14px 0px; 
	padding: 4px;
	width: 400px;
	height: 100px; }
	
.regform label {
	margin: 21px 0 0 0;
	line-height: 1.5em; }
	
.button { 
	padding: 5px 10px;
	width: auto; }

form.contact  {
	margin: 21px; }

.contact label {
	clear: both;
	display: block;
	margin: 0;
	font-weight: bold;
	color: #330;
	text-transform: uppercase; }

.contact input {
	display: block;
	margin: 0 0 14px 0;
	padding: 4px;
	width: 200px;
	background: #fff;
	font: bold 100%/1.3em tahoma, verdana, arial, sans-serif;
	color: #330;
	border: 1px solid #c2c2c2; }	
	
.contact input[type $='hidden'] { display: none; }

.contact textarea {
	clear: both;
	display: block;
	overflow: auto;
	margin: 0 0 7px 0;
	padding: 4px 4px 0 4px;
	width: 400px;
	height: 100px;
	background: #fff;
	font: normal 100%/1.3em tahoma, verdana, arial, sans-serif;
	color: #330;
	border: 1px solid #c2c2c2; }

.contact select {
	margin: 7px 0 7px 0;
	background: #fff;
	border: 1px solid #c2c2c2; }

.contact input.button {
	clear: both;
	display: block;
	margin: 14px 0 0 0;
	padding: 2px 7px;
	width: auto;
	background: #330;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-transform: uppercase; }
	
.contact input[type $='submit'] {
	clear: both;
	display: block;
	margin: 14px 0 0 0;
	padding: 2px 7px;
	width: auto;
	background: #330;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-transform: uppercase; }	

.contact input[type $='reset'] {
	clear: both;
	display: block;
	margin: 14px 0 0 0;
	padding: 2px 7px;
	width: auto;
	background: #330;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-transform: uppercase; }	
	
#roles { margin: 21px 0 0 0;}	
#roles label { margin: 0; }


/* Classes and Stuff */

.bold  { font-weight: bold; }
em { font-style: italic; }
.em { font-style: italic; }
.red { color: #f00; }
.notopmar { margin-top: 0; }
.nobottommar { margin-bottom: 0; }
.clear { clear: both; }
.block { display: block; }
.left { text-align: left; }
.right { text-align: right; }
.justify { text-align: justify; }
.required { font-weight: bold; color: #f00; }
.big { font-size: 118%; }
.center { text-align: center; }



/* INTELLIGENT NAVIGATION */

body#home li.home,
body#info li.info, 
body#reg li.registration,
body#faq li.faq,
body#staff li.staff,
body#contact li.contact { background: url(../images/li.gif) no-repeat left 50%; }