/* cascading style sheet from     */
/* http://www.greyhoundsrescue.be */
/* last update 13.03.2009         */
/* last update 11.03.2010         */
/* last update 20.11.2011         */
/* last update 27.06.2012         */
/* last update 19.06.2013         */
/* last update 05.07.2013         */
/* last update 03.09.2015         */
/* ------------------------------ */
body {
	margin: 0;
	padding: 0;
	background-color: #c7b59d;
	color: #6e492e;
	text-align: center;
	font: 14px Verdana, Arial, Helvetica, sans-serif
}
ul, li {
	list-style-type: none;
}
#container {
	width: 770px;
	margin: 10px auto;
	background-color: #ba8e73;
	border: 5px solid White;
	line-height: 130%;
	text-align: left;
	position: relative
}
#header {
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	border: 0;
	position: relative;
	height: 204px;
	width: 770px;
	background: #ba8e73 url(header.jpg) no-repeat
}
#header h1 {padding: 0; margin: 0}
#header h1 span {position: absolute; left: -2000px} 
#content {
	width: 570px;
	margin: 0 0 0 190px;
	color: #6e492e
}
#content a:link {
	text-decoration: none;
	color: #B22222;
	border-bottom-style: none
}
#content a:visited {color: Maroon}
#content a:hover, a:active {
	background-color: #FFF2BF;
	color: maroon
}
#footer {
	width: 100%;
	border-top: 5px solid white;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 5px
}

#searchheader {
	height: 45px;
	width: 770px;
	margin: 10px auto;
}

/* begin navigation top */
#topnav {
	white-space: nowrap;
	width: 100%;
	padding: 0;
	margin: 0;
	float: left;
	background: transparent url(gif/oker.gif) repeat-x;
	border-bottom: 5px solid White
}
#topnav a {font: bold 11px Verdana, Arial, sans-serif }
#topnav ul {
	padding: 0;
	margin: 0;
	float: right
}
#topnav ul li { display: inline }
#topnav ul li a {
	padding: 0em 1em;
   text-decoration: none;
   float: left;
   border-right: 1px solid #6e492e
}
#topnav ul li a:link {border-bottom: 0; color: #6e492e;}
#topnav ul li a:visited {color: maroon}
/***** Fix IE. Hide from IE Mac \*****/
 html #topnav ul li {float: left}
 html #topnav ul li a {height: 20px ; border-bottom:0}
/***** End fix IE *****/
#topnav ul li a:hover, a:active {
	background-color: transparent;
	color: white
}
/*
 second topmenu
--------------- */
.topnav2 {
	font: bold 13px arial;
	padding: 6px 0;
	margin: 0;
	background-color: #FFF2BF;
	text-align: left
}
.topnav2 li {
	list-style: none;
	display: inline
}
.topnav2 li a {
	padding: 3px 0.5em;
	text-decoration: none;
	color: #6e492e;
	background-color: #FFF2BF;
	border: 2px solid #FFF2BF
}
.topnav2 li a:hover  {
	color: white;
	background-color: #d5ac80 !important;
	border-style: outset;
	text-decoration: none
}
html>body .topnav2 li a:active { /* Apply mousedown effect only to NON IE browsers */
	border-style: inset
}
.topnav2 li a.current {
  background-color: #d5ac80 !important;
  color: white;
  border-style: inset
}
/* end navigation top */
/* begin menu navigation left */
#leftcolumn {
	float: left;
	margin: 5px 0 0 5px;
	top: 220px;
	width: 175px;
	background-color: #d5ac80;
