body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px}
form {margin:0}

#main { width:900px; margin:0 auto; border-left:#a8bfc4 solid 1px; border-right:#a8bfc4 solid 1px;}
#header { height:144px; }
/*
 * Classes are dynamically added to the body tag so that it's possible to split styles across languages.
 */
body.language-fr #header { background-image:url(../images/head.jpg)}
body.language-en #header { background-image:url(../images/head-eng.jpg)}

/* (top-menu */
#topLinks { padding-top:10px; padding-left:10px; color:#FFFFFF}
#topLinks a { color:#FFFFFF; text-decoration:none}

#topnav { padding-top:98px; font-family:Tahoma, Verdana, Arial; font-size:12px; font-weight:bold; color:#40671b}
#topnav a {color:#40671b; text-decoration:none; padding-left:6px; padding-right:5px}
#topnav a:hover { color:#434343}

#navleft { float:left; padding-left:4px; margin:0; list-style:none; }
#navright { float:right; padding-right:4px; margin:0; list-style:none; }

.dropdownmenu li { float:left; position:relative;}
.dropdownmenu li ul { display: none; position: absolute; top: 1.2em; left: 0; list-style:none; margin:0; padding:0; background-color:#FFFAEC; }
.dropdownmenu li > /**/ ul { top:auto; left:auto; }
.dropdownmenu li:hover ul { display: block; }

.dropdownmenu li ul li { float:none; }
.dropdownmenu li ul li a { display: block; width:15em; padding:3px 0 3px 0; border-left: 10px solid #572; border-right: 10px solid #572; }
.dropdownmenu li ul li a:hover { border-left-color: #931; border-right-color: #931; }

/* ) */

/* (main-blocks */
#maincontent { background-image:url(../images/bg-left.jpg);  padding-top:10px; overflow:auto;}
#maincontent.rightpanel { background-image:url(../images/bg.jpg); }
#maincontent h3, #maincontent h1, #maincontent h2 { padding:0; margin:0; padding-left:10px; font-family: Tahoma, Verdana, Arial; font-size:10px; font-weight:bold; color:#FFFFFF; background-position:top; background-repeat:repeat-x; height:18px; padding-top:5px}

#left { float:left; width:249px}
#left h3 { background-image: url(../images/lefth3bg.jpg); background-color:#a34d33}
#center { float:left; width:401px}
#centerleft { width:626px; margin-left: 259px; margin-top:-10px; background-color:#FFF; padding: 10px 15px 30px 0; overflow:hidden;}
#center h3, #centerleft h1 { background: url(../images/hbg1.gif) repeat-x bottom center; font-size: 3em; height:auto; font-family: Georgia,"Times New Roman",Times,serif; color: #333; font-weight:normal;}
#center h3 { margin: 0 10px 0 10px; }
#centerleft h1 { margin-right: -15px; margin-bottom:15px;}
#centerleft h2 { color:#333; border-bottom:1px solid #CCC; margin-bottom:5px; }
#centerleft h3 { color:#333; margin-bottom:5px; }
#center p, #centerleft p { padding: 0 10px 0 10px; }
#right { float:left; width:246px; padding-left:4px;}
#right h3 { background-image: url(../images/righth3bg.jpg); background-color:#598330; margin-left:-4px}
#left ul, .sidelinks li, #right ul { margin:0; padding:0; text-indent:0; list-style:none}

/* ) */

/* (boxes */
ul.menu, ul.menuPhoto { margin: 0; padding: 0; margin-bottom: 20px; list-style-type: none; }
ul.menu li, ul.menuPhoto li { display: inline; border-left:1px solid #AAA; margin-left: 5px; padding-left: 5px;}
ul.menu li.first, ul.menuPhoto li.first { padding-left: 0; margin-left: 0; border-left: 0; }

ul.menuPhoto { margin: 0; }

.boxAlert { border: 3px solid #B00; padding: 5px; background-color: #D00; margin-bottom: 10px; color: #FFF; font-weight: bold; }
.boxInfo { border: 3px solid #CCE; padding: 5px; background-color: #DEF; margin-bottom: 10px; }
.boxSuccess { border: 3px solid #9D9; padding: 5px; font-weight:bold; background-color: #BFB; margin-bottom: 10px; }
.boxShort { text-align: center; }
/* ) */

.sidelinks li { margin:5px; border:1px #d2d2d2 solid; padding:3px; padding-left:20px; background-image:url(../images/arrow.jpg); background-position:left; background-repeat:no-repeat}
.sidelinks a { font-family: Tahoma, Verdana, Arial; font-size:12px; font-weight:bold; color:#214e90; text-decoration:none}
.sidelinks a:hover {color:#434343}
.contentsidebar { padding:7px}
.center { text-align:center}
.blueheading { color:#215f9e; font-weight:bold; font-size:16px}

#newsletter { background-image:url(../images/newsletter.jpg); height:103px; width:221px; margin:0 auto}
#newsletter input { float:right; top:8px; position: relative; margin-right:10px; }
#newsletter .itext { width: 120px; background-color: #F3E0A0; margin-bottom: 10px; padding-left:5px; color: #533000}
#newsletter .isubmit { }

.welcome {padding:10px;overflow:auto;}
#welcometext { float:right; width:230px}
#footer { border-top:5px #efa615 solid; padding-top:15px; padding-bottom:15px}
#copyright { margin:0 auto; text-align:center; border-top:1px solid #dedede; text-align:center; border-bottom:1px solid #dedede;; margin-left:30px; margin-right:20px; padding-top:4px; padding-bottom:4px}
.welcomeimg { float:left; padding:10px;}
.readmore { padding-top:10px}
.readmore a { background-image: url(../images/readmorearrow.jpg); background-position:left; background-repeat:no-repeat; padding-left:20px; text-decoration:none; height:20px; display:block;font-family: Tahoma, Verdana, Arial; font-size:12px; font-weight:bold; color:#214e90; }
.date { background-image:url(../images/bluesmall-arrow.jpg); background-position:left; background-repeat:no-repeat; font-weight:bold; color:#000000; padding-left:15px; margin-bottom:10px}
.blueheadingright { color:#215f9e;  font-size:10px; padding-bottom:10px}

.petboard { margin: 10px 0 20px 0; }
.petboard table { background-color:#FFF; }
.petboard table td { border-top:1px solid #FFF; border-left:1px solid #FFF; border-bottom:solid 1px #ADADAD; border-right: 1px solid #ADADAD; background-color:#F5F5F5; height:110px;}
.petboard table td .name { font-weight: bold; }

.tableData { margin: 5px 0; }
.tableData>tbody>tr>th { background-color: #CDF; white-space: nowrap; border-left:1px solid #FFF; }
.tableData>tbody>tr>td { border-bottom:1px solid #CCC; border-left:1px solid #FFF; }
.tableData>tbody>tr.multiline>td { border-bottom: 0; }
.tableData>tbody>tr>th:first-child, .tableData td:first-child { border-left: 0; }
.tableData>tbody>tr.odd>td { background-color: #FFF; }
.tableData>tbody>tr.even>td { background-color: #FFF; }

.tableBigData>tbody>tr * { font-size: 10px; }

.tableData>tbody>tr.mainPhoto>td { background-color: #FFC; border:3px solid #996; }

.tableRecordInfo th {text-align:right; font-weight: normal; color:#669; white-space:nowrap; font-size:1.3em}
.tableRecordInfo th.title {text-align:center; }
.tableRecordInfo td {text-align:left; font-size:1.3em;}
.tableRecordInfo td[align="center"] {text-align:center;}

.searchBox { margin:10px 0 10px 0;border-top:1px solid #DDD;border-bottom:1px solid #DDD;padding:10px 0 10px 0; }

.showPhotos { width:130px; height: 140px; padding: 5px; overflow: auto; white-space:nowrap; margin-top:15px; }
.showPhotos img { padding: 5px; }

.ilInput { vertical-align: middle; } /* inline inputs - intented to align well with the text around them */
.likeLink { color: #05F; cursor: pointer; text-decoration: underline; }
.lowlight { color: #AAA; }

.testimonial, .happyEnding { border-bottom: 1px dotted #666; padding: 10px 0 10px 0; margin: 0 10px 0 10px; overflow: auto; }
.testimonial a, .happyEnding a { color: #224EB1; }
.testimonial img, .happyEnding img { float: left; }

.pager {text-align:center; }

/* (forms */

.tableForm { }
.tableForm td.fn { text-align: right; padding-right: 10px; } /* field name */
.tableForm td.fnr { text-align: left; padding-top:20px; } /* field name within 1 row */
.tableForm td.req { font-weight: bold; } /* required field */

.formTip { color: #555; font-size: 1em; }

ul.formErrors { margin: 0; padding-left: 0; color: #F00; font-size: 1em; list-style-type: none; }

.memberRegSteps { overflow: hidden; margin-bottom:20px; margin-left:20px; }
.memberRegSteps .step { float:left; margin-right: 20px; padding:10px; text-align:center; border:1px solid #66C; width:70px; }
.memberRegSteps .step .number { color:#545AAB; font-size: 2em; font-weight: bold; margin-bottom:5px;}
.memberRegSteps .step .desc { color: gray; }
.memberRegSteps .sel { background-color: #DADBFE; }
.memberRegSteps .done { background-color: #DAFEDB; }

/* ) */