@charset "utf-8";
body {

	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #F0F1F3;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	
}
.oneColFixCtrHdr #container {
	width: 980px;  
	background: #F7F7F7;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	padding-bottom:0px;
	padding-top:1px;
	text-align: left; /* this overrides the text-align: center on the body element. */

}


.title1 {font-family: "trebuchet ms",verdana,arial; font-size: 24px; color: #8766A2;}

.maintext {font-family: "trebuchet ms",verdana,arial; font-size: 14px; color: #000000; line-height:21px;}

.travelcontenttext {font-family: "trebuchet ms",verdana,arial; font-size: 14px; color: #000000; line-height:21px;}

.bullettext {font-family: "trebuchet ms",verdana,arial; font-size: 14px; color: #8766A2;}

.reftext {font-family: "trebuchet ms",verdana,arial; font-size: 10px; color: #999999;}

a:link {color: #8766A2; text-decoration: none; }
a:active {color: #8766A2; text-decoration: none; }
a:visited {color: #8766A2; text-decoration: none; }
a:hover {color: #8766A2; text-decoration: underline; }




a#logo{
background:url(images/topbanner1.png) no-repeat;
background-position:0px 20px;
background-position:0px 0px;
width:920px;
height:157px;
height:137px;
display:block;
margin-left:20px;
margin-top: 0px;
margin-bottom: 0px;
line-height:350px;
overflow:hidden;

}


#header_right {
float:right;
margin-right:15px;
margin-top:2px;

}

#ftext
{
  display: block;
  float:left;
  width: 135px;
  height: 20px;
  margin: 4px 10px 4px 0px;
  background: url("images/language_choosetext.png") no-repeat 0 0;
}
#f1
{
  display: block;
  float:left;
  width: 22px;
  height: 20px;
  margin: 4px 6px 4px 0px;
  background: url("images/language_flag_english.png") no-repeat 0 0;
}

#f2
{
  display: block;
  float:left;
  width: 21px;
  height: 20px;
  margin: 4px 6px 4px 0px;
  background: url("images/language_flag_german.png") no-repeat 0 0;
}

#f3
{
  display: block;
  float:left;
  width: 21px;
  height: 20px;
  margin: 4px 6px 4px 0px;
  background: url("images/language_flag_french.png") no-repeat 0 0;
}

#f4
{
  display: block;
  float:left;
  width: 21px;
  height: 20px;
  margin: 4px 6px 4px 0px;
  background: url("images/language_flag_spanish.png") no-repeat 0 0;
}

#f5
{
  display: block;
  float:left;
  width: 21px;
  height: 20px;
  margin: 4px 6px 4px 0px;
  background: url("images/language_flag_italian.png") no-repeat 0 0;
}

#f6
{
  display: block;
  float:left;
  width: 21px;
  height: 20px;
  margin: 4px 6px 4px 0px;
  background: url("images/language_flag_dutch.png") no-repeat 0 0;
}





/* menu button bar with green buttons in it*/
.oneColFixCtrHdr #bar1 {

height:49px;
margin-left:20px;
font-size:1px;



}

#b1
{
  display: block;
  float:left;
  width: 111px;
  height: 40px;
  margin: 4px 4px 4px 0px;
  background: url("images/topbutton1.png") no-repeat 0 0;

}

#b1:hover
{ 
  background-position: 0 -40px;
}

#b1 span
{
  display: none;
}

#b2
{
  display: block;
  float:left;
  width: 111px;
  height: 40px;
  margin: 4px 4px 4px 0px;
  background: url("images/topbutton2.png") no-repeat 0 0;

}

#b2:hover
{ 
  background-position: 0 -40px;
}

#b2 span
{
  display: none;
}

#b3
{
  display: block;
  float:left;
  width: 111px;
  height: 40px;
  margin: 4px 4px 4px 0px;
  background: url("images/topbutton3.png") no-repeat 0 0;

}

#b3:hover
{ 
  background-position: 0 -40px;
}

#b3 span
{
  display: none;
}

#b4
{
  display: block;
  float:left;
  width: 111px;
  height: 40px;
  margin: 4px 4px 4px 0px;
  background: url("images/topbutton4.png") no-repeat 0 0;

}

#b4:hover
{ 
  background-position: 0 -40px;
}

#b4 span
{
  display: none;
}

#b5
{
  display: block;
  float:left;
  width: 111px;
  height: 40px;
  margin: 4px 4px 4px 0px;
  background: url("images/topbutton5.png") no-repeat 0 0;

}

#b5:hover
{ 
  background-position: 0 -40px;
}

#b5 span
{
  display: none;
}

#b6
{
  display: block;
  float:left;
  width: 111px;
  height: 40px;
  margin: 4px 4px 4px 0px;
  background: url("images/topbutton6.png") no-repeat 0 0;

}

#b6:hover
{ 
  background-position: 0 -40px;
}

#b6 span
{
  display: none;
}

#b7
{
  display: block;
  float:left;
  width: 111px;
  height: 40px;
  margin: 4px 4px 4px 0px;
  background: url("images/topbutton7.png") no-repeat 0 0;

}

#b7:hover
{ 
  background-position: 0 -40px;
}

#b7 span
{
  display: none;
}

#b8
{
  display: block;
  float:left;
  width: 115px;
  height: 40px;
  margin: 4px 0px 4px 0px;
  background: url("images/topbutton8.png") no-repeat 0 0;

}

#b8:hover
{ 
  background-position: 0 -40px;
}

#b8 span
{
  display: none;
}

/* Front / index page items */
#front_green_panel {
	background-color:#D9E588;
	width:920px;
	height:393px;
	margin-left:20px;
	font-size:1px;
	

}

#front_animation {
	margin-left:20px;
	padding-top:20px;
	font-size:1px;

}

#front_buttons {
	margin-left:20px;
	margin-top:20px;
	padding-top:0px;
	width:460px;
	font-size:1px;
	float:right;

}



#fb1
{
  display: block;
  float:left;
  width: 215px;
  height: 165px;
  margin: 0px 10px 19px 0px;
  background: url("images/front_button1.png") no-repeat 0 0;

}

#fb1:hover
{ 
  background-position: 0 -165px;
}

#fb1 span
{
  display: none;
}

#fb2
{
  display: block;
  float:left;
  width: 215px;
  height: 165px;
  margin: 0px 10px 19px 0px;
  background: url("images/front_button2.png") no-repeat 0 0;

}

#fb2:hover
{ 
  background-position: 0 -165px;
}

#fb2 span
{
  display: none;
}

#fb3
{
  display: block;
  float:left;
  width: 215px;
  height: 165px;
  margin: 0px 10px 0px 0px;
  background: url("images/front_button3.png") no-repeat 0 0;

}

#fb3:hover
{ 
  background-position: 0 -165px;
}

#fb3 span
{
  display: none;
}

#fb4
{
  display: block;
  float:left;
  width: 215px;
  height: 165px;
  margin: 0px 10px 0px 0px;
  background: url("images/front_button4.png") no-repeat 0 0;

}

#fb4:hover
{ 
  background-position: 0 -165px;
}

#fb4 span
{
  display: none;
}


/* purple title bar - dog travel sickness etc.*/
#bar2 {
	margin-left:20px;
}

#bar3 {
	margin-left:20px;

	
	

}

#greyline {
	padding-top:10px;
	padding-bottom:10px;
	margin-top:40px;
	margin-left:40px;
	background: url("images/greyline.png") no-repeat 0 0;

	}



