/*
Title: CampCanineInc.com styles for screen media
Author: John Lytle
Copyright: Camp Canine Inc.
Updated: 11.16.2007
*/

div {border: solid 0px #CCC;} /* Debugging border rule */

body {background: #E4CE9C; color: #333; font: normal 12px "Trebuchet MS", Palatino, Georgia, Serif;}/*E3CE9B*/
* html body {font-size:x-small; /* For IE5/Win */ f\ont-size:small; /* For Other IE Versions */}

#wrapper {width: 720px; margin: 0 auto;padding: 0;background: #E3CE9B url(images/wrapper.jpg) top center repeat-y;text-align: left;position: relative;} html>body #wrapper {width: 720px} 

/* HEADER ---------------------------------------------------------------*/
#header {background: #E3CE9B url(images/cc_header.jpg) top center no-repeat;width: 750px;height: 245px;margin: 0 auto;padding: 0}
#home #header {background: #E3CE9B url(images/cc_header.jpg) top center no-repeat}

#header h1, #header h2 {display: none;}

/* NAVIGATION ---------------------------------------------------------------*/
#nav { width: 719px;height: 65px;margin: 0;padding: 0;text-align: center;font-size: 16px;list-style-type: none;letter-spacing: -2px;background: #E3CE9B url(images/nav.jpg) top center no-repeat;font-family: Georgia, Palatino, Serif}
#nav li {display: inline; margin: 0 8px; padding: 1em 0 0 0; background: none}
#nav li a {color: #000;font-weight: bold;text-shadow: #666 0 2px 2px}

#nav.active_home #nav-home a,
#nav.active_training #nav-training a,
#nav.active_services #nav-services a,
#nav.active_reservations #nav-reservations a,
#nav.active_rates #nav-rates a,
#nav.active_gallery #nav-gallery a,
#nav.active_contact #nav-contact a,
#nav li a:hover {color: #600;padding: 0 0 5px 0;background: transparent url(images/nav_asset.gif) bottom center no-repeat;text-shadow: #666 0 2px 2px}


/* PAGE STRUCTURES ---------------------------------------------------------------*/
#colmain {float:	left;width: 420px;margin: 0 0 0 20px;padding: 0;display: inline} 
#colsub {float: right;width: 240px;margin: 0 15px 0 0;padding: 0;display: inline}
#coladd {float: left;width: 150px;margin: 0 0 0 20px;padding: 0;display: inline}

.colM #colmain {width: 680px;display: inline}

	
.col1 {clear:both;float:left;width:33%;margin: 0;display: inline}
.col2 {float:left;width:33%;margin: 0;display: inline}
.col3 {float:left;width:33%;margin: 0;display: inline}

#home #colmain {float: left; width: 440px;}
#home #colsub {float: right; width: 230px;}

/* FOOTER ---------------------------------------------------------------*/
#footer {clear: both;width: 750px;height: 181px;margin: 0 auto;padding: 0;list-style-type: none;background: #E3CE9B url(images/cc_footer.jpg) top center no-repeat}

/* TYPOGRAPHY ---------------------------------------------------------------*/
h1, h2, h3, h4, h4, h5, h6 {margin: 0;padding: 0;font-size: 120%;color: #000;font-weight: bold}

/*#colmain h1 {font-size: 170%;margin: 0 0 .2em 0;padding: 0 0 0 1.8em;background: url(images/asset1.gif) no-repeat 0 50%}*/

h2 {font-size: 170%;margin: .5em 0 .4em 0;padding: 0 0 0 1.6em;background: url(images/h2.gif) no-repeat 0 50%}
h3, h4 { color: #000;font-weight: bold;font-size: 140%;margin: .8em 0 .3em 0;padding: 0 0 0 2em;background: url(images/h3.gif) no-repeat 0 50%}
h5 {font-size: 100%;margin: -4px 0 2em 0;padding: 0 0 0 3em;line-height: 1.2em;color: #600}
h6 {margin: .5em 0 .2em 0;padding: 0 0 0 .9em;font-size: 120%;font-weight: bold;color: #660;background: url(images/asset_list.gif) no-repeat 0 50%}


#colsub h3 { /* The Fancy Subhead */font-size: 90%;margin: 1em 0 0 0;padding: 2.5em 0 0 0;color: #600;text-align: center;letter-spacing: .5em;text-transform: uppercase;background: url(images/colsub_h3.gif) 50% 0 no-repeat}
#colsub h4 {font-size: 140%;margin: 1em 0 0 0;padding: 0 0 0 2em;background: url(images/h2.gif) no-repeat 0 50%;}	
 
#colmain p {margin: .2em 0 .3em 0}
#colsub p {margin: .1em .1em 1em 0;}
#footer p {clear: both;text-align: left;margin: 0 0 0 1.5em;padding: 2.5em 0 0 0}
p.nomargin {margin: 0}

p.center {text-align: center}
p.bullet {margin: .2em 0 .2em 2em;background: url(images/asset_p.gif) no-repeat 0 3px;padding: 0 0 0 1.1em}
/* p span {margin: 0 0 0 .4em;font-size: 90%;text-transform: uppercase} */

p em {font-size: 100%}
p.error {margin: 0;padding: 0;color: #900;font-size: 100%;font-style: italic}
strong {color: #000}
.indent {padding-left: 2em !important}

/* LINKS ---------------------------------------------------------------*/
a:link, a:visited {font-weight: normal;text-decoration: none;color: #960}
a:hover, a:active {font-weight: normal;text-decoration: none;color: #000}
a {outline: none}
a:link img, a:visited img {border-width: 0}
p a:link, p a:visited, p a:hover, p a:active {font-weight: bold}

/* --- EXTERNAL LINKS ---------------------------------- */
a[href^="http:"] {
background: url(images/external_link.gif) no-repeat top right;margin-right: .1em;padding-right: .7em}
#nav a, a[href^="http://www.campcanineinc.com"], a[href^="http://campcanineinc.com"] {
background-image: none;padding-right: 0}
 
/* LISTS ---------------------------------------------------------------*/
dl {margin: 10px 0 6px 0;padding: 0;list-style-type: none;}
dl dt {margin: .5em 0 .2em 0;padding: 0 0 0 .9em;font-size: 120%;font-weight: bold;color: #660;background: url(images/asset_list.gif) no-repeat 0 50%}
/*dl dd:first-child {border-top: solid 1px #C96}*/
dl dd {margin: 0;padding: 0 0 .1em .3em}
dl dd span {font-weight: bold}
dl dd.small {font-size: 85%;line-height: 1.2em}
dl dd a.current {color: #FFF;padding: 0 0 0 16px;background: url(images/asset_list.gif) no-repeat 0 50%}

#training dl dt {color: #600;font-size: 150%;margin: .8em 0 .3em 0;padding: 0 0 0 1.7em;background: url(images/h3.gif) no-repeat 0 50%}

/* ---- AWARDS LIST ------ */
#awards dl {float: left;display: inline;width: 165px;margin: 1em 0 0 0;padding: 0 0 2em 0;text-align: center}
#awards dl dt {background: none;margin: 0;padding: 0;font-weight: bold;font-size: 110%;color: #000}
#awards dl dd {font-size: 100%;color: #666}

/* INLINE LIST ---------------------------------------------------------------*/
ul.inline {font-family: georgia, serif;font-size: 110%;margin: 5px 0;padding: 0}
ul.inline li {display: inline;list-style-type: none;padding-right: 6px;background:none}
ul.inline li a {padding: 0 0 0 16px;background: url(images/asset_list.gif) no-repeat 0 50%}
ul.inline li a.current {padding: 0 0 0 16px;background: url(images/asset_list.gif) no-repeat 0 50%}

/* SIMPLE LIST ---------------------------------------------------------------*/
ul {margin: 0;padding: 0 0 2px 0;list-style-type: none}
ul li {margin: 0 0 .1em 1em;background: url(images/asset_list.gif) no-repeat 0 4px;padding: 0 0 0 1.2em}
ul li span {font-weight: normal;font-size: 90%}
#home ul.simple li {margin-left: 0}

ul.inset {margin: 0;padding: 0 0 0 1em;list-style-type: none}
ul.inset li {margin: 0 0 .1em 1em;background: url(images/asset_p.gif) no-repeat 0 4px;padding: 0 0 0 1.2em}

/* NUMBERED LIST ---------------------------------------------------------------*/
ol {margin: .5em 0 6px 2em;padding: 0 0 0 1em}
ol li {margin: 0}

/* --  FOOTER LIST -------------------------------------------------------------*/
#footer ul {float: left;margin: 2em 0 .2em 0;padding: 0 0 0 1.5em;font-family: Georgia, Palatino, Serif;font-size: 110%}
#footer ul li {display: inline; margin: 0; padding: 0; background: none}
#footer ul li a {margin: 0 10px; color: #666}
#footer ul li a:hover {border-bottom: 1px dotted #666}
#footer ul li a.current {color: #600}
#footer ul li:before {content: "| "}
#footer ul li:first-child:before {content: ""}
#footer ul li:first-child {margin-left: 0}
 
/* GALLERY ---------------------------------------------------------------*/
.homegallery {display: block;width: 420px;height: 274px;margin: .5em 0 0 0;padding: 5px;background: url(images/gallery.jpg) no-repeat top left;border: 1px solid #C93;line-height: 1em}
.homegallery a:link, .homegallery a:visited {font-weight: normal;text-decoration: none;color: #000}
.homegallery a:hover, .homegallery a:active {font-weight: normal;text-decoration: none;color: #FFF}
p.caption {text-align: left;margin: 0;padding: 0;font-size: 90%;line-height: 1.4em;color: #FFF}
p.nav {float: right;color: #FFF;padding: 2px 0 0 0;font-size: 95%}

/* FORMS ---------------------------------------------------------------*/
form {margin: 0;padding: 0}
form div {margin: 4px 0}
fieldset {margin: 0 0 10px 0;padding: 2px;border: none}
#colmain fieldset {margin: 0 0 20px 20px}
#colmain table fieldset {margin: 0}

legend {margin: 0;padding: 0;color: #600;font-weight: bold;font-size: 110%;line-height: 1.2em}

select {background:#FFF;font-family: Courier, Sans-Serif;font-size: 90%;border: 1px solid #CCC;margin: 2px 0;padding: 6px;} 

label {display: block;font-weight: normal !important;font-family: Georgia, Palatino, Serif;font-style: italic;color: #333;margin: 6px 0 0 0;font-size: 100%;line-height: 1.2em}
p.note {margin: 10px 0 0 0}

form label em, .note em {color: #900;font-size: 100%;font-weight: bold;font-style: normal}
input:focus, select:focus, textarea:focus {background: #EEE;color: #000}
input.submit {display: block;background: #BA8B57;color: #FFF;font-size: 90%;text-transform: uppercase;border: 1px solid #FFF;margin: 5px 0 0 0;padding: 2px}
input.inlinesubmit {float: left;background: #BA8B57;color: #FFF;font-size: 90%;text-transform: uppercase;border: 1px solid #FFF;margin: 0 6px 4px 0;padding: 0 2px}

input.text, input.smtext, textarea {border: 1px solid #C96;margin: 2px 0 2px 0;padding: 6px;font-family: Courier, Sans-Serif;font-size: 90%;}
/* input.text {width: 90%} */

input.textError {border: 1px solid #900;}

input.smtext {width: 73px}
textarea {width: 90%;height: 8em} 
html>body textarea {width: 90%;height: 8em;margin: 0}

.checkarray {margin: 0;padding: 0;border: none;background: transparent}
.checkarray h3 {width: 12em;float: left;font-weight: normal}
.checkarray div {width: 16em;float: left;margin: 4px 0 0 20px}
.checkarray label {float: none;display: inline}
  
 /* TABLES ---------------------------------------------------------------*/
table {clear: both; border: 1px solid #784E2A; width: 100%; margin: .3em 0 1em 0}
th {background: #BA8B57;color: #FFF;font-size: 120%;font-weight: bold;padding: .2em;text-align: left}
th a {color: #FFF !important; font-size: 100%}
th a:hover {color: #960 !important; font-size: 100%}
th.center {text-align: center}
tr {}
tr.alt { background: #E9D7AD; }
td {vertical-align: top;text-align: left; padding: 1px 5px; color: #000}

table.classes 	{ font-size: 11px }
table.classes td,
table.classes th { text-align: center }
table.classes td.title,
table.classes th.title { text-align: left }
table.classes td .small 	{ font-size: 10px }
table.classes .title 	{ width: 160px }
table.classes .signup 	{ width: 48px }
table.classes td a 	{ font-weight: bold }

table.trans { background: none; border: 0 }
table.trans tr { background: none; border: 0 }
table.trans td { background: none; border: 0 }
table.trans th { background: none; border: 0 }

/* MISC ---------------------------------------------------------------*/
.hide {display: none}
.clear .clear {clear: both;height: 0}
div.clear {clear: both;height: 0}
ul.offleft {position: absolute;top : -10em}

.floatLeft 		{ float: left; margin: 0 5px 5px 0 }
img.picture		{ border: 2px solid #9F6837 !important; padding: 1px }
.textRight		{ text-align: right }

.pageMenu		{ float: right; padding: 2px 0 }

.list1			{ margin: 0 0 20px }
.list1 h4		{ margin-top: 0; }
.list1 object,
.list1 embed,
.list1 img		{ border: 2px solid #9F6837 !important; padding: 1px; float: left; margin: 0 10px 10px 0 }

a.top			{ float: right; font-size: 10px }

table.columns		{ }
table.columns td	{ text-align: center; font: bold 11px arial; color: #000; padding-top: 15px }
table.columns td img	{ margin-bottom: 1px }
table.columns td a	{ font: normal 10px arial; color: #8b6f32; text-decoration: none }
table.columns td a:hover { color: #8b6f32; text-decoration: underline }
table.columns td span	{ display: block; font: bold 11px verdana; color: #444 }
table.columns td .date	{ font: normal 11px verdana; color: #888; margin: 2px 0 }
table.columns td cite	{ display: block; margin: 0 0 3px; padding: 0; font-style: normal }

table.gallery		{ width: 100% }
table.gallery td	{ width: 20%; font: normal 11px arial; color: #333; }

a.button		{ font-size: 12px; font-weight: bold !important; background: #BA8B57; color: #FFF; border: 1px solid #fff; padding: 1px 5px }

.quicklinks		{ text-align: center }
.quicklinks a 		{ font-size: 14px; margin-right: 14px; padding: 0 0 0 16px; background: url(images/asset_list.gif) no-repeat 0 50% }


/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */