body {
    font-family: system,"Segoe UI","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
    /*font-familly: tahoma;*/
    letter-spacing: -0.03em;
}

@media print {
    html, body {
    background-color:rgb(255,255,0);
    text-decoration:underline;
    height: auto; }
    .ihead {display:none;}
}


h1 {
    font-weight:600;
    letter-spacing: -0.05em;
}
h2 {
    letter-spacing: -0.03em;
}
h3 {
}
h3.red {
}
h4 {
    margin-bottom: 0em;
}

h5 {
    font-weight:normal;
    display:inline;
}

.xln {
      display:inline;
      }

p {
   margin-top:0em;
   }


.ex {
   letter-spacing: 0.0em;
   margin-top:0em;
   margin-bottom:0em;
   }
   
.xbc{font-size:100%;}
ul.xbc { list-style: none; }
ul.xbc li { display: inline; }
ul.xbc li+li:before {
    content: ">";
    padding: 1em;
}
ul.xbc li a { text-decoration: none; }
ul.xbc li a:hover { text-decoration: underline; }



.pgSwitch {height:37px; line-height:37px; vertical-align:middle; text-align:center; font-weight:bold;}
.pgSwitch {float:left; margin:2px 0.5%; width:9%; cursor:pointer; padding:0em; color:rgb(0,0,0);}


.freeDesigns {width: 100%; height: 240px;
              background-image: url('grpx/squirrel_l.png'), url('grpx/lioness_l.png'), url('grpx/elephant_l.png');
              background-repeat: no-repeat, no-repeat, no-repeat;
              background-position:15% 0%, 50% 0%, 85% 0%;}

@media screen and (max-width: 1200px){.freeDesigns {}}
@media screen and (max-width: 1000px){.freeDesigns {}}
@media screen and (max-width: 800px){.freeDesigns {background-position:0% 0%, 50% 0%, 100% 0%;}}
@media screen and (max-width: 600px){.freeDesigns {background-position:10% 0%, 50% 0%, 90% 0%; height: 145px; background-image: url('grpx/squirrel_m.png'), url('grpx/lioness_m.png'), url('grpx/elephant_m.png');}}
@media screen and (max-width: 200px){.freeDesigns {background-position:0% 0%, 50% 0%, 100% 0%; height: 95px; background-image: url('grpx/squirrel_s.png'), url('grpx/lioness_s.png'), url('grpx/elephant_s.png');}}


.mAdvertisement {position:absolute; overflow:hidden; right:1em; top:1em; display:block; z-index:1;}
@media screen and (max-width: 800px){.mAdvertisement {position:static; margin-top:1em; margin-bottom:1em;}}

.mybold {font-weight:bold;}
.talgnCenter {text-align:center;}
.talgnLeft {text-align:left;}
.talgnRight {text-align:right;}


.w100 {width:100%;}

.mrg025 {margin:0.25em;}
.mrg050 {margin:0.5em;}
.mrg1 {margin:1em;}
.mrg2 {margin:2em;}

.mrgL0 {margin-left:0em;}
.mrgL025 {margin-left:0.25em;}
.mrgL050 {margin-left:0.5em;}
.mrgL075 {margin-left:0.75em;}
.mrgL100 {margin-left:1.0em;}
.mrgL200 {margin-left:2.0em;}

.mrgR025 {margin-right:0.25em;}
.mrgR050 {margin-right:0.5em;}
.mrgR075 {margin-right:0.75em;}
.mrgR100 {margin-right:1.0em;}
.mrgR200 {margin-right:2.0em;}

.mrgT0 {margin-top:0em;}
.mrgT025 {margin-top:0.25em;}
.mrgT050 {margin-top:0.5em;}
.mrgT100 {margin-top:1.0em;}
.mrgT200 {margin-top:2.0em;}

.mrgB0 {margin-bottom:0em;}
.mrgB025 {margin-bottom:0.25em;}
.mrgB100 {margin-bottom:1em;}
.mrgB200 {margin-bottom:2em;}