.oneColFixCtrHdr #mainContent {

	background: #FFFFFF;
	margin-left:10px;
	margin-right:10px;
	padding-top:10px;


}

.oneColFixCtrHdr #leftcontent {
	margin-top:35px;
	background: #FFFFFF;
	width:480px;
}

.oneColFixCtrHdr #leftcontentdownloads {
	margin-top:35px;
	padding:0px 0px 0px 0px;
	background: #FFFFFF;
	width:880px;
}

.oneColFixCtrHdr #rightcontent {
	margin-top:35px;
	background: #FFFFFF;
	float:right;
	width:400px;
	margin-right:20px;

}

.oneColFixCtrHdr #rightcontent_vet {
	margin-top:35px;
	background: #FFFFFF;
	float:right;
	width:360px;
	margin-right:20px;

}

.oneColFixCtrHdr #frontcontent {

	background: #FFFFFF;
	margin-left:0px;
	margin-top:30px;
	
	width:550px;
	

}
.oneColFixCtrHdr #linkcontent {

	background: #FFFFFF;
	margin-left:10px;
	margin-top:10px;
	

}

.oneColFixCtrHdr #quizcontent {

	background: #FFFFFF;
	margin-left:20px;
	margin-top:24px;
	margin-bottom:24px;
	

}

.oneColFixCtrHdr #travelcontent {

	background: #FFFFFF;
	margin-top:35px;
	margin-right:300px;
	margin-bottom:40px;
	

}

.oneColFixCtrHdr #travelcontent_right {
	background:#F3F0F6;
	padding: 10px 10px 10px 10px;
	float:right;
	margin-right:20px;
	margin-top:40px;
	width:215px;
	

}

.oneColFixCtrHdr #questioncontent_right {
	background:#F3F0F6;
	padding: 10px 10px 10px 10px;
	float:right;
	margin-right:40px;
	margin-bottom:40px;
	width:315px;
	

}

.oneColFixCtrHdr #downloadcontent {
	
	
	background: #FFFFFF;
	margin-right:0px;
	float:left;
	margin-top:40px;
}

#downloadcontent_right {


	background: #FFFFFF;
	
	padding: 0px 0px 0px 0px;
	float:right;
	margin-right:20px;

}

#downloadcontent_right2 {
	background:#F3F0F6;
	padding: 10px 10px 10px 10px;
	float:right;
	margin-right:40px;
	margin-bottom:40px;
	margin-top:20px;
	margin-left:20px;
	width:400px;
	

}



.oneColFixCtrHdr #footer {

	padding: 0px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-image: url(images/footer2.png);
	background-repeat: no-repeat;
	margin-left:20px;
	height: 170px;


}


.oneColFixCtrHdr #footer_dog {
	background-image: url(images/footer_dog2.png);
	background-repeat: no-repeat;
	width: 174px;
	height: 200px;
	margin-right:30px;
	float: right;
}