body {
 margin: 0;
 scrollbar-Face-Color: #F5F6EC; 
 scrollbar-arrow-color:#AEAEAE; 
 scrollbar-DarkShadow-Color:#AEAEAE; 
 scrollbar-Highlight-Color:#AEAEAE; 
 scrollbar-Track-Color:#D4D5D0;
 background: #E2E3D9 url('images/bg2.jpg') repeat top left; 
 color: #00628B; 
}

font, 
.main {
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 font-weight: 400; 
 line-height: 16px; 
}

font, 
font.small, 
font.med {
 color: #333399; 
 background: transparent; 
}

font.small, 
.menu, 
font.med {
 font-family: Arial, Helvetica, sans-serif; 
 font-weight: 400; 
 line-height: 14px; 
}

font.small, 
.menu {
 font-size: 10px; 
}

font.med {
 font-size: 11px; 
}

.oblique {
 font-style: oblique; 
 font-weight: bold; 
}

.date, 
font.purple, 
font.logo, 
font.cap, 
font.name, 
font.motto, 
font.title, 
.biglogo, 
.bigcap {
 font-family: "Georgia", "Times New Roman", serif; 
 font-weight: bold; 
}

.date, 
font.purple, 
font.name, 
font.motto {
 font-style: italic; 
}

font.purple, 
.date, 
font.motto {
 color: #8B008B; 
 background: transparent; 
}

font.purple {
 font-size: 18px; 
 line-height: 150%; 
}

.date {
 font-size: 14px; 
 line-height: 120%; 
}

font.motto {
 font-size: 20px; 
 line-height: 110%; 
}

font.logo, 
font.cap, 
font.name, 
font.title, 
.biglogo, 
.bigcap {
 color: #0000CC; 
 background: transparent; 
}
 
font.logo {
 font-size: 12px; 
 line-height: 16px; 
}
 
font.cap {
 font-size: 16px; 
 line-height: 16px; 
}
 
.biglogo {
 font-size: 18px; 
 line-height: 22px; 
}
 
font.name {
 font-size: 18px; 
 line-height: 180%; 
}

.bigcap {
 font-size: 22px; 
 line-height: 22px; 
}
 
font.title {
 font-size: 20px; 
 line-height: 180%; 
}

a:link, 
a:visited {
 color: #333399; 
 text-decoration: underline ; 
 background: transparent; 
} 
a:active, 
a:hover {
 color: #8B008B; 
 text-decoration: underline; 
 background: transparent; 
} 

a.main:link, 
a.main:visited {
 color: #333399; 
 text-decoration: underline ; 
 background: transparent; 
} 
a.main:active, 
a.main:hover {
 color: #8B008B; 
 text-decoration: underline overline; 
 background: transparent; 
} 

a.menu:link, 
a.menu:visited {
 color: #333399; 
 text-decoration: none ; 
 background: transparent; 
} 
a.menu:active, 
a.menu:hover {
 color: #8B008B; 
 text-decoration: underline overline; 
 background: transparent; 
} 

a.title:link, 
a.title:visited {
 color: #0000CC; 
 text-decoration: underline ; 
 background: transparent; 
} 
a.title:active, 
a.title:hover {
 color: #8B008B; 
 text-decoration: underline overline; 
 background: transparent; 
} 

.nav td { 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 11px;
 font-weight: bold;
 text-align: center;
 vertical-align: middle; 
 text-indent: 4px; 
 line-height: 17px; 
 border-left: solid 2px #0000CC; 
 white-space: nowrap; 
 margin: 0; 
 padding: 0px; 
} 
.nav3 td { 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 11px;
 font-weight: bold;
 text-align: center;
 vertical-align: middle; 
 text-indent: 4px; 
 line-height: 17px; 
 border-left: solid 2px #650165; 
 white-space: nowrap; 
 margin: 0; 
 padding: 0px; 
} 
a.nav:active, 
a.nav:link, 
a.nav:visited, 
a.nav:hover, 
a.nav2:active, 
a.nav2:link, 
a.nav2:visited, 
a.nav2:hover, 
a.nav3:active, 
a.nav3:link, 
a.nav3:visited, 
a.nav3:hover { 
 display: block;
 text-decoration: none; 
 width: 100%; 
 height: 19px; 
} 
a.nav:link, 
a.nav:visited { 
 color: #E2D7B3; 
 background: #0000CC; 
} 
a.nav:active, 
a.nav:hover { 
 color: #E2D7B3; 
 background: #8B008B; 
} 
a.nav2:active, 
a.nav2:link, 
a.nav2:visited, 
a.nav2:hover { 
 color: #E2D7B3; 
 background: #8B008B; 
} 
a.nav3:link, 
a.nav3:visited { 
 color: #E2D7B3; 
 background: #650165; 
} 
a.nav3:active, 
a.nav3:hover { 
 color: #E2D7B3; 
 background: #8B008B; 
} 

.barright { 
 background: url('images/kloudburst_22.gif') repeat-y left;
 color: #333399;  
}

.barleft { 
 background: url('images/kloudburst_20.gif') repeat-y left;
 color: #333399; 
}

.star { 
 background: url('images/starblink2.gif') no-repeat center;
 color: #333399;
}

.basebar { 
 background: url('images/kloudburst_25.gif') no-repeat top left;
 color: #333399;  
}

.topbar { 
 background: url('images/pedigree.gif') no-repeat bottom left;
 color: #333399; 
}

.gap {
 border-top: solid 1px #000000; 
 border-bottom: solid 1px #F5F6EC; 
}

.blackgap {
 border-top: solid 1px #000000; 
 border-bottom: solid 1px #000000; 
}
.whitegap {
 border-top: solid 1px #F5F6EC; 
 border-bottom: solid 1px #F5F6EC; 
}

.dog {
 border: solid 4px #E2E3D9; 
}

.attn {
 border: solid 4px #333399; 
}

.dogbot {
 border-left: solid 4px #E2E3D9; 
 border-right: solid 4px #E2E3D9; 
 border-bottom: solid 4px #E2E3D9; 
}

.dogright {
 border-right: solid 4px #E2E3D9; 
}

.bot {
 border-bottom: solid 4px #E2E3D9; 
}

table.pedigree {
 border: solid #D4D5D0 thin; 
}

.ped {
 border: solid #D4D5D0 thin; 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 11px;
 text-align: left;
 vertical-align: middle; 
 line-height: 14px; 
 margin: 0; 
 padding: 2px; 
 text-decoration: none; 
 color: #333399;  
 background: transparent; 
}

ul {
 margin-left: 5px; 
 padding-left: 5px; 
 margin-top: 5px; 
 margin-bottom: 10px; 
}

li { 
 margin-top: 3px; 
}