/*#outer {width:765px; height:35; background:url(filters.jpg) no-repeat right bottom; position:relative; border:3px solid #003366;}*/
#outer {width:770px; background:#ffffff; position:absolute; top: 130px; border:0px solid #003366; z-index:6;}
.pad1 {width:4px; height:29px; background:url (filters.jpg); float:left; margin-top:0px; margin-right:0px; border:0px solid #000;}
.pad2 {width:2px; height:29px; background:#cc9933; float:left; margin-top:0px; border:1px solid #000;}
.topline {width:770px; height:3px; border:1px solid #000; background:#cc9933; font-size:1px;}

#menu {list-style-type:none; padding:0; margin:0 0px 0 0px; z-index: 6;}
#menu ul {list-style-type:none; padding:1; margin:0;z-index: 6;}
#menu li {float:left; background:#669933; margin:1px 1px 0px 1px; border:1px solid #000; width:123px; height:25px;z-index: 6;}
#menu li.sub {background:#669933;z-index: 6;}

/* for IE5.5 and IE6 only */

#menu li a {display:block; color:#000; height:25px; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:123px; text-decoration:none; text-align:center;}
#menu li a table {position:absolute; left:0; top:-1px; border-collapse:collapse; width:0; height:0;}

#menu :hover {color:#fff; background:#898; position:relative;}
#menu :hover > a {color:#fff; background:#898;}

#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul ul.left {visibility:hidden; width:0; height:0; overflow:hidden;}

#menu :hover ul {visibility:visible; overflow:visible; position:absolute; height:auto; width:128px; left:-1px;top:26px; background:url(transparent.gif);} /* the background image is for IE7 */

#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul {visibility:visible; overflow:visible; height:auto; width:128px; padding:9px 3px; left:100px; top:0;}

#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left {visibility:visible; overflow:visible; height:auto; width:128px; padding:9px 3px; left:-106px; top:0;}


/*--------------------------*/
/* 2.2 - Navigation - Flags */
/*--------------------------*/

.navflag-container {width: 770px; top: 16px; position: absolute; z-index: 2; background: transparent;}
/** html navflag-container {width: 770px; top: 21px; position: absolute; z-index: 2; background-color: transparent;}*/
.navflag {margin: 0px; padding: 0px; font-size: 1.0em;}	
.navflag ul {float: right; margin: 0px; padding: 0px 20px 0px 0px;}	
.navflag li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.navflag li a {margin: 0px; padding: 0px 0px 0px 1px;}
.navflag a:hover {color: rgb(0,0,0); text-decoration: none;}
.img-navflag {display: inline; height: 14px; margin: 0px; padding: 0px; border: none;}

/*----------------------------*/
/* 2.3 - Navigation - Level 1 */
/*----------------------------*/
.nav1-container {width: 770px; top: 115px; position: absolute; z-index: 3; background: transparent;}
.nav1 {margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 1.0em;}
.nav1 ul {float: right; margin: 0px; padding: 0px 0px 0px 0px; border-left: solid 1px rgb(115,162,182); background-color: rgb(255,255,255); font-weight: bold;}	
.nav1 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav1 li a {display: block; float: left; margin: 0px; padding: 2px 5px 2px 5px; border-right: solid 1px rgb(115,162,182); color: rgb(115,162,182); text-decoration: none; font-size: 10px;}
.nav1 a:hover, .nav2 a.selected {color: rgb(50,50,50); text-decoration: none;}

.page-container {width: 770px; margin: 0px auto; padding: 0px; background-color: transparent; border: solid 1px #000000;}
.page-container-2-column {width: 770px; margin: 0px auto; padding: 0px; background: url(../img/background_layout_2_column.gif) top left repeat-y; border: solid 0px #000000;}
.page-container-3-column {width: 770px; margin: 0px auto; padding: 0px; background: url(../img/background_layout_3_column.gif) top left repeat-y; border: solid 0px #000000;}

.footer {overflow: hidden; clear: both; width: 770px; height: 4.0em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px rgb(125,125,125); background-color: #669933; color: rgb(255,255,255); font-size: 1.0em;}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%;}

.telephone-container {width: 770px; top: 35px; position: absolute; z-index: 2; background-color: transparent;}
.telephone {float: right; text-align: right; width: 200px; margin: 0px; padding: 0px; background-color: transparent; font-size: 1.0em;font-family: Arial Narrow, arial, sans serif; color: #000000;}
.site-slogan-container  {width: 770px;  top: 20px; float:left; position: absolute; z-index: 4; overflow: hidden; margin: 0px; padding-right: 15px; background-color: transparent;}
.img-title {z-index: 6;clear: both; float: left; width: 770px; height: margin: 0px; padding: 0px;}
.site-title {text-align: center; width: 770px; margin: 0px; padding: 0px; background-color: transparent; font-size: 50px;font-family: Arial Narrow, arial, sans serif; color: #000000;}
.site-slogan {text-align: center; width: 770px; margin: 0px; padding: 0px; background-color: transparent; font-size: 30px;font-family: Pristina, fantasy, sans-serif; color: #000000;}
.site-slogan p.title {float: right; width: 700px; margin: 0px; padding: 0px; color: #003366; font-family: arial, sans serif;  text-align: right; font-weight: bold; font-size: 220%;}
.site-slogan p.subtitle {clear: both; float: right; width: 700px; margin: -5px 0px 0px 0px; padding: 0px; color: #003366; font-family: arial, sans serif; text-align: right; font-weight: bold; font-size: 200%;}
.site-slogan p.text {clear: both; float: right; width: 700px; margin: 10px 0px 0px 0px; padding: 0px; color: rgb(234,239,247); font-family: arial, sans serif; text-align: right; font-weight: bold; line-height: 1.0em; font-size: 140%;}
.site-slogan p.readmore {clear: both; float: right; width: 700px; margin: 10px 0px 0px 0px; padding: 0px; color: rgb(234,239,247); font-family: arial, sans serif; text-align: right; font-weight: bold; line-height: 1.0em; font-size: 120%;}
.site-slogan a {color: rgb(234,239,247); text-decoration: underline;}
.site-slogan a:hover {text-decoration: none; color: rgb(50,50,50);}
.img-header {z-index: 1;clear: both; float: left; width: 770px; height: margin: 0px; padding: 0px;}


/*content under menu
.contentcontainerfulltop {z-index:-1; width: 770px; background: transparent;}
.contentcontainershaded {z-index:-1; width: 770px; background: #CCCCCC;}
.contentfulltop {z-index:-1; margin: 0px; padding: 5px; text-align:left; width:770px; float: left; top:310px; border:1px solid #000000;}
.contentfull {background: #ffffff; z-index:3; margin: 0px; padding: 20px; text-align:left; width:730px; float: left; border:1px solid #000000;}
*/

/*for use at top of page*/

.contentcontainerfulltop {z-index:-1; margin: 0px; padding: 0px; text-align:left; width:768px; float: left; top:310px; border:1px solid #000000;}
.textfulltop {z-index:-1; margin: 0px; padding: 5px; text-align:left; width:757px; float: left; top:310px; border:1px solid #000000;}

.contentcontainerlefttop {z-index:-1; margin: 0px; padding: 0px; text-align:left; width:160px; float: left; top:310px; border:1px solid #000000;}
.contentcontainerlefttopshaded {z-index:-1; margin: 0px; padding: 0px; text-align:left; width:160px;float:left; top:310px; border:1px solid #FFFFFF; background: #CC9933;}
.textlefttop {z-index:-1; margin: 0px; padding: 5px; text-align:left; width:150px; float: left; top:310px; border:1px solid #000000;}
.textlefttopshaded {z-index:-1; margin: 0px; padding: 4px; text-align:left; width:150px; float: left; top:310px; border:1px solid #000000; background: #CC9933;}

.contentcontainercentretop {z-index:-1; margin: 0px; padding: 0px; text-align: left; width:446px; float: left; top:310px; border:1px solid #000000;}
.contentcontainercentretopshaded {z-index:-1; margin: 0px; padding: 5px; text-align: left; width:446px; float: left; top:310px; border:1px solid #000000;  background: #CCCCCC;}
.textcentretop {z-index:-1; margin: 0px; padding: 5px; text-align: left; width:436px; float: left; top:310px; border:1px solid #FFFFFF;}
.textcentretopshaded {z-index:-1; margin: 0px; padding: 5px; text-align: left; width:436px; float: left; top:310px; border:1px solid #000000;background: #CCCCCC;}

.contentcontainerrighttop {z-index:-1; margin: 0px; padding: 0px; text-align: left; width:156px; float: left; top:310px; border:1px solid #000000;}
.contentcontainerrighttopshaded {z-index:-1; margin: 0px; padding: 0px; text-align: left; width:156px; float: left; top:310px; border:1px solid #000000;background: #CCCCCC;}
.textrighttop {z-index:-1; margin: 0px; padding: 5px; text-align: left; width:146px; float: left; top:310px; border:0px solid #000000;}
.textrighttopshaded {z-index:-1; margin: 0px; padding: 5px; text-align: left; width:146px; float: left; top:310px; border:1px solid #000000;background: #CCCCCC;}



/*for use under other content*/

.contentcontainerfull {z-index:-1; margin: 0px; padding: 0px; text-align:left; width:768px; float: left; border:1px solid #000000;background: #000000;}
.textfull {z-index:-1; margin: 0px; padding: 5px; text-align:left; width:757px; float: left; border:1px solid #000000;}

.contentcontainerleft {z-index:-1; margin: 0px; padding: 0px; text-align:left; width:160px; float: left; border:1px solid #000000;}
.contentcontainerleftshaded {z-index:-1; margin: 0px; padding: 0px; text-align:left; width:160px; float: left; border:1px solid #000000; background: #CCCCCC;}
.textleft {z-index:-1; margin: 0px; padding: 5px; text-align:left; width:160px; float: left; border:1px solid #000000;}
.textleftshaded {z-index:-1; margin: 0px; padding: 4px; text-align:left; width:160px; float: left; border:1px solid #000000; background: #CCCCCC;}

.contentcontainercentre {z-index:-1; margin: 0px; padding: 0px; text-align: left; width:436px; float: left; border:1px solid #000000;}
.contentcontainercentreshaded {z-index:-1; margin: 0px; padding: 5px; text-align: left; width:436px; float: left; border:1px solid #000000;  background: #669933;}
.textcentre {z-index:-1; margin: 0px; padding: 5px; text-align: left; width:436px; float: left; border:1px solid #000000;}
.textcentreshaded {z-index:-1; margin: 0px; padding: 5px; text-align: left; width:436px; float: left; border:1px solid #000000;background: #CCCCCC;}

.contentcontainercentreandright {z-index:-1; margin: 0px; padding: 0px; text-align: left; width:594px; float: left; border:1px solid #000000;}
.contentcontainercentreandrightshaded {z-index:-1; margin: 0px; padding: 5px; text-align: left; width:594px; float: left; border:1px solid #000000;  background: #CCCCCC;}
.textcentreandright {z-index:-1; margin: 0px; padding: 5px; text-align: left; width:594px; float: left; border:1px solid #000000;}
.textcentreandrightshaded {z-index:-1; margin: 0px; padding: 5px; text-align: left; width:594px; float: left; border:1px solid #000000;background: #CCCCCC;}


.contentcontainerright {z-index:-1; margin: 0px; padding: 0px; text-align: left; width:146px; float: left; border:1px solid #000000;}
.contentcontainerrightshaded {z-index:-1; margin: 0px; padding: 0px; text-align: left; width:146px; float: left; border:1px solid #000000;background: #CCCCCC;}
.textright {z-index:-1; margin: 0px; padding: 5px; text-align: left; width:146px; float: left; border:1px solid #000000;}
.textrightshaded {z-index:-1; margin: 0px; padding: 5px; text-align: left; width:146px; float: left; border:1px solid #000000;background: #CCCCCC;}




.buffer {clear: both; width: 770px;	height: 40px; margin: 0px;padding: 0px;background-color: #ffffff;
}
/*----------------------------*/
/* Text Types */
/*----------------------------*/

/* Headings */
body {font-family: arial narrow; verdana, arial, sans serif; color: #000000; font-size: 100%;}
.white {font-family: arial narrow; verdana, arial, sans serif; color: #000000; font-size: 100%;}
.h1 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 160%;}
.h2 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 140%;}
.h3 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 120%;}
.h4 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 100%;}
.h5 {margin: 0px 0px 0.2em 0px; font-weight: bold; font-size: 80%;}
.h6 {margin: 0px 0px 0.2em 0px;font-weight: bold; font-style: italic; font-size: 60%;}

/* Images */
.img-left-noborder-notopmargin {float: left; margin: 0px 10px 0px 0px;}
.img-left-noborder-topmargin {float: left; margin: 3px 10px 0px 0px;}
.img-left-border-notopmargin {float: left; margin: 0px 10px 0px 0px; border: solid 1px rgb(150,150,150);}
.img-left-border-topmargin {float: left; margin: 3px 10px 0px 0px; border: solid 1px rgb(150,150,150);}
.img-right-noborder-notopmargin {float: right; margin: 0px 0px 0px 10px;}
.img-right-noborder-topmargin {float: right; margin: 3px 0px 0px 10px;}
.img-right-border-notopmargin {float: right; margin: 0px 0px 0px 10px; border: solid 1px rgb(150,150,150);}
.img-right-border-topmargin {float: right; margin: 3px 0px 0px 10px; border: solid 1px rgb(150,150,150);}
.img-centre-noborder-notopmargin {text-align: center; margin: 0px 0px 0px 0px;}
.img-centre-noborder-topmargin {text-align: center; margin: 3px 0px 0px 0px;}
.img-centre-border-notopmargin {text-align: center; margin: 0px 0px 0px 0px; border: solid 1px rgb(150,150,150);}
.img-centre-border-topmargin {text-align: center; margin: 3px 0px 0px 0px; border: solid 1px rgb(150,150,150);}


/*-------------------*/
/* 6.4 - Hyperlinks  */
/*-------------------*/
.content1 a, .content2 a, .content3 a, .sidebar-txtbox-noshade a, .sidebar-txtbox-shade a {color:#336600; text-decoration: underline;}
.content1 a:hover, .content2 a:hover, .content3 a:hover, .sidebar-txtbox-noshade a:hover, .sidebar-txtbox-shade a:hover {color:#003300; text-decoration: none;}
.content1 a:visited, .content2 a:visited, .content3 a:visited, .sidebar-txtbox-noshade a:visited, .sidebar-txtbox-shade a:visited  {color: #339900;}

.dog_friendly_list {list-style: url(../img/paw.gif) outside; marker-offset: 20;}
.skh_list {list-style=disc outside; marker-offset: 20;}

/*-------------------*/
/* rotate text */
/*-------------------*/
#dropcontentsubject{
width: 140px;
font-family: arial narrow; verdana, arial, sans serif; color: #000000; font-size: 120%; font-weight: bold;
background-color: #ffffff;
padding: 5px;
display:block;
}

.dropcontent{
width: 130px;
height: 20px;
font-family: arial narrow; verdana, arial, sans serif; color: #000000; font-size: 80%;
border: 0px solid black;
background-color: #ffffff;
padding: 10px;
display:block;
}