/* Clever Canines Style Sheet MEDIA SCREEN
Author: Jesse Carroll
Created : Dec 2nd 2007
================================================================================================*/
body {
	margin: 0 0 0 0;
	background-color: #440402;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #F39301;
	font-size: 1em;
	background-image: url(../images/home/pagebg.jpg);
	background-repeat: repeat-x;
}
#wrapper {
	width: 1280px;	
	margin: 0 auto; 
	background-color: #570301;
	background-attachment: fixed;
	background-image: url(../images/home/watermarklogo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border: 5px ridge #F39301;
	}
#container {
	width: 1024px;
	float: left;
}
#mainContent {
	text-align: left;
	margin: 5px 10px;
}
#slideShow {
	float: left;
	border: 5px ridge #F39301;
	height: 400px;
	width: 600px;
	margin: 10px;
	padding: 0px;
}
#slideShowTestimonials, #slideShowTestimonialsAgility,  #slideShowTestimonialsPupStart {
	border: 5px ridge #F39301;
	height: 300px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.clear {
	clear: left;
}
.clearBoth {
	clear: both;
}
.displayNoneClearBoth {
	clear: both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
/* =HEADER
   ----------------------------------------------------*/
#branding {
	height: 150px;
	width: 100%;
	position: relative;
	background-color: #000000;
	background-repeat: no-repeat;
	background-image: url(../images/home/city_bg.jpg);
	border-bottom-width: 5px;
	border-bottom-style: ridge;
	border-bottom-color: #F39301;
}
#branding #logo {
	display: inline;
}
#branding #title {
	display: inline;
	width: 100%;
}
#branding #sitemapContact {
	position: absolute;
	top: 0px;
	left: 873px;
}
#branding #tagLine {
	position: absolute;
	bottom: 0px;
	left: 546px;
}
#branding #weatherWidget {
	position: absolute;
	top: 0px;
	right: 37px;
}
/* =NAVIGATION
   ----------------------------------------------------*/
#topNavWrapper {
	/*background-image: url(../images/home/topNav_BG.gif);
	background-repeat: repeat-x;*/
	padding-top: 5px;
	color: #570302;
	background-color: #570301;
}
#topNav {
	text-align: center;
	width: 891px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 0px;
}
#topNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 100%;
}
#topNav  ul li {
	float: left;
}
#topNav li a {
	display: block;
	height: 2.5em;
	background-image: url(../images/home/bone_button.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 8.25em;
	line-height: 2.5em;
	font-size: 12px;
	font-variant: small-caps;
	font-weight: bold;
}
#topNav a:link {
	color: #570402;
	text-decoration: none;
}
#topNav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#topNav a:hover, #topNav a:active, #topNav a.selected  {
	color: #FFFF00;
	text-decoration: none;
}
#subNav {
	clear: both;
}
#subNav div {
	float: left;
	text-align: center;
	visibility: hidden;
	width: 98px;
	z-index: 100;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FAD36A;
	border-right-color: #FAD36A;
	border-left-color: #FAD36A;
}
#subNav div ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-color: #F19601;
}
#subNav div li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FAD36A;
}
#subNav div li a{
	width: 98px;
	display: block;
	font-size: 12px;
	font-variant: small-caps;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
}
#subNav a:link {
	color: #570402;
	text-decoration: none;
}
#subNav a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#subNav a:hover, #subNav a:active, #subNav a.selected  {
	color: #FFFF00;
	text-decoration: none;
	background-color: #570301;
}
/* =IMAGES
   ----------------------------------------------------*/
#mainContent img.noBorder { 
	padding: 0px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}   
#mainContent div.scheduleButton img	{ 
	padding: 0px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.picBorder {
	border: 5px ridge #F39301;
}
#mainContent img, #registration fieldset, #askatrainer fieldset, #flikrGallery, #paypalTable td, #googleMap {
	border: 5px ridge #F39301;
	margin: 10px;
}
/*Turn off borders*/
#mainContent #slideShow img, #container #mainContent #contact img, #mainContent #slideShowTestimonials img, #slideShowTestimonialsAgility img, #slideShowTestimonialsPupStart img, #resources #mainContent img, #scheduleButton img	{ 
	padding: 0px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 
 
