/* html {overflow-x: auto; overflow-y: auto;} */

/* The min-width property does not work in old versions of Internet Explorer */
/* so fake min-width for internet explorer 6 */
* html .minwidth {border-left:800px solid #fff; position:relative; float:left; z-index:1;}
* html .container {margin-left:-800px; position:relative; float:left; z-index:2;}

body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background-color: #ffff99;
	min-width:800px;    /* Minimum width of layout - remove line if not required */
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	color: #480202;
}

a {
	 /* color:#106003; */
	 /* color:#4f4f4f; */
	 color:#696A70;
	 
}

a:hover {
	color:#910303;
	text-decoration:underline;
}

h1 {font-size: 2em; margin: .67em 0;}
h2 {font-size: 1.5em; margin: .83em 0;}
h3 {font-size: 1.17em; margin: 1em 0;}
h4 {font-size: 1em; margin: 1.33em 0;}
h5 {font-size: .83em; line-height: 1.17em; margin: 1.67em 0;}
h6 {font-size: .67em; margin: 2.33em 0;}
h1, h2, h3, h4, h5, h6 {font-weight: bolder;}

h1 {
color: #910303;
}

h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}

p {
	margin:.4em 0 .8em 0;
	padding:0;
}

table, tr, td {
border-color: black;
}

td {
vertical-align: top;
}


img {
	border: 0;
	margin: 0;
	padding: 0;
}

img.pageSize { 
	margin: 0;
	border: 0;
	padding: 0;
	padding-right: 2px;
	line-height: 0;
}


img.floatLeft { 
    float: left; 
    margin: 1em; 
    clear: left;
}

img.floatRight { 
    float: right; 
    margin: 1em; 
    clear: right;
}

img.floatCenter {
	display: block;
	margin-left: auto; 
	margin-right: auto
	clear:both;
}

img.ffloatLeft { 
    float: left; 
    margin-right: 1em;
}

img.ffloatRight { 
    float: right; 
margin-left: 1em;
}

img.ffloatCenter {
	margin-left: auto; 
	margin-right: auto
}

a img.floatRight {text-decoration: none; background-color: none; float:right; margin:0 0 1em 1em}
a img.floatLeft {text-decoration: none; background-color: none;  float:left; margin:0 1em 1em 0}
a img.floatCenter {display: block; margin-left: auto; margin-right: auto}

#box
{
text-align: center;
width:100%;
margin: 0px;
padding: 0px;
border: 1px solid black;
} 

#box img
{
margin-top: 1em;
} 

#bright{
float:right;
margin-left: 1em;
}

#bleft{
float:left;
margin-right: 1em;
}

#bcenter {
margin-left:auto;
margin-right:auto;
} 

/* Header styles */
#header {
  clear:both;
  float:left;
  width:100%;
  height: 178px;
  background-color: #910303;
  background-image: url("../img/hund4u_logo1.jpg");
  background-position: top center;
  background-repeat: no-repeat;
	border-bottom:1px solid black;
}

#header2 {
  margin-top: 2px;
  clear:both;
  float:left;
  text-align: right;
  width:100%;
  height: 28px;
  background-color: #ffff99;
	line-height: 0;
}


/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden; /* This chops off any overhanging divs */
}

	/* 2 column left menu settings */
.leftmenu {
	background:#ffff99;
}

.leftmenu .colright {
	float:left;
	width:200%;
	position:relative;
	left:12em;
	background:#ffff99;
	color: #480202;
}

.leftmenu .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:12em;
	padding-bottom:1em;
}

.leftmenu .col1 {
	margin:0 2em 0 13em;
	position:relative;
	right:100%;
	overflow:hidden;
}
    
.leftmenu .col2 {
	float:left;
	width:10em;
	position:relative;
	right:11em;
}

/* news article on frontpage */
.article {
border-top: 1px dashed #b2b2b2;
border-bottom: 1px dashed #b2b2b2;
}

.articledate {
font-size:75%;
}


	/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
	background-color: #910303;
	color: #ffff99;
	height: 50px;
}

#footer p {
	padding:10px;
	margin:0;
}
    
#tswcssbuttons {
	padding-top: 20px;
	text-align: left ;
}

#tswcssbuttons ul {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	border: 1px solid black;
}

#tswcssbuttons li {
	margin: 0 ;
	padding: 5px ;
	display: block ;
	list-style: none ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#tswcssbuttons li a {
	color: #910303 ;
	background-color: #ffff99 ;
	border: 1px outset #000000 ;
	text-decoration: none ;
	display: block ;
	padding: 5px;
}

#tswcssbuttons li a:hover {
	color: #ffff99 ;
	background-color: #910303 ;
}    


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: 120px; /*position where enlarged image should offset horizontally */

}