html {
margin: 0em;
padding: 0em; }

body{margin:0;padding:0;line-height: 1.6em;background-color: #fff;font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;font-size: 77%;color: #000;letter-spacing: 1px;
position: absolute;
top: 0px;
left: 0em; }

#header {height: 118px;border-bottom: 3px solid #000;
background-image: url(http://www.pets.org.au/images/bg/headbg.gif);
}

#middlewrapper{float: left;width: 100%;
background-color: #fff; }

#middlecolumn{margin: 0em 20px 0em 186px;
background-color: #eee; }

#middlecolumnyellowbg{margin: 0em 20px 0em 186px;
background-color: #ffc; }

#leftcolumn{float: left;width: 182px;margin-left: -100%;
background-color: #fff;
}

#rightcolumn{float: left;width: 20px; /*Width of right column*/margin-left: -20px;
background-color: #fff;
height: 100%; }

#columntwo{margin: 0em 182px 0em 188px;
background-color: #eee; }

div#slideshow_container
{
margin-left: auto;
margin-right: auto;
width: 400px;
height: 200px; }


#columnthree{float: left;width: 182px; /*Width of right column*/margin-left: -182px;
background-color: #fff;
height: 100%; }



#footer{clear: left;width: 100%;text-align: center;padding: 5px 0 5px 0;background:#4E5965;}

/*   Site titles   */

#header h1 {
  margin: 0;
  padding: 0;

  font: 700 3.5em "trebuchet ms", sans-serif;
  letter-spacing: -3px;
  text-transform: lowercase;
  color: #090949;
position: absolute;
top: 1px;
left: 10px; }

#header h2 {
  position: absolute;
  top: 58px;
  left: 22px;

  margin: 0;
  padding: 0;

  font: 700 normal 1em "trebuchet ms", serif;
  text-transform: lowercase;
  color: #090949;

}

#header h3 {
position: absolute;
top: 70px;
left: 10px;

margin: 0;
padding: 0;

font: 700 oblique 1.3em "trebuchet ms", serif;
color: #090949; }

#header h4 {
  position: absolute;
  top: 100px;
  left: 12px;

  margin: 0;
  padding: 0;

  font: 700 01em "trebuchet ms", serif;
  text-transform: lowercase;
  color: #090949;
}



/* Header image position */
#header img.right {
  position: absolute;
  z-index: 0;

  top: 12px;
  right: 0;
}



/*** Navigation Top ***/

#navcontainer { 
  float: left;
  width: 100%;
  clear: both;
background-color: #fff;
}

#navcontainerFB {
  float: left;
  width: 180px;
  clear: both;
background-color: #fff;
position: relative;
top: 5px;
left: 10px;
height: 25px; }


#navcontainer ul {
  margin: 0;
  padding: 0;
}

#navcontainer li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}

#navcontainer li a {
  float: left;
  margin: 0em 5px 0em 5px;
  padding: 5px 3px 5px 3px;

  font: 400 1em "trebuchet ms", serif;
  text-decoration: none;
  color: #000;
word-spacing: -3px; }

#navcontainer li a:hover,
#navcontainer li a.active {
  color: #65EBFF;
  border-top: 5px solid #000;
}

#navcontainer li a.last {
  margin-right: 0;
}

/***  Left  Column ***/

.leftcontent{margin-top: 10px;
margin-right: 8px;
margin-bottom: 10px;
margin-left: 8px; }

#submenubox {
background-color: #fff;
margin: 0px; }

#contactsbox {
margin-left: 3px;
margin-bottom: 3px;
margin-right: 3px;
margin-top: 10px;
background-color: #fff; }

ul.subnavbar {
  margin: 0;
  
color: #000;
padding-left: 5px;
}

a.subnavbar {
margin: 0;
color: #000;
padding-left: 5px;
}

p.subnavbar {
line-height: 1.5em; }

.subnavbar li {
  display: inline;
  
  /* Needed since IE fails when you give it list-style: none; */  
  list-style-image: url(foo.gif);
  font: 400 1em "trebuchet ms", serif;
padding-left: 0px;
margin: 0em; }

.subnavbar a {  
  display: block;
  margin: 0em 5px 0em 0em;
  padding: 0px 5px 0px 5px;
text-decoration: none;
color: #000; }

.subnavbar li a {
  display: block;
  margin: 0em 5px 0em 0em;
  padding: 0px 5px 0px 5px;    
  
  text-decoration: none;
  color: #000;
border: 0em none; } 

#submenubox legend { color: #65EBFF;
font-weight: bold; }

#submenubox fieldset {
border: #65ebff solid;

width: 154px; }

.subnavbar a:hover {
  color: #65EBFF;
  background: #5F5F5F;
}

.subnavbar li a:hover {
  color: #65EBFF;
  background: #5F5F5F;
}

/* Active menu item */
.subnavbar li.active {
  display: block;  
  padding: 5px;
  color: #65EBFF;
  background: #555;
}