/*	overflow: hidden; ++*/
}
#leftcolumn p {
	margin: 0 0.5em 1em 0.5em;
	overflow: hidden;
	max-width: 160px;
}
#leftnav {
  float: left;
  padding: 1em;
  border-bottom-width: 0;
  width: 140px;
  margin-top: 40px
}
* html #leftnav {/*IE only rule. Original menu width minus all left/right paddings */
  width: 140px
}
#leftnav ul, li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  font: 14px verdana, arial, sans-serif
}
#leftnav a {
  font: bold 13px Verdana;
  padding: 4px 3px;
  display: block;
  width: 100%; /* Define width for IE6's sake */
  text-decoration: none;
  border-bottom: 1px solid #6e492e
}
#leftnav a:link {
	color: #6e492e;
	text-decoration: none
}
#leftnav a:visited {color: maroon}
html>body #leftnav a { /*Non IE rule*/
  width: auto
}
#leftnav a:hover, a:active {
	background-color: #F8FBBD;
	color: maroon;
	font-weight: bold
}
/* end menu navigation left */
/*
links left navigation
---------------------*/
.favs {
	left: 0;
	top: 0;
	margin: 0;
	background: transparent;
	font-weight: bold
}
.favs ul {
	margin: 0px 0px 0px 20px;
	padding: 0;
	list-style: outside url(gif/tridot.gif)
}
ul.favs li {list-style: outside url(gif/tridot.gif); white-space: nowrap}
.favs a:link {
	color: #708090;
	text-decoration: none;
	list-style: outside url(gif/tridot.gif)
}
.favs a:visited {color: maroon; text-decoration: none}
.favs a:hover, a:active {color: maroon}
/*
end links left navigation
------------------------- */
.fine {
	font-size: 11px;
	background-color: transparent;
	color: #6e492e
}
.fine a {text-decoration: none; list-style: none; margin: 0; border: none}
.fine a:link {font-weight: bold; color: #6e492e}
.fine a:visited {color: #6F2400}
.fine a:hover {
	border-bottom: 1px solid;
	background-color: #F8FBBD;
	color: maroon
}
.fine a:active {color: maroon}

.maroon {
	text-decoration: none; 
	color: maroon; 
	font-weight: bold
}
.white {
	text-decoration: none;
	color: white;
	font-weight: bold
}
.blue {
	color: #13568A;
	font-weight: bold;
}

.red {
	color: red;
	font-weight: bold
}
.linkul {
	list-style-type: none;
	color: #6e492e;
}
.linkul a {
	border: 0;
	text-decoration: none;
	color: #6e492e;
/*	font-weight: bold
	border-bottom: 1px #F8FBBD;*/
}
.linkul ul {
	margin: 0;
	list-style-type: none;
	line-height: 2em
}
.linkul ul li {white-space: nowrap}
.linkul a:link {text-decoration: none}
.linkul a:visited {color: maroon}
.linkul a:hover {	
	color: maroon;
	border-bottom: 1px solid #F8FBBD
}
.linkul a:active {color: #6e492e}
h1, h2, h3, h4 {
	font-weight: bold;
	text-align: center;
	margin: 5px;
	padding: 10px 10px 10px 10px;
	line-height: 120%;
}
h1 {font-size: 12pt}
h2 {font-size: 11pt}
h3 {
	font-size: 10pt;
	text-align: left;
}
h4 {
	font-size: 8pt;
	margin-top: 0;
	margin-bottom: 0.3em;
	padding-top: 0;
	padding-bottom: 0
}
p {
/*	margin: 2px 2px 5px 2px;
text-indent: 33px;*/
/*	
font-size: 12 px;
font: 12px Verdana, Arial, Helvetica, sans-serif;*/
	font: normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif
}
.initial{
	font-size:40px;
	font-weight: bold;
	color:#62629C;
	float:left;
	height:34px;
	line-height:34px;
	margin-top:2px;
	margin-right:1px;
	font-family: times
}
/***** img and icons *****/
.clearing {height: 0; clear: both}
.gotop {
	clear: both;
	font-size: 10pt;
	background-color: transparent;
	text-align: right;
	margin-right: 3px;
	border-style: none
}
.gotop a {text-decoration: none}
.gotop a:link {color: #6e492e; font-weight: bold}
.gotop a:visited {color: maroon}
.gotop a:hover {
/*	text-decoration: underline;*/
	border-bottom: 1px solid #F8FBBD;
	color: Maroon
}
.gotop a:active {color: Maroon}
.img {border: 0; text-align: center;}
.image {
	border: #bac1a3 1px solid;
	float: none;
	text-align: center;
	padding: 5px 5px 5px 5px;
}
.imgleft {
	border: #bac1a3 1px solid;
	padding: 3px;
	float: left;
	text-align: center;
	margin: 0.5em
}
.imgright {
	border: #bac1a3 1px solid;
	padding: 3px;
	float: right;
	text-align: center;
	margin: 0.5em
}
.icons {
/*	padding-top: 5px;
	padding-right: 5px; */
	padding: 0;
	margin: 0;
	border: 0
}
/***** end img and icons *****/
/*
float img
---------*/
.float {
	float: left;
	margin: 15px 15px 15px 20px;
	padding: 15px 10px 5px 10px;
	border-top: 1px solid Gray;	
	border-right: 2px solid Gray;
	border-bottom: 2px solid Gray;
	border-left: 1px solid Gray;
	background-color: #ddd
}
.float img {padding: 5px; border: none}
.float p {text-align: center; font-size: 10pt}
.float imgleft p {text-align: center; font-size: 10px}
/*
end float img
-------------*/
/*
CSS Popup Image Viewer, more information 
visit http://www.dynamicdrive.com/
 ----------------------------------*/
.thumbnail{
  position: relative;
  float: left;
  z-index: 0;
  background-color: #d5ac80; 
  margin: 5px;
  padding: 3px !important;
}
.thumbnail:hover{
  background-color: transparent;
  z-index: 50
}
.thumbnail span{ /* CSS for enlarged image */
  position: absolute;
  background-color: #F8FBBD;
  padding: 2px;
  left: -1000px;
  border: #aa2716 2px solid;
  visibility: hidden;
  color: #aa2716;
  text-decoration: none;
  text-align: center;
  font-weight: bold
}
.thumbnail span img{ /* CSS for enlarged image */
  padding: 2px
}
.thumbnail:hover span{ /* CSS for enlarged image on hover */
  visibility: visible;
  top: 0;
  left: 205px /* position where enlarged image should offset horizontally */
}
/* end popup image */
/*
contact page
------------*/
.row { padding: 5px}
.row span.label {
  float: left;
  width: 450px;
  text-align: left
}
.row span.formw {width: 300px; text-align: left} 
.contact{
  width: 500px;
  background-color: #F1D6B8;
  border: 1px dotted Gray; 
  margin: 0
}
/*
end contact page
----------------
leftbox
------- */
.leftbox {
	float: left;
	width: 173px;
	margin: 0.5em 0 0 0;
	background: #fff2bf;
	border: 1px solid;
	line-height: 120%;
	text-align: center;
}
.leftbox ul li {
	margin-left: -10px;
	text-decoration: none;
	list-style: none;
}
.leftbox h1 {
	font-size: 200%;
	margin: 0;
	padding: 0 0 3px;
	background-color: #e7b865;
	color: #6e492e;
	border-top: 1px solid
}
.leftbox h3 {
	font-size: 80%;
	margin: 0;
	padding: 3px 3px 3px 3px;
	background-color: #FFCECE;
	color: #CC0000;
	text-align: center;
	border-bottom: 1px solid;
	border-top: 1px solid
}
.leftbox h2 {
	font-size: 100%;
	margin: 0;
	padding: 2px 0 3px 0;
	background-color: #e7b865;
	color: #6e492e;
	text-align: center;
	border-bottom: 1px solid;
	border-top: 1px solid;
}
.leftbox p {
	padding: 5px 5px 5px 5px;
	line-height: 1.3;
}
.leftbox a{
	list-style: none;
	text-decoration: none;
	border-bottom: 1px dotted;
	color: #6e492e
}
.leftbox a:visited {color: maroon}
.leftbox a:hover {
	text-align: left;
	color: maroon;
	border-bottom: 1px solid
}
/*
floatbox
--------*/
.floatbox {
	float: left;
	border: 1px solid;
	width: 555px;
	background: #fff2bf;
	background-color: #F1D6B8;	
	color: #6e492e;
	margin: 5px 5px 5px 10px;
 	text-align: center;
}
.floatbox h2 {
	margin: 0;
	padding: 2px 0 3px 0;
	border-bottom: 1px solid;
	background-color: #d5ac80;
	color: #6e492e;
 	text-align: center;
}
.floatbox h3 {
	font-size: 100%;
	background-color: #e7b865;
	border-bottom: 1px solid;
	margin: 0;
 	text-align: center;
}
.floatbox p {
	margin: 0;
	padding: 5px 10px 5px 10px;
	line-height: 1.3;
	text-align: left;
}
.floatbox ul, li {
	text-align: left;
}
.alert {
	background: #fff2bf url(gif/flash-warning.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 30px 5px 90px;
	border-top: 3px solid #e7b865;
	border-bottom: 4px solid #e7b865;
}
.italic {font-style:italic;}

.e-mail {
  unicode-bidi: bidi-override;
  direction: rtl;
}
.bullet-orange {
	list-style-image: url(gif/bullet-orange.gif)
}
.big {font-size:30px;font-weight:bold;}

.floatleft{
  float: left;
  padding: 2px;
	margin: 0;
	border: 0; 
}
.floatright{
  float: right;
  padding: 5px;
	margin: 0;
	border: 0;
}

.bold {
	font-weight: bold
}
.center {
	text-align: center;
	padding-left: 40px;
}