* {margin: 0 auto; padding: 0;}
html {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.25em; text-align: center; height: 100%;}
body {font-size: 0.9em; margin-left: auto; margin-right: auto; height: 99.5%; color: #1A3460; background: #8ba8c1 url(../images/background_0.jpg) no-repeat center top;}
abbr, acronym, .help {border-bottom: 1px dotted; cursor:help}
table {/* to load tables faster */ table-layout:fixed; border-collapse: collapse; border: none; background:none; margin:0 auto; padding:0; width: auto; text-align: center;}
 tr, td{width:auto;}
.canvas {/* hack for sticky footer */ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -54px; /* hack for sticky footer */ background: url(../images/mainbodybackground.png) repeat-y center top;}
img {border-style: none; margin: 0px; padding: 0 5px;}
img.left {border-style: none; margin: 0px; padding: 0 1.25em 1.25em 0em; float: left; clear:left;}
img.right {border-style: none; margin: 0; padding: 0 0 1.25em 1.25em ; float: right; clear:right;}
img.intext {border-style: none; margin: 0; padding: 0 .5em; float:none;}
img.center {border-style: none; margin: 0 auto; padding: 0 0.5em; clear:both; }
.important {
	font-weight: bold;
	font-style: italic;
	color: #FFF;
}
#divHeader {background: url(../images/header_background.png) repeat; height: 50px; width: 100%;}
#divHeaderMenu {margin-left: auto; margin-right: auto;}
#divHeader ul {list-style: none; padding: 8px;}
#divHeader li {display: inline; margin-right: 10px; margin-left: 10px;}
#divHeader a {font-size: 0.95em; padding: .25em 1em;}
#divHeader a:link, #divHeader a:visited, #divHeader a:active{color: #FFF; text-decoration: none;}
#divHeader a:hover,#divHeader a.current{background: url(../images/header_highlight.png) repeat; text-decoration:underline;}
#divHeader a:hover, #divHeader a:active{color: #1A3866;}
#divHeader a.current {margin-bottom: 5em; font-variant: small-caps; color: #0343A2; font-weight: 900; text-decoration: none; border-top: medium solid #FFF;}
#divBranding {text-align: center;}
hr{width:80%; margin:auto;}
h1 {/* h1 is used for logo */ position: relative; font-size: 2.9em; font-variant: small-caps; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; width: 795px; height: 161px;}
h1 span {position: absolute; width: 100%; height: 100%; top:3px; left:2px; background: url(../images/newlogoccc.png) no-repeat; margin: -20px auto 0px;}
#divpainting{margin-top: -10px;}
.table_layout {width: 768px; margin-right: auto; margin-left: auto; display:table; border-collapse: collapse;}
.row_layout {margin-top:0; padding-top:0; display:table-row; border-collapse: collapse; }
.cell_layout {display:table-cell; border-collapse: collapse;}
#divColLeft {width: 494px; padding-left: 10px;}
.main_top {/* background: url(../images/maintexttopbackground.png) no-repeat;*/ background: url(../images/sprite.png) no-repeat -10px -940px; height: 19px; width: 494px;}
.main_topXL {/* background: url(../images/maintextopbackgroundXL.png) no-repeat;*/ background: url(../images/sprite.png) no-repeat -10px -1000px; height: 19px; width: 756px;}
#divMainContent {background: url(../images/maintextbackground.png) repeat-y; width: 494px; padding-bottom: 5px;}
#divMainContentXL {background: url(../images/maintextbackgroundXL.png) repeat-y; width: 756px;}
/* start Forms */
form {margin: 5px 25px 5px 15px; padding:0; text-align:left; max-width: 470px;}
fieldset {margin: 0; padding: 0; border: #ccc thin solid; background:url(../images/bgwhite50pc.png) repeat;}
fieldset legend {padding: 0 10px; margin: 10px 0px; font-weight: bold; color:inherit;}
fieldset ol{margin: 0; padding: 0;}
fieldset ol li {list-style: none; margin: 0 10px; border-top: 1px solid #859EBA;}
label {display: inline-block; line-height: 1.8em; vertical-align:top; width: 85px; text-align: right;}
#Go{text-align:center; width:55px;}
select {max-width: 320px; padding: 5px;}
/* end Forms */
.main_bottom {/* background: url(../images/maintextbottombackground.png) no-repeat;*/ background: url(../images/sprite.png) no-repeat -10px -969px; height: 19px; width: 494px;}
.main_bottomXL {/* background: url(../images/maintextbottombackgroundXL.png) no-repeat;*/ background: url(../images/sprite.png) no-repeat -10px -1029px; height: 19px; width: 756px;}
/* h2 is the main header of each page */
#divMainContent h2, #divMainContent h3, #divMainContent h4, #divMainContent h5, #divMainContent h6, #divMainContent p {text-align: left; margin:0;}
#divMainContent h2, #divMainContent h3, #divMainContent h4, #divMainContent h5, #divMainContent h6 {border-bottom:thin solid #003555; width:85%; padding: 0.5em 0 0.25em 1em; margin-left: .70em;}
#divMainContent p, #divMainContentXL p {text-indent: 2em; font-size: .9em; padding: .5em 2em .5em 1em;}
#divMainContent table{background: url(../images/bgblue25pc.png) repeat; width: 450px; padding: 3px; margin-left: 15px;}
#divMainContent th, #divMainContent tr, #divMainContent td{padding:0 5px;}
#divMainContent p.para_align {padding-left: 2em; text-indent: 0;}
#divMainContent blockquote {margin:0; padding:0;}
p.letter:first-letter {font-size: 1.9em; font-weight: bold; color: #069; vertical-align: -25%; padding: 0em .2em; margin: 0em;}
#divMainContent ul{text-align: left; padding: 15px 20px 15px 25px; }
#divMainContent .CollapsiblePanelTab .question{font-weight:bold; border-bottom:thin solid #003555; margin-right: 20px;}
#divMainContent .CollapsiblePanelContent table{margin:0 auto;/* to load tables faster *//* table-layout:fixed; */}
#divMainContent .CollapsiblePanelContent #stats{width: 400px;}
.q{height: 32px; width: 35px; float: left; margin-left: 8px; margin-right:-20px;/* background:url(../images/q.png) no-repeat;*/ background:url(../images/sprite.png) no-repeat -45px -7px;}
.r{height: 32px; width: 35px; float: left; margin-right:-20px;/* background:url(../images/r.png) no-repeat; */ background:url(../images/sprite.png) no-repeat -84px -7px; }
.a{height: 32px; width: 35px; float: left; margin-right:-20px;/* background:url(../images/a.png) no-repeat;*/ background:url(../images/sprite.png) no-repeat -11px -7px;}
.notice{background:url(../images/bgwhite25pc.png) repeat; font-style: italic; color: #4F0000;}
#divMainContent iframe {border: #CCC medium solid;}
#divSponsor{margin: 0 15px 0 0;}
img.sponsor{margin: 2px; padding: 7px; background: url(../images/bgwhite50pc.png) repeat;}
#divMap {margin: 0 0 0 -10px; padding: 10px;}
#divMainContent .top_left {float: left; clear: left; margin: 1.5em 1em 0em 1em; }
#divPageNav {margin: 10px 15px 10px 0; font-weight: bold;}
#divPageNav a:link, #divPageNav a:visited, #divPageNav a:active{color: #001B6A;}
#divPageNav a:hover {background: url(../images/bgblue25pc.png);}
#divActivities{background: url(../images/bglghtgreen75pc.png); margin: 1.5em 2em 0 1em; padding: 0.5em; border-top: 1px solid #FFF; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #FFF;}
#divImportant{background: url(../images/bgwhite50pc.png); margin: 1.5em 2em 0 1em; padding: 0.5em; border: 3px solid #600; color: #600;}
#divMainContent #divBreederPic ul{margin: 10px 15px 10px 10px; padding: 0;}
#divMainContent #divBreederPic ul li {text-align: left; list-style: disc; margin-left: 55px; padding: 0;}
#divMainContent #divBreederPic a{color: #0053A6; text-decoration: none; margin: 0; padding: 0;}
#divMainContent #divBreederPic a:hover{color: #003184; text-decoration: underline; }
 #divMainContent #divBreederPic img{border:thin solid #CCC; background:url(../images/bgwhite25pc.png) repeat; margin: 3px; padding: 12px;}
#divSideBar {width: 255px; font-size: 0.9em; padding-right: 10px; /* needed, otherwise the bg image repeats */ margin-top: -15px;}
.small_top {/* background: url(../images/smalltexttopbackground.png) no-repeat;*/ background: url(../images/sprite.png) no-repeat -10px -884px; height: 20px; width: 255px; margin: -20px 0 0; padding: 0;}
#divSubContent {background: url(../images/smalltextbackground.png) repeat;}
#divSideBar a {text-decoration:none;}
#divSideBar ul{text-align: left; padding-left: 25px; }
#divSideBar a:link, #divSideBar a:visited, #divSideBar a:active {color: #205071;}
#divSideBar a:hover {color: #106694; text-decoration:underline;}
.small_bottom {/* background: url(../images/smalltextbottombackground.png) no-repeat;*/ background: url(../images/sprite.png) no-repeat -10px -915px; height: 14px; width: 255px; margin: 0 0 30px; padding: 0;}
/* start sub menu*/
#divSubNav ul {list-style: none;}
#divSubNav li {padding: 3px 0;/*border:#F00 thin solid; */}
#divSubNav a {/* border:#0F0 thin solid;*/ font-family: Arial, Helvetica, sans-serif; text-align: left; font-weight: bold; padding: 7px 0 7px 35px; line-height: 2em;}
#divSubNav a:link, #divSubNav a:visited, #divSubNav a:active {color: #022B6B; background: url(../images/bone_col.png) no-repeat left center;}
#divSubNav a.current:link, #divSubNav a.current:visited, #divSubNav a:hover {color: #034FC0; background: url(../images/bone_bw.png) no-repeat left center;}
/* end sub menu */
.classQuote {font-style: italic; text-align: center; margin:0 1.5em 0 1em; color: #214869; background: url(../images/quote_start.png) no-repeat left top;}
.classQuote q {quotes: none; display: inline-block; font-weight: bold; font-size:1.1em; text-align: center; padding:0 35px; background: url(../images/quote_end.png) no-repeat right bottom; height: auto;}
#divSubContent .classQuote p {padding:0; text-align:right;}
/* start Footer */
.push {/* hack for sticky footer */ height: 54px; /* hack for sticky footer */}
#divFooter {background: url(../images/footer_background.png) repeat-x bottom; height: 54px; width: 100%; display: table; color:#FFF;}
#divFooterMenu {margin-top: 10px;}
#divFooter .row_layout{height: 20px; margin:0;}
#divFooter ul {list-style: none;}
#divFooter li {display: inline; padding:0 8px; border-left: thin solid #FFF; }
#divFooter li:first-child {border:none; }
#divFooter .copyright {float:left;}
#divFooter p, #divFooter a:link, #divFooter a:visited, #divFooter a:active{font-family: Tahoma, Geneva, sans-serif; font-size: 0.85em;}
#divFooter p {padding: 0 1em;}
#divFooter a {text-decoration: none; color: #CBDAE4;}
#divFooter a:hover{color: #FFF; text-decoration:underline;}
#divFooter a.lang {color:#1E3E72; font-weight:bold;}
#divFooter a.lang{background: url(../images/bgwhite25pc.png) repeat;}
#divFooter a:hover.lang {color:#FFF; background: #1E3E72;}
/* end Footer */
#divSubContent tr{border:none;}
#divSubContent td{text-align: left; padding: 2px; border:none; color: #1D4D74;}
#divSubContent p {line-height: 1.2em; margin:0; padding: 1em;}
#divSubContent td a {text-decoration:none;}
 #divSubContent td img{border-style: none; padding: 4px;}
#classDetail {clear: both; padding: 10px; margin-right: 12px;}
#divSubContent #classDetail table{border: thin solid #ccc; background: url(../images/bgwhite25pc.png) repeat; padding: 1.25em; margin-left:15px;}
/* calendarevent in divMainContent only if java script not enabled. */
#divMainContent #calendarevent {margin: 0 auto; }
#divMainContent #calendarevent caption{margin-top: 20px; margin-bottom: 10px; border-top: medium solid #3E5C75;}
#divMainContent #calendarevent tr.d1, #divMainContent #calendarevent tr.d1{padding: 5px; text-align:left;}
/*** YUI Calendar ***/
#divSideBar #yuicalendar1 {margin: 0 40px;}
/*** SPRY: hide spry temporarely or if javascript is disable. ***/
.SpryHiddenRegion {visibility: hidden;}
/*** News Division CSS ***/
#divNews{height: 500px; overflow: auto; margin-right: 15px; width: auto; line-height: 1.4em; font-size: 90%;}
#divNews p {border:#ddd thin solid; margin: 1em; padding: 1em; background: url(../images/bgwhite25pc.png); font-size: 1em;}
#divNews a{font-size:105%; text-decoration: underline; color: #005984;}
#divNews h3 {padding-top: 2.5em; font-size:1.05em; clear: both;}
#divNews img {padding: 0 1.25em 1.25em 0em; float: left;}
#divNews .important {color: #590000;}
/*.newsDate {color: #1A3866; vertical-align: super; font-weight: bold; background: url(../images/newsdate.png); display: inline-block; height: 40px; width: 65px; margin: 0px; padding-top:10px; text-align:center;}*/
.newsDate {color: #022760; vertical-align: 50%; font-style: italic; font-size:1.25em; margin-right: 15px;}
#divActivities .important {color:#603;}
tr.d0{background: url(../images/bgwhite25pc.png);}
tr.d1{background: url(../images/bgwhite50pc.png);}
.bgblack15pc{background: url(../images/bgblack15pc.png);}
.bgblack25pc{background: url(../images/bgblack25pc.png);}
.bgblack50pc{background: url(../images/bgblack50pc.png);}
.bgblue25pc{background: url(../images/bgblue25pc.png);}
.bgblue50pc{background: url(../images/bgblue50pc.png); color: #FFF;}
.bgbrown25pc{background: url(../images/bgbrown25pc.png);}
.bgbrown50pc{background: url(../images/bgbrown50pc.png);}
.bggreen25pc{background: url(../images/bggreen25pc.png);}
.bggreen50pc{background: url(../images/bggreen50pc.png);}
.bgwhite25pc{background: url(../images/bgwhite25pc.png);}
.bgwhite50pc{background: url(../images/bgwhite50pc.png);}
.bgyellow25pc{background: url(../images/bgyellow25pc.png);}
.bgyellow50pc{background: url(../images/bgyellow50pc.png); color:#036; font-style: italic;}
#legend h4 {text-align:center; padding-bottom: 5px;}
#legend table{background: url(../images/bgwhite25pc.png) repeat;}
#legend td {background: url(../images/bgwhite25pc.png) repeat; margin: 0px; padding: 0px 5px;}
#legend tr.d0{background: url(../images/bgwhite25pc.png);}
#legend tr.d1{background: url(../images/bgwhite50pc.png);}
/*** Podium Division CSS ***/
#Podium{width: 460px; margin-right: 15px; padding: 15px 5px;}
#Podium h3 {border: none; width: 450px; margin-right: 15px; margin-top: 15px; text-indent: -1000px;}
.podiumobeissance{/* background: url(../images/obediance_title.png) no-repeat top left;*/ background: url(../images/sprite.png) no-repeat -7px -548px; height: 63px; width: 450px;}
.podiumobediance{/* background: url(../images/obediance_title.png) no-repeat left bottom;*/ background: url(../images/sprite.png) no-repeat -7px -629px; height: 63px; width: 450px;}
.podiumagilite{/* background: url(../images/agility_title.png) no-repeat top left;*/ background: url(../images/sprite.png) no-repeat -7px -46px; height: 63px; width: 450px;}
.podiumagility{/* background: url(../images/agility_title.png) no-repeat left bottom;*/ background: url(../images/sprite.png) no-repeat -7px -128px; height: 63px; width: 450px;}
.podiumconfo{/* background: url(../images/conformation_title.png) no-repeat top left;*/ background: url(../images/sprite.png) no-repeat -7px -214px; height: 63px; width: 450px;}
.podiumdiversite{/* background: url(../images/misc_title.png) no-repeat top left;*/ background: url(../images/sprite.png) no-repeat -7px -382px; height: 63px; width: 450px;}
.podiummisc{/* background: url(../images/misc_title.png) no-repeat left bottom;*/ background: url(../images/sprite.png) no-repeat -7px -463px; height: 63px; width: 450px;}
.podiumrally{/* background: url(../images/rally_title.png) no-repeat left top; */ background: url(../images/sprite.png) no-repeat -7px -716px; height: 63px; width: 450px;}
#Podium abbr{font-size: 1.2em; text-align:center;}
#Podium h4{font-size: 0.75em; border:none; text-align:center; margin-bottom: 15px; width: auto; margin-right: 15px;}
#Podium .topLink{float: right; margin: 0px 0px 0px auto; padding: 0px;}
#Podium table{text-align:left; width: 425px; font-size:0.90em;}
#Podium tr, #Podium td{width: auto; padding:3px; margin:0; border: none; }
#Podium .DogName{text-align:center; border-bottom: thin solid #8FADC5; background: url(../images/bgwhite25pc.png) repeat;}
#Podium .DogPic{margin: 10px 2px 2px 2px; vertical-align: top;}
#Index {margin: 0 14px 0 7px; padding: 0 15px;}
#Index table {width:100%; background: url(../images/bgwhite25pc.png) repeat;}
#Index caption, #Index th, #Index td {text-align:center;}
#Index caption {font-size: 1.5em; font-style: italic; padding-bottom: 15px;}
#Index th{border: 1px solid #036; font-variant: small-caps; padding:5px 0; font-size: 1em; font-style: normal; font-weight: bold;}
 #Index td{background: url(../images/bgwhite25pc.png) repeat; font-size: .9em;}
#Index td:hover{background: url(../images/bgblue25pc.png) repeat;}
/* Schedule table */
#divcourses table{margin: 15px auto 15px 15px; width:100%; padding:0;}
#divcourses table caption{color: #1E3E72; border-bottom: thin solid #FFF; margin-bottom: 10px; padding-top: 5px; padding-bottom: 1px; width: 65%; margin-right: auto; margin-left: auto; background: url(../images/bgwhite25pc.png);}
#divcourses table tr.d0{background: url(../images/bgwhite25pc.png) repeat;}
#divcourses table tr:hover{background: url(../images/bgblack25pc.png) repeat;}
#divcourses table td{border:none; text-align:left;}
#divcourses table td.date {width: 100px; text-align:center;}
#divcourses table td.title {border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#divcourses table td.who {border-left: 1px solid #FFF; border-top: 1px solid #FFF; }
#divcourses table td.empty{border:none;}
#divcourses table td.norec{padding:10px; border:none; text-align:center;}
#divcourses table tbody {border-bottom: 5px solid;}
/* Agility */
table#sched_agility {color:#574126; background: url(../images/bgbrown50pc.png) repeat; width: 425px;}
/* Obediance */
table#sched_obedience {color:#013178; background: url(../images/bgblue25pc.png) repeat; width: 425px;}
/* Conformation */
table#sched_conformation {color:#3D3112; background: url(../images/bgyellow50pc.png) repeat; width: 425px;}
/* Rally */
table#sched_rally {color:#013178; background: url(../images/bgblue50pc.png) repeat; width: 425px;}
/* Misc */
table#sched_misc {color:#553900; background: url(../images/bglghtgreen75pc.png) repeat; width: 425px;}
#divMainContent table.noBorder, tr.noBorder, td.noBorder{color: #0057AE; background: url(../images/bglghtgreen50pc.png) repeat; border-style: none;}
.canvas #divpainting #divMainContentXL #courriel {padding: 15px 5px; margin-right: auto; margin-left: auto;}
#courriel fieldset {padding: 15px 5px; }
#courriel fieldset legend {background: url(../images/bgblue25pc.png); padding: 10px;}
#courriel fieldset ol li {text-align: right; padding-top: 0.5em; padding-bottom: 1em; padding-right: 5px;}
#courriel fieldset ol li #Envoyer {text-align: left; }
