html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

@media all and (orientation: landscape) {
  /* Target device in landscape mode */
}

@media all and (orientation: portrait) {
  /* Target device in portrait mode */
}

body
{ font: normal 1.0em arial, sans-serif;
  background: #FFF;
  color: #000000;}
img
{ border: 0;
  max-width: 100%;}

.line { 
   width: 1000px;
   height: 3px;
   margin-bottom: 10px;
   margin-left: auto; 
   margin-right: auto;
   float:left;
   background: url('../images/pages/line_1000.gif') no-repeat;}

#content{
	width:1000px;
	overflow: hidden;
	margin-top: 5px;
	background: transparent;
	float: left;}

#page
{ width: 1000px;
  overflow: hidden;
  margin-top: 0px;
  background-color: #FFFFFF;
  margin-left: auto; 
  margin-right: auto;}

/* content */    
.text
{ text-align: left;
  width: 1000px;
  height: auto;
  float: left;
  background:transparent;}
 
.text_content 
{ width: 1000px;
  margin: 5px 5px 5px 5px;
  float: left;}
p
{ padding: 0 0 10px 0;
  line-height: 1.2em;}

.center {
	text-align: center;}

a:hover
{ background: transparent;
  outline: none;
  text-decoration: none;
  color: #40477F;}

a
{ background: transparent;
  outline: none;
  text-decoration: underline;
  color: #40477F;}

a:hover
{ text-decoration: none;
  color: #40477F;}

/* headings */ 
h1  { /*Dreibergen Rottweilers */
    font: bold 100% arial, sans-serif;
    text-align: center;
    color: #000000;
    letter-spacing: -1px;
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;}
h2  { /* Blue Font In Page Topic */
    font: bold 200% arial, sans-serif;
    color: #40477F;
    letter-spacing: -1px;
    margin: 0 0 5px 0;
    padding: 10px 0 0 0;}
h3 { /* Blue Background White Text Heading */
    font: bold 175% arial, sans-serif;
    height: 35px;
    width: 100%;
    padding: 3px 0 0px 5px;
    color: #FFF;
    background: #40477F;}
h4 { /* Blue Font */
    font: bold 125% arial, sans-serif;
    color: #40477F;
    letter-spacing: -1px;
    margin: 0 0 0px 0;
    padding: 0px 0 0 0;}
h5 { /* Black Heading */
    font: bold 125% arial, sans-serif;
    color: #000000;
    letter-spacing: -1px;
    margin: 0 0 0px 0;
    padding: 0px 0 0 0;}
h6 {
    height: 35px;
    width: 240px;
    padding: 3px 0 0px 5px;
    color: #FFF;
    background: #40477F;}  


ul {
 list-style-type: disc;
 list-style-image: url(bullet.gif);
 list-style-position: inside;
 padding-left: 1em;

 }






#contact{
  width: 230px;
  float: left;
  height: 40px;
  background: transparent;
  margin-left: auto; 
  margin-right: auto
  padding: 10px 0px 10px 20px;
}


  

/* column handling */
.column_container{
    float: left;
    width: 1000px;
	height:auto;
	padding-bottom:5px;}

.column_2_1{
	padding:0 0 0 0;
	float:left;
	width: 500px;
    height:auto;}
.column_2_2{
	font: normal 1.0em arial, sans-serif;
  	color: #000000;
	width: 500px;
	padding: 0 0 0 0;
    float:right;
    height:auto;}
.rbcolumn_2_1{
	font: normal 1.0em arial, sans-serif;
  	color: #000000;
	padding:0 0 0 0;
	float:left;
	width: 500px;
    height:auto;}
.rbcolumn_2_2{
	width: 500px;
	padding: 0 0 0 0;
    float:right;
    height:auto;}

.column_left{
	padding:0 10px 0 0;
	float:left;
	width: 490px;
    height:auto;}
.column_line{
	width: 5px;
	padding: 0 0 0 0;
    float:left;
    height:auto;}
.column_right{
	width: 490px;
    padding: 0 0 0 5px;
    float: left;
    height:auto;}
    
.column_4_1{
	padding:0 0 0 0;
	float:left;
	width: 250px;
    height:auto;}
.column_4_2{
	width: 250px;
	padding: 0 0 0 0;
    float:left;
    height:auto;}
.column_4_3{
	width: 250px;
    padding: 0 0 0 0;
    float: left;
    height:auto;}
.column_4_4{
	width: 250px;
	padding: 0 0 0 0;
	float:left;
    height:auto;}


/* image handling */
.image_left
{ width: auto;
  padding: 5px 5px 0px 0px;
  float: left;}

.image_right
{ width: 200px;
  padding: 5px 0px 0px 5px;
  float: right;}

.image_center
{ width: 200px;
  padding: 0px 5px 0px 5px;
  float: none;}

/* KS LS Results */
.results_table{FONT-SIZE: 11pt; 
	COLOR: #000000; 
	TEXT-INDENT: 0px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none; font-style:normal}



/* pedigree */
.pedigree a:link {	FONT-SIZE: 8pt; 
	COLOR: #000000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none; font-style:normal}
.pedigree a:active {FONT-SIZE: 8pt; 
	COLOR: #40477F; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none; font-style:normal}
.pedigree a:visited {	FONT-SIZE: 8pt; 
	COLOR: #40477F; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none; font-style:normal}
.pedigree a:hover {FONT-SIZE: 8pt; 
	COLOR: #40477F; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: underline; font-style:italic}
.pedigree{FONT-SIZE: 8pt; 
	COLOR: #000000; 
	TEXT-INDENT: 0px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none; font-style:normal}
  
/* sidebar */
.text_sidebar
{ text-align: left;
  width: 720px;
  height: auto;
  margin: 0 0px 0px 0;
  float: left;
  background:transparent;}
.sidebar_container { 
   float: right;
   width: 260px;
   margin: 0px 0 5px 0;}
.sidebar { 
   float: right;
   width: 260px;
   padding-left: 10px;
   margin-bottom: 10px;}
.sidebar_item {
   font: normal 100% arial, sans-serif;
   padding: 0 15px 0 0;
   margin-bottom: 20px;
   width: 260px;}
.sidebar h1 {
   height: 35px;
   width: 240px;
   padding: 3px 0 0px 5px;
   color: #FFF;
   background: #40477F;}  
.sidebar h2 { 
   font-size: 110%;
   color: #40477F;}
.sidebar p { 
   color: #1D1D1D;}
.sidebar a { 
   color: #40477f;}
.sidebar a:hover { 
   text-decoration: none;}
.sidebar ul li.selected { 
   list-style: none; 
   margin: 15px 0;
   padding: 0;}
.sidebar ul li { 
   list-style: none; 
   margin: 15px 0;
   padding: 0;}
.sidebar li:hover { 
   color: #5D5D5D;
   text-decoration: none;}
.sidebar li.selected { 
   color: #5D5D5D;
   text-decoration: none;}
   
/* header */  
header {
   width: 1000px;
   height: 115px;
   margin-top: 50px;
   margin-left: auto; 
   margin-right: auto;
   background: url('../images/pages/mountain.jpg') no-repeat;}
header h1 { 
   width: 1000px;
   font: normal 100% arial, sans-serif;
   color: #000000;
   letter-spacing: -4px;
   text-align: center;
   background: transparent;}
  
/* footer */
footer { 
   width: 1000px;
   height: 50px;
   margin-left: auto; 
   margin-right: auto;
   font: normal 100% arial, sans-serif;
   margin-bottom: 0px;
   padding: 20px 0 0px 0;
   text-align: center; 
   background: url('../images/pages/footer.jpg') no-repeat;
   color: #FFF;}
footer a:hover { 
   color: #FFF;
   text-decoration: underline;}
footer a { 
   color: #FFF;
   text-decoration: underline;}
footer a:hover {
   text-decoration: none;}

/* menu */
nav {  
   width: 1000px;
   height: 50px;
   position:fixed;
   color: #000;
   margin-left: auto; 
   margin-right: auto;
   background: transparent url("../images/pages/menubar.jpg") no-repeat;} 
.lavaLampWithImage {
   position: relative;
   height: 30px;
   padding: 10px 10px 0px 10px;
   overflow: hidden;
   margin: 0 0px 0 0;
   width: 1000px;
   top: 0px;
   left: 0px;}
.lavaLampWithImage li {
   float: left;
   list-style: none;}
.lavaLampWithImage li.back {
   background: #000000;
   border-radius: 15px 15px 15px 15px;
   -moz-border-radius: 15px 15px 15px 15px;
   -webkit-border: 15px 15px 15px 15px;
   height: 32px;
   z-index: 8;
   position: absolute;}
.lavaLampWithImage li a {
   font-size: 12pz;
   text-decoration: none;
   color: #FFF;
   z-index: 10;
   display: block;
   height: 50px;
   padding: 10px 10px 0px 10px;
   position: relative;
   overflow: hidden;}
.lavaLampWithImage li a:visited {
   border: none;}
.lavaLampWithImage li a:active {
   border: none;}
.lavaLampWithImage li a:hover {
   border: none;}

/* slider */
#image_slider {
    margin: 0px 10px 0 0;
	width: 1000px;}
#slider-wrapper {
    height: 365px;
	background: transparent;
	width: 1000px;}
#slider {
    background: url('../images/pages/loading.gif') no-repeat 50% 50%;
    height: 365px;
    position: relative;
    width: 1000px;}
#slider img {
    display: none;
    left: 0;
    position: absolute;
    top: 0;}
#slider a {
    border: 0 none;
    display: block;}
.nivoSlider {
    top: 0px;
    position: relative;}
.nivoSlider img {
    left: 0;
    position: absolute;
    top: 0;}
.nivoSlider a.nivo-imageLink {
    border: 0 none;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 6;}
.nivo-slice {
    display: block;
    height: 100%;
    position: absolute;
    z-index: 5;}
.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;}
.nivo-caption {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    color: #FFFFFF;
    font-family: arial;
    left: 0;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
    z-index: 8;}
.nivo-caption p {
    margin: 0;
    padding: 5px;}
.nivo-caption a {
    color: red;
    display: inline !important;
    text-decoration: none;}
.nivo-caption a:hover {
    color: blue;
    text-decoration: underline;}
.nivo-html-caption {
    display: none;}
.nivo-directionNav a {
    background: url('../images/index/arrows.png') no-repeat 0 0;
    cursor: pointer;
    display: block;
    height: 30px;
    position: absolute;
    text-indent: -9999px;
    top: 45%;
    width: 30px;
    z-index: 9;}
a.nivo-prevNav {
    left: 15px;}
a.nivo-nextNav {
    background-position: -30px 50%;
    right: 15px;}
.nivo-controlNav {
    bottom: -30px;
    left: 50%;
    margin-left: -40px;
    position: absolute;}
.nivo-controlNav a {
    cursor: pointer;
    float: left;
    height: 22px;
    margin-top: 250px;
    position: relative;
    text-indent: -9999px;
    width: 22px;
    z-index: 9;}
.nivo-controlNav a.active {
    background-position: 0 -22px;}