#gradPhoto div {
	text-align: center;
}
#resources #service img, #contactus #service img {
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* =LINKS
   ----------------------------------------------------*/
a:link, a:active {
	color: #FFFF00;
	text-decoration: underline;
}
a:visited {
	color: #FFD273;
	text-decoration: underline;
}
a:hover {
	color: #FFFF00;
	text-decoration: underline;
}
#home #topNav #home_parent a, #whoarewe #topNav #whoarewe_parent a, #training #topNav #training_parent a, #herd #topNav #sports_parent a, #club #topNav #club_parent a, #gallery #topNav #gallery_parent a, #resources #topNav #resources_parent a, #contactus #topNav #contactus_parent a	{
	color: #FFFF00;
}
#staff #subNav li.staff a, #news #subNav li.press a#press #subNav li.press a, #k9rescue #subNav li.k9rescue a, #group #subNav li.group a, #jumpstart #subNav li.jumpstart a, #pupstart #subNav li.pupstart a, #take5 #subNav li.take5 a, #private #subNav li.private a, #testimonials #subNav li.testimonials a, #schedule #subNav li.schedule a, #members #subNav li.members a, #evite #subNav li.evite a, #events #subNav li.events a, #calendar #subNav li.calendar a, #newsletter #subNav li.newsletter a, #clubcontact #subNav li.clubcontact a, #agility #subNav li.agility a, #fit #subNav li.fit a, #play #subNav li.play a, #tracking #subNav li.tracking a, #herd_beginner #subNav li.beginner a, #herd_novice #subNav li.novice a, #herd_gallery #subNav li.gallery a, #graduates #subNav li.graduates a, #groupclass #subNav li.groupclass a, #olympics #subNav li.olympics a, #clubgallery #subNav li.club a, #resources #subNav li.books a, #sitemap #subNav li.sitemap a {
	color: #FFFF00;
}
.staffType, .staffTypeToggle {
	cursor: pointer;
	display:block;
}
.staffType:hover, .staffTypeToggle:hover {
	color: #FF0;
}
/* =TEXT
   ----------------------------------------------------*/
#mainContent p {
	text-indent: 1em;
	line-height: 21px;
}
#mainContent p:first-letter {
	font-size: larger;
}	
h1 {
	font-size: 2em;
	color: #FFD273;
	font-weight: bold;
}
h2 {
	color: #FFD273;
	font-weight: bold;
	font-size: 1.5em;
}
h3 {
	font-size: 1.4em;
	font-weight: bolder;
	margin-bottom: 0px;
}
h4 {
	color: #FFD273;
	font-weight: bold;
	font-size: 1em;
}
#gradPhoto div h1{
	font-size: 2em;
}
.textHighlight {
	color: #FFD273;
	font-weight: bold;
}
.smallerTextHighlight {
	font-size: small;
	font-style: italic;
	color: #FFD273;

}
.courseSmallerTextHighlight {
	font-size: smaller;
	font-style: italic;
	color: #FFD273;
}
.classFULL {
	color: #FFFF00;
	font-weight: bold;
}
.classPre {
		color: #FF6600
}

#classesOffered dt {
	color: #FFD273;
	font-weight: bold;
}
#courses {
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
	border-top-width: 5px;
	border-top-style: double;
	border-top-color: #f39301;
}
#courses h1 {
	font-size: 2.8em;
	text-align: center;
	color: #FF0;
}


/* =LISTS
   ----------------------------------------------------*/
#mainContent ul {
	list-style-image: url(../images/training/paw_bullet.gif);
	list-style-position: inside;
}
#mainContent li{
	padding-bottom: 5px;
}
/* =FOOTER
   ----------------------------------------------------*/