/* Submenu of active menu item */
.subnavbar li.active ul {
  margin: 0;
  padding: 0;
}

.subnavbar li.active ul li a {
  padding-left: 35px;
  font: 400 0.55em verdana, arial, sans-serif; 
  color: #FFF;  
}

.subnavbar li.active ul li a:hover {
  color: #9FF3FF;
}


dl.marginsremoved {
font: 400 1em "trebuchet ms", serif;
margin: 0px;
padding-top: 0em;
padding-right: 0em;
padding-left: 0px;
padding-bottom: 0px; }

.marginsremoved dt {
margin: 0px;
font-weight: bold;
padding-top: 5px;
padding-right: 0em;
padding-bottom: 0em;
padding-left: 5px;
font-style: italic; }

.marginsremoved dd {
margin: 0 0 0 0;
padding-top: 0em;
padding-right: 0em;
padding-bottom: 0em;
padding-left: 8px; }

.leftcontent h6 {
margin-bottom: 0px; }

.leftcontent ul {
padding-bottom: 10px; }

.leftcontent fieldset {border: 1px solid #001442; padding: 0em 4px 5px 4px; text-align: left; line-height: 1.5em; margin: 5px 20px 20px 0em; font-size: 82%;
width: 158px;
color: #090969; }

/***  Middle  Column ***/

.middlecontent{padding-bottom: 20px; margin-top: 0px;
margin-left: 4px;
margin-right: 3px;
padding-left: 2px; }

.rightcontent{margin: 8px;margin-top: 10px;}

.rightcontent fieldset {border: 1px solid #001442; padding: 0em 4px 5px 4px; text-align: left; line-height: 1.5em; margin: 5px 20px 20px 0em; font-size: 82%;
width: 158px;
color: #090969; }

#ebw0 {border-width:0px} /* Border width */

h1,h2,h3,h4 {color: #fff;letter-spacing: 2px;
font-family: "trebuchet ms",sans-serif;
padding: 5px;
margin-left: -5px;
margin-right: -3px; }

h1 {font-size: 197%;}

h2 {font-size: 152%;font-weight: normal;}

h3 {font-size: 122%;}

h4,h5,h6 {font-size: 100%;}

.middlecontent h1 {
background-color: #090949; }
.middlecontent h2 {
background-color: #090949; }
.middlecontent h3 {
background-color: #090949; }
.middlecontent h4 {
background-color: #090949; }
.middlecontent h5 {
color: #090949; }
.middlecontent h6 {
color: #090949; }

.pic {text-align: left;line-height: 1.5em;font-size: 82%;
color: #090969; }

.noborder {border: 0px;
}


.container {
padding: 5px;
text-align: center;
}

.box {

margin: 5px;
border: 1px solid #00f;
display: inline-block; 
width:370px;
vertical-align: top; /* explicitly declare your preference as Moz inline-box auto aligns to top */
text-align: left; /* to left align text within divs when container has been set to center */
}

.box p {margin: 0.5em;} 


.middlecontent fieldset {border: 1px solid #001442; text-align: left;line-height: 1.5em;font-size: 82%;
margin: 5px;
padding: 5px;
color: #090969; }



.w160 {
width: 160px; }

.w220 {
width: 220px; }

.w210 {
width: 210px; }

.w200 {
width: 200px; }

.w280 {
width: 280px; }

.w350 {
width: 350px; }

.w360 {
width: 360px; }

.w600 {
width: 600px; }


/*** Gallery Styles ***/

.gallery {text-align: center;}

.gallery img {margin: 0em 3px 10px 3px;border: 0;}

#list{margin-left: 15px;padding-left: 0;list-style: none;}

#list li{padding-left: 10px;
background: url(images/list.gif) no-repeat 0 7px;}

/*Alignment classes*/


.floatLeft {
  float: left;
}




.floatRight {
  float: right;
}

.floatCentre {
text-align: center; }

.clearRight {
clear: right; }

.clearLeft {
clear: left; }

.clearBoth {
clear: both; }

ul.scrunched {
margin-top: 0em;
margin-bottom: 0em;
padding-left: 2em;
padding-bottom: 0em; }


/* Special areas */

legend {color: #090949;font-size: 120%;border: 1px solid #fff;background-color: #fff;padding: 0px 4px 0px 4px;}

.bold {
font-weight: bold; }

.italic {
font-style: italic; }

table {
border-collapse: collapse;
margin-right: auto;
margin-left: auto;
font-size: 92%; }

th {
background-color: #666;
border: 1px #eee solid;
padding-right: 5px;
padding-left: 5px;
padding-top: 1px;
padding-bottom: 1px;
line-height: 1.2em; }

td {
background-color: #aaa;
border: 1px #eee solid;
padding-top: 1px;
padding-right: 5px;
padding-bottom: 1px;
padding-left: 5px;
line-height: 1.3em; }

td.empty {
background-color: #eee; }

.yellowbg {
background-color: #ffc; }

.lineheight4em {
line-height: 4em;
vertical-align: middle; }