/*.................................................. GENERAL ...............................................*/
body {margin:0;  padding:10px 0 0 0; text-align:center; font-size:100.01%; font-family: Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif;  color: #666; background: #f6f6f6;}
* { margin: 0; padding:0;}

/***** GENERAL STYLES *****/
.l{float:left;}
.r{float:right;}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
.cb {border: 0px;}
img { border: none;}
#content img.l { margin: 0 10px 10px 0; padding: 1px; background:#fff; border: 3px solid #ccc; }
#content img.r { margin: 0 0 10px 10px; padding: 1px; background:#fff; border: 3px solid #ccc; }
img.c { display: block; margin: 0 auto;}
.toDo {background: yellow}

a {	color: #924b47; text-decoration: none;}
a:hover {color: #82a824;	text-decoration:underline;}
acronym { border-bottom:1px solid #AAD4FE;  cursor: help;  }

ul {margin:0}
ul li {margin:0; padding:0; background: none; list-style:none}

/* WIDTHS */
.s30 { width:30px; }
.s40 { width:40px; }
.s50 { width:50px; }
.s60 { width:60px; }
.s70 { width:70px; }
.s80 { width:80px; }
.s90 { width:90px; }
.s100 { width:100px; }
.s120 { width:120px; }
.s130 { width:130px; }
.s140 { width:140px; }
.s150 { width:150px; }
.s160 { width:160px; }
.s170 { width:170px; }
select.s170 { width:178px; }
.s180 { width:180px; }
.s190 { width:190px; }
.s200 { width:200px; }
.s205 { width:205px; }
.s240 { width:240px; }
.s270 { width:270px; }
.s275 { width:275px; }
.s340 { width:340px; }
.s360 { width:360px; }
.s400 { width:400px; }
.s490 { width:490px; }
.s600 { width:600px; }

.pc30 { width:30%;}
.pc35 { width:35%;}
.pc40 { width:40%;}
.pc50 { width:50%;}
.pc60 { width:60%;}
.pc65 { width:65%;}
.pc70 { width:70%;}
.pc100 { width:100%;}

/*.............................................. ACCESSIBILITY .............................................*/
#access {height:1px; font-size:1px; color:#fff;}
#access a {color:#fff;}
#access ul li {display: inline; float:left; font-size: 1px; text-indent:-9000px;}

.style1 {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 18px;
}
/*.................................................. WRAP ALL ................................................*/
#wrapall {padding: 0 0 0 0px; width:760px; margin:0 auto; font-size: 0.75em; text-align: left;  } 

/*........................ MAIN this wraps the left and right columns........................*/
#main {background:url(/img/bg/wrapall.gif) repeat-y 0 0; float:left;  }
#mainInsideWrap {background:url(/img/CONTENT_child-with-dog.jpg) no-repeat 11px bottom ; float:left;  }

/*.................................................. LEFTCOL ...............................................*/
#leftCol {padding: 0px 0 0 0px; float:left; width: 270px;}
#leftCol #cabraOpenDay {margin: 10px 0 10px ; padding-left: 20px; float:left; }
#leftCol #cabraOpenDay a {border: 3px solid #75c01d; display:block}
#leftCol #cabraOpenDay a:hover {border-color: #eee860;}
#leftCol h3 {margin-left: 25px; margin-right: 25px; margin-top: 25px; }
#leftCol p {margin-left: 25px; margin-right: 25px; text-align: left; }
/*List of Branches*/
ul.branches {margin:10px 25px 10px 25px;  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 1.5em; font-style:italic}
ul.branches li {padding: 0 0 2px 16px; background: url(/img/icons/arrow.gif) no-repeat 0 6px }
ul.branches a:hover {text-decoration:none; }
ul.branches li.on a {color: #82a824}

/*Fact Sheets*/
ul.factsheets {margin: 0 20px 20px 25px; }
ul.factsheets li {line-height: 1.3em;}
ul.factsheets li.desc {padding: 0 0 10px 0; margin: 0 0 10px 0; font-size: 0.9em; border-bottom: 1px solid #eceae9; }
ul.factsheets li.desc a {color: #000}
ul.factsheets li a.more {margin: 0 0 0 5px; color: #924b47;}

#imap {width:454px; height:300px; background:url(../img/floorplan-1.gif) no-repeat}

a#prep {width:313px; height:98px; float:left; margin: 101px 0 0 132px}
a#reception {width:332px; height:78px;  margin: 2px 0 0 8px; float:left}
a#con {width:103px; height:78px; float:left; margin: 2px 0 0 2px}

a#prep:hover {background:url(../img/prep.gif) no-repeat}
a#reception:hover {background:url(../img/reception.gif) no-repeat}
a#con:hover {background:url(../img/consult.gif) no-repeat}

/*......... RIGHTCOL ...............................................*/
#rightCol {padding: 14px 0 0 0; float: left; width: 490px; min-height: 650px; background:url(/img/bg/rightcol.gif) no-repeat 0px -2px }
p.date {padding: 0 14px 0 0; text-align: right; font-size: 0.9em;}
#rightCol ul.opening {width:430px; margin-top:10px; border-bottom:#476992 dotted 1px; font-family:Tahoma, Geneva, sans-serif; font-weight:600; color:#4e6390; font-size:0.9em}
#rightCol ul.opening { padding-bottom:5px}
/*.................................................. MAIN NAVIGATION ................................................*/
#mainmenu { padding-left: 3px; margin-top: 5px; clear:both; float: left; width: 476px;background: url(/img/bg/mainmenu.gif)}
#mainmenu ul { clear:both; float:left;}
#mainmenu ul li {display: inline; float: left; border-right: 1px solid #7dab47; }
#mainmenu ul li a {padding: 5px 6px 6px 7px; background: url(/img/bg/mainmenu.gif) repeat-x 0 0 ; color: #fff; display:block;}
#mainmenu ul li a:hover, #mainmenu ul li.on a {background-position: 0 -25px;}
#mainmenu ul li a:focus { outline: none} /*hides the dots around the links caused by text indent, if used*/
#mainmenu ul li.last {border-right: 0px;}

#banner {width: 100%; text-align: left; clear: both; }
#banner img {display: block}

.panel {margin: 0 15px 0 0; float: left; width: 40%; }
.panel2 {margin: 0}

/*.................................................. CONTENT ...............................................*/
#bcrumb {font-size: 1.0em;}

h1, h2, h3, h4 {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#content {margin:0 10px 10px 0px; padding: 0 0 10px 0; width: 470px;}
#content h1 {margin:10px 5px 10px 0; color:#924b47; font-size:1.9em; font-style:italic; font-weight:normal;}
#content h2 {margin:15px 5px 10px 0; color:#476992; font-size:1.2em;}
#content h3 {margin:15px 5px 10px 0; color:#924b47; font-size:1.1em;}
#content h4 {margin:15px 5px 10px 0; color:#000000; font-size:1.0em; font-weight: bold;}
h3.cross {padding: 7px 0 10px 30px; background:  url(/img/bg/h3.gif) no-repeat 0 0; color:#924b47 }
#content p {margin:5px 4px 10px 0; line-height: 1.5em; }
#content p.note {font-size: 0.9em;}
#content img.marginRight {margin: 4px 10px 5px 0; }
#content a.readmore {margin-top: 3px;}
#content a.readmore2 {margin: 3px 0 0 60px;}
#content img {padding-right:15px}
#content .photoLeft {margin: 0 10px 10px 0; float: left; width: 200px; text-align:center}
#content .photoLeft p, #content .photoRight p {margin: 0px; font-weight: bold;}
#content .photoLeft h2, #content .photoRight h2 {margin-top: 0px;}
#content .photoLeft img, #content .photoRight img { margin: 0 0 10px 10px; padding: 1px; background:#fff; border: 3px solid #ccc;}
#content .photoRight {margin: 0 0 10px 10px; float: right; width: 200px; text-align:center}

#content ul{ margin: 8px 6px 8px 0;}
#content ul li {padding: 0 0 4px 22px; background: url(/img/bg/arrow-li.png) no-repeat;}

.photoDesc {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: 4e6390;
	padding-top: 5px;
}
  
/*************************** LISTS ***************************************/
ol {margin:10px 0 10px 30px;}

/*block quotes*/
blockquote {margin: 10px 10px 10px 0; padding: 10px 10px 10px 40px;  background: #fff;  color: #2C537E; }
blockquote p{margin:5px 0 0 0; padding: 0; font-size: 1.0em; color:#2C537E;}
blockquote cite {color: #aaa;}

/*************************** TABLES ***************************************/
table {border-collapse: collapse}
table td {text-align: left; vertical-align: top; }
/*************************** FORMS ***************************************/
form.inputform fieldset {border: 0px}
form.inputform input {padding: 2px 3px; font-size: 1.0em;}
form.inputform select {padding: 2px 0px; font-size: 1.0em;}
form.inputform textarea {padding: 2px 3px; font-family: Verdana, Arial, Helvetica, Geneva, _Sans, sans-serif; font-size: 1.0em;}
form.inputform tr.action td {text-align: center;}
input.submit {background: #7dab47; }
form.inputform table {margin: 0 0 10px 0; }
form.inputform table td {padding: 2px 3px; }
.mand {color: red;}

/*.................................................. FOOTER ...............................................*/
#footer { width: 760px; height:30px; clear:both;  background: url(/img/bg/footer.gif) no-repeat ; font-size: 0.9em}
#footer p{padding: 5px 20px 0 20px; color: #fff}
#footer a {color: #fff}

/*..................................................CLICKSTREAM FOOTER .....................................*/
#clickstream {padding: 0 0 4px 20px; font-size: 0.8em; }
#clickstream a {color: #6fa71d }

/*Slideshow on Photo Gallery page*/
#slideshow {
    position:relative;
    height:400px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 400px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 300px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}
#content #slideshow p {font-size: 1.5em}