#footer {
	line-height: 1.5em;
	clear: both;
	text-align: center;
}
#bottomNav {
	clear: both;
	padding-bottom: 10px;
	font-variant: small-caps;
	text-align: center;
}
#bottomNav a:link{
	color: #FFD273;
	text-decoration: none;
}
#bottomNav a:hover, #bottomNav a:active {
	color: #FFFF00;
	text-decoration: underline;
}
#bottomNav a:visited {
	color: #FFFFFF;
}
/* =FORMS
   ----------------------------------------------------*/
#regTable input, textarea, select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
input:focus, textarea:focus {
	background-color: #FFFF99;
}
/* = TABLES
   ----------------------------------------------------*/
#regTable td{
	height: 3.13em;
	width: 50%;
	background-color: #FFD273;
	padding-left: 10px;
	color: #570301;
	border: 1px solid #440402;
	font-weight: bold;
	line-height: 3.13em;
}
#members td {
	text-align: center;
}
#contact {
	text-align: center;
	margin-top: 25px;
	border: 3px ridge #F39301;
}
#contact tr:hover {
	background-color: #000000;
}
#contact th, #contact td{
	padding: 5px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #F39301;
	border-bottom-color: #F39301;
}
#contact a img {
	visibility: hidden;
	position: absolute;
	z-index: 25;
	left: auto;

}
#contact tr:hover img {
	visibility: visible;
}

#membertable {
	text-align: center;
	border: 3px ridge #F39301;
}
#membertable th, #membertable td {
	padding: 5px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #F39301;
	border-bottom-color: #F39301;
	font-size: smaller;
}
#membertable tr:hover {
	background-color: #000000;
}
#sitemap td {
	vertical-align: top;
	border-bottom-width: 3px;
	border-bottom-style: ridge;
	border-bottom-color: #F39301;
	border-right-width: 3px;
	border-right-style: ridge;
	border-right-color: #F39301;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
}
#popTable {
	width: 100%;
	border: 5px ridge #F39301;
	background-color: #000000;
	margin-right: auto;
	margin-left: auto;
}
#mainContent #paypalTable {
	text-align: center;
	width: 100%;
}
/* = MICROFORMATS
   ----------------------------------------------------*/
.vcard {
	background-color: #440402;
	border: 1px solid #F39301;
	margin-bottom: 15px;
	padding: 10px;
}
/* =OTHER
   ----------------------------------------------------*/
.testimonialsQuote {
	background /**/:url();
	background-image: url(../images/testimonials/closequote.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size:90%;
	line-height:140%;
	color: #FFD273;
	padding-right: 25px;
	padding-left: 0px;
	padding-bottom: 5px;
}
.testimonialsQuote:first-letter {
	background-image: url(../images/testimonials/openquote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 2px;
	padding-left: 35px;
	padding-top: 5px;
	padding-bottom: 100px;
}
#flikrGallery {
	background-color: #000000;
}
#herdingYouTube object {
	padding: 10px;
}
#recommenedReading {
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	text-align: center;
}
#recommenedReading iframe {
	padding-right: 10px;
	padding-left: 10px;
}
#eviteFlash {
	z-index: -100;
}
#googleMap {
	background-color: #FFFFFF;
}
.prerequisite {
	background-color: #3D0201;
	width: 550px;
	padding: 5px;
	border: 3px ridge #F39301;
}
/* =Newsletter
   ----------------------------------------------------*/
#newsletter #mainContent img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#newsletter #mainContent p a {
	text-decoration: none;
}
   
/* =PRESS
   ----------------------------------------------------*/
#press #mainContent h1 {
	font-size: 26px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