.pdT1 {padding-top:1em;}
.pdT2 {padding-top:2em;}

.submenu {float:right; margin-top:1em;}
.submenuitem {float:left; margin-left:1em; margin-right:1em; color:rgb(0,100,200);}
.submenufooter {clear:both; margin-bottom:1em;}

.bordTab {border:3px solid rgb(200,200,220);}
.noDeco {text-decoration:none;}
.hiddenLink:link {text-decoration:none; color:rgb(70,90,140);}
.hiddenLink:visited {text-decoration:none; color:rgb(70,90,140);}
.hiddenLink:focus {text-decoration:none; color:rgb(238,145,13);}
.hiddenLink:active {text-decoration:none; color:rgb(70,90,140);}
.hiddenLink:hover {text-decoration:none; color:rgb(238,145,13);}
.noBold {font-weight:normal;}
.noBord {border:none;}
.Bord1 {border:1px solid rgb(0,0,0);}
.myClear {clear:both;}

.doginfo {
   color: rgb(0,0,0);
   letter-spacing: 0.0em;
   margin-top:0px;
   margin-bottom:0px;
   }
.doginfo:first-line {font-weight: bold;}

.answer {
   color: rgb(0,0,0);
   margin-top:1em;
   margin-left: 1.5em;
   }
.question {
   color: rgb(0,100,150);
   font-weight: bold;
   margin-top:1.5em;
   }
.captionspace{
   color: rgb(129,83,3);
   font-weight: bold;
  margin-top:1em;
  margin-bottom:1.5em;
 }
.alphalink{
 margin-right:0.5em; 
 height:1.3em;
 }


.question a:link {color: rgb(0,100,150);}
.question a:visited {color: rgb(70,20,180);}
.question a:focus {text-decoration: underline; color: rgb(0,100,150);}
.question a:active {text-decoration: underline; color: rgb(50,0,180);}
.question a:hover {text-decoration: underline; color: rgb(238,145,13);}

.captionspace a {
   color: rgb(129,83,3);
   font-weight: bold;
  padding-top:1em;
  padding-bottom:1.5em;
 }

.navigation {
   /*color: rgb(100,100,150);*/
   color: rgb(0,0,0);
   margin-top:0em;
   margin-bottom:0em;
   text-decoration: none;
   }

a:link {color: rgb(0,0,0); font-weight:bold;}
a:visited {color: rgb(90,80,110); font-weight:bold;}
a:active {text-decoration: underline; color: rgb(238,145,13); font-weight:bold;}
a:focus {text-decoration: underline; color: rgb(255,0,0); font-weight:bold;}
a:hover {text-decoration: underline; color: rgb(238,145,13); font-weight:bold;}

.atut a:link {text-decoration: none; color: rgb(0,0,0); font-weight:normal;}
.atut a:visited {text-decoration: none;color: rgb(150,150,150); font-weight:normal;}
.atut a:active {text-decoration: none; color: rgb(238,145,13); font-weight:normal;}
.atut a:focus {text-decoration: none; color: rgb(255,0,0); font-weight:normal;}
.atut a:hover {text-decoration: none; color: rgb(238,145,13); font-weight:normal;}

.atutn a:link {text-decoration: none; color: rgb(80,80,160); font-weight:normal;}
.atutn a:visited {text-decoration: none;color: rgb(150,150,150); font-weight:normal;}
.atutn a:active {text-decoration: none; color: rgb(238,145,13); font-weight:normal;}
.atutn a:focus {text-decoration: none; color: rgb(255,0,0); font-weight:normal;}
.atutn a:hover {text-decoration: none; color: rgb(238,145,13); font-weight:normal;}

.navigation a:link {text-decoration: none; color: rgb(0,0,0); font-weight:normal;}
.navigation a:visited {text-decoration: none; color: rgb(120,100,140); font-weight:normal;}
.navigation a:active {text-decoration: underline; color: rgb(238,145,13); font-weight:normal;}
.navigation a:focus {text-decoration: underline; color: rgb(255,0,0); font-weight:normal;}
.navigation a:hover {text-decoration: underline; color: rgb(238,145,13); font-weight:normal;}


.nav3 {margin-top:0.6em; margin-bottom:0.6em;}
.nav {padding-left:0.6em; white-space:nowrap;}
.navlink {font-weight:normal; text-decoration:none; padding:0em;}
.nav a:link {font-weight:normal; color: rgb(60,50,80);}
.nav a:visited {font-weight:normal; color: rgb(140,130,160);}
.nav a:focus {font-weight:normal; text-decoration: underline; color: rgb(250,0,120);}
.nav a:active {font-weight:normal; text-decoration: underline; color: rgb(250,0,120);}
.nav a:hover {font-weight:normal; text-decoration: underline; color: rgb(230,120,0);}

li {
    margin: 0 auto;
    padding: 0;
   line-height: 150%;
}

li.rootnode a {font-weight:bold; text-decoration:none;}
li.topnode {margin-left:2em;}
li.topnode a {font-weight:bold; text-decoration:none;}
li.sub {margin-left:4em;}
li.sub a { text-decoration:none;  color:rgb(60,60,60);}
li.subsub {margin-left:6em;}
li.subsub a { text-decoration:none;  color:rgb(80,80,80);}
li.subsubsub {margin-left:8em;}
li.subsubsub a { text-decoration:none; color:rgb(100,100,100);}



/* multi columns page layout ----------------------------------------------------------------------------------------------------------------------------*/
.wrap {
margin:0.4em auto;
/*border: 1px solid rgb(255,200,255);*/
}
.myleftcmn {
padding: 0.4em 0.4em 0.4em 0.4em;
float: left;
/*border: 1 solid rgb(107,113,141);*/
}
.mycentercmn {
padding: 0.4em 0.4em 0.4em 0.4em;
float: left;
/*border: 1 solid rgb(107,113,141);*/
}
.myrightcmn {
padding: 0.4em 0.4em 0.4em 0.4em;
float: right;
/*border: 1 solid rgb(107,113,141);*/
}
.footer {
clear:both;
padding: 0.4em 0.4em 0.4em 0.4em;
/*border: 1 solid rgb(255,0,0);*/
}

/* images ======================================================*/
.myimg{
           display: block;
           margin-top: 0px;
           margin-bottom: 0px;
           margin-right: 0px;
           padding: 0px 0px 0px 0px;
           /*border: 1px solid rgb(200,200,255); */
           }

/* inline SPAN elements ====================================*/
.myln{
        display: block;
        /*border: 1px solid rgb(200,200,255);*/
        padding: 0px 0px 0px 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        }
.mylnspac{
        display: block;
        clear: both;
        /*border: 1px solid rgb(200,200,255);*/
        padding: 5px 5px 5px 5px;
        }
.inln {
	display: inline;
              vertical-align: middle;
	/*border: 1px solid rgb(255,200,200);*/
              padding: 0px 0px 0px 5px;
	margin-top: 0px;
              margin-bottom: 0px;
              margin-left: 0px;
              margin-right: 0px;
}
.inlnspac {
              display:block;
	/*display: inline;*/
              /*vertical-align: middle;*/
	/*border: 1px solid rgb(180,255,180);*/
              padding: 5px 5px 5px 5px;
              margin-top: 0px;
              margin-bottom: 0px;
              margin-left: 0px;
              margin-right: 0px;
}

.hfrow {clear:both; width:100%; padding-top:0.8em; padding-bottom:0.8em; border-bottom:1px solid rgb(200,200,200); border-top:1px solid rgb(200,200,200);}
.hfleftcmn {float:left; display:inline; width:20%; }
.hfleftcmn h3 {margin:0em; padding:0em;}
.hfrightcmn {float:left; display:inline; width:78%; padding-left:1em;}
.hficoncmn2 {float:left; display:inline; width:15%; }
.hfleftcmn2 {float:left; display:inline; width:30%; }
.hfrightcmn2 {float:left; display:inline; width:51%; padding-left:1em;}
.hficoncmn3 {float:left; display:inline; width:5%; }
.hfleftcmn3 {float:left; display:inline; width:30%; }
.hfrightcmn3 {float:left; display:inline; width:61%; padding-left:1em;}
.hfshrtrow {clear:both; width:100%; padding-top:0.2em; padding-bottom:0.2em; border-bottom:1px solid rgb(200,200,200); border-top:1px solid rgb(200,200,200);}
.hfshrtleftcmn {float:left; display:inline; width:50%; }
.hfshrtrightcmn {float:left; display:inline; width:48%; }
.hftable {width:100%; padding:1em;}
.hftable p {}
.hfnavbar {padding-bottom:0.5em; margin-bottom:0.5em; margin-top:1em; border-bottom:2px solid rgb(200,200,200);}
.hftabcell {border: 1px solid rgb(100,100,100); padding:0.4em; width:100%; height:100%;}

/* ===================== shopping ===============================*/
.ebrditem{clear:both; float:left; width:100%; background-color:rgb(255,255,214); }
.ebrditem2{clear:both; float:left; width:100%; background-color:rgb(255,255,244);}
.ebrdcost{float:left; color:rgb(110,130,100); font-weight:bold; text-align:right; width:13%; padding:0.5em;}
.ebrdsel{float:left; width:7%; padding:0.5em;}
.ebrdcom{float:left; text-align:left; padding:0.5em;}
.ebrdcom:first-line {font-weight:bold;}
.ebrdcom2{float:left; text-align:left; padding:0.5em;}
.ebrdcom2:first-line {font-weight:bold;}
.alphaitem{float:left; width:23%; text-align:center; font-weight:normal; padding:0.5em;}
.alphaitem:first-line {font-weight:bold; color:rgb(110,130,100);}

/*===================== menu ==========================*/
.mainmenu {
float:left; 
padding-left:0.5em;
padding-right:0.5em;
padding-top:0.25em;
padding-bottom:0.25em;
}
.mainmenusel {
background-color:rgb(0,0,0);
color:rgb(255,255,255);
}
.mainmenuover {color:rgb(238,145,13);}
.mainmenuitem {}
.mainmenulink {text-decoration:none;}
.mainmenuitem a {font-weight:normal;}
.mainmenuitem a:hover {color: rgb(238,145,13); font-weight:normal;}
.mainmenuitem a:link {color: rgb(0,0,0); font-weight:normal;}
.mainmenuitem a:visited {color: rgb(115,100,130); font-weight:normal;}
.mainmenuitem a:active {color: rgb(238,145,13); font-weight:normal;}
.mainmenuitem a:focus {color: rgb(238,145,13); font-weight:normal;}

/*===================== help ==========================*/
.manualnavlink {width:100%; color:rgb(0,100,200); font-weight:bold; text-align:right; padding-top:0.5em; cursor:pointer;}
.crsp {cursor:pointer;}
.hlight {color:rgb(0,100,200);}
.tip {color:rgb(110,90,170);}

/*=======*/
.w8c {float:left; width:100px; height:100px; text-align:center; line-height:110%;}
.w8i {margin-top:16px; margin-bottom:4px;}
.w8t {margin-left:8px; margin-right:8px;}
.w8c a {text-decoration:none; color:rgb(60,60,80); font-weight:normal;}
.w8c a:hover {text-decoration:none; color:rgb(60,60,80); font-weight:normal;}
.w8c a:link {text-decoration:none; color:rgb(60,60,80); font-weight:normal;}
.w8c a:visited {text-decoration:none; color:rgb(60,60,80); font-weight:normal;}
.w8c a:active {text-decoration:none; color:rgb(60,60,80); font-weight:normal;}
.w8c a:focus {text-decoration:none; color:rgb(60,60,80); font-weight:normal;}

.vertmid {vertical-align:middle;}
.mainfooter {width:100%; background-color:rgb(0,0,0); padding:1em;}
.footeritem {color: rgb(220,220,220); text-decoration:none; font-weight:normal; cursor:pointer;}