#press #mainContent h3 {
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
#press #mainContent h4 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
#press #mainContent p {
	width: 600px;
}
#pressImgContainer {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFD273;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFD273;
	width: 640px;
}
#press #mainContent img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#press  #mainContent #pressimage {
	border: 5px ridge #F39301;
}
#pressImgContainer p {
	font-size: 11px;
	font-weight: normal;
}
#pressImgContainer img:hover { 
	cursor:pointer
}
/* Form Styles
================================================================================================*/
#herd_reg form {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 800px;
	font-size: 14px;
	text-align: left;
}
#herd_reg fieldset {
	border: 1px solid #F38D03;
}
#herd_reg legend {
	font-size: 20px;
	padding-right: 15px;
	padding-left: 15px;
	color: #FFD273;
}
/*#herd_reg p:hover {
	color: #FFFFFF;
}*/
#herd_reg form p {
	padding: 8px;
	clear: both;
	margin: 0px;
	color: #570301;
	background-color: #FFD273;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #570301;
	border-right-color: #570301;
	border-left-color: #570301;
}
/* Form Labels
================================================================================================*/
#herd_reg label {
	float:left;
	width: 325px;
}
#herd_reg label.fullWidth {
	width:100%;
}
/* Form Controls
================================================================================================*/
label.fullWidth input {
	width: 300px;
}
#herd_reg input.autoWidth {
	width: auto;
}
#herd_reg select  {
	width: 300px;
}
#herd_reg textarea {
	width: 400px;
}
#herd_reg input.radio {
	width: auto;
	float: left;
	margin-right: 5px;
}
#herd_reg .radioLabel {
	width: 15px;
	margin-right: 25px;
}
#herd_reg input.checkbox {
	width: auto;
}
/* =Side Bar Right
----------------------------------------------------*/
 #sidebarRight {
	float: right;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 50px;
	width: 240px;
	font-size: smaller;
	padding-right: 5px;
	background-image: url(../images/home/sbbg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #6C0B00;
}

#sidebarRight  div {
	margin-right: auto;
	margin-left: auto;
	clear: both;
}  
#sidebarRight #sbAlerts img {
	border: 5px ridge #F39301;
	margin: 10px;
}
#sidebarRight p {
	text-indent: 1em;
}
#sidebarRight p:first-letter {
	font-size: larger;
}
#sidebarRight ul{
	padding-left: 20px;
}
#sidebarRight h1,  #sidebarRight h2 {
	margin-top: 0px;
	padding-top: 2px;
	color: #570402;
	background-color: #F19601;
	border: 1px solid #FFD273;
	padding-bottom: 2px;
}
 /* =Word Press Blog styles
----------------------------------------------------*/
.navigation {
	text-align: center;
	font-size: smaller;
	display: block;
	padding-left: 45px;	
	padding-right: 16px;	
	}
.post {
	clear:left;
	width: 690px;
	float: left;
	padding-left: 45px;
	padding-bottom: 20px;
	line-height: 1.2em;
	}	
.pagetitle {
		padding-left: 45px;	
}
div.post h2 {
	clear: both;
	padding-top: 10px;
	}
	
.entry {
	padding-left: 24px;
}	
	
.postmetadata { 
	clear: left;
}
#sidebar { /*decreases side bar font size*/
	font-size: small;
}
#sidebar h2.widgettitle { /*Side bar h2 headers colour*/
	color: #F39301;
}

#sidebar { /*Adds left hand margin to sidebar and top and bottom space*/
padding-top: 20px;
padding-right: 0pt;
padding-bottom: 10px;
padding-left: 0pt;
margin-left: 790px;
width: 190px;
}

#sidebar ul li { /*Removes bullets from li items*/
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 15px;
}
#sidebar ul ul, #sidebar ul ol { /*Adds top and bottom space to different sidebar ul and ol*/
	margin: 5px 0 0 10px;
	padding: 0;
}

#sidebar ul ul li, #sidebar ul ol li { /*Adds little space at the top of li items*/
margin-top: 3px;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}

sidebar ul ul li:before { /*Adds >> before li items*/
	content: "\00BB \0020";
}

p img { /*Contains photos to div size*/
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
max-width: 100%;
}
#schedule select {
	background-color: #570301;
	color: #F39301;
	border: 5px ridge #F39301;
	padding: 10px;
}
#schedule select option {
	padding-top: 3px;
}