<!--  Reset Rule -->
* { 
     margin: 0px; 
     padding: 0px;
     } 

a:link { color:#484848; }
/*a:hover { 
    background-color: yellow; }*/
a:hover { color:#013ADF }
a:visited { color:#484848; }

html { height:100%}

body { 
       background-image: url(/Resources/bccs-background-img-780px.jpg);
       background-position: 0px 0px;
       background-repeat: repeat-y;
       background-attachment: fixed;
       background-position: center;
       font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
       margin:0px; 
       background-color:#4682b4;
      height: 100%;
       }

/*a, a:visited { color:#484848;}
a:hover { color:#013ADF;}*/

/* body { 
       font-family: Gill Sans MT, Verdana;
       font-size: 15px;
       font-weight: normal;
       margin:0px; 
       background-color:#0000de; 
       height:100% 
       } alternative font - per BCX */

form { margin:0px }

body > form { height:100% }

img { 
        margin:0px; 
        border-style:none 
        }

#PageDiv { 
                  position: relative;
                  height: 98%; 
                 
                   min-height: 98%;
                  max-width: 780px;
                  margin: auto; 
                  margin-top: 0px;
                /*  overflow-y: scroll;
                   overflow-x: hidden;     */
                   }

#page { 
            /*outline: 2px solid green;*/
            position: relative;   /* was absolute for embedded styles? and overflow visible */
            left: 8px; 
            top:0px; 
            width:764px; 
            min-height: 98%;
            z-index:1; 
            color:#000;             
            background-color:#fff; 
            font-size:medium;
            text-align:left 
            /*overflow: hidden;*/
            }

#gallery-page { position:relative; 
                   margin-left: -61px; margin-top: 0px; 
                   width:900px; 
                   height: 100%;
                   z-index:1; 
                   background-color:#fff; 
                   overflow: visible;}

#gallery-page > #top { position:relative; 
                   margin-left: 63px; }

#gallery-page > #menu { position:relative; 
                   margin-left: 10px; }

/* #top  {
            position: fixed;
           z-index:100;
                }*/

#content { 
              /*  border: 2px solid red;*/
                margin-top: 0px;
                height: 99%;   
                z-index:2;
                width: 650px; 
                margin-left: 106px;
                padding: 0px 5px 5px:
              /*  overflow-y: scroll; 
                 overflow-x: hidden;*/
               } 
 
#judges_bio { 
              /*border: 2px solid red;
                margin-top: 0px;
                height: 100%;   
                z-index:2;
                width: 650px; 
                margin-left: 106px;
                padding: 0px 5px 5px:
                overflow-y: scroll; 
                 overflow-x: hidden; */
               } 


/* Winners gallery sub-menu */
/* ======================*/ 
#wg-menu {
              /*    position: fixed;
                  outline: 1px solid red;
                  display: block;
                  z-index:20;
                  background-color:#ffffff; */
                  width: 640px;
                  height: 74px;
                  margin-left: 17px;
                    }

#wg-menu a, wg-menu a:visited { color:#484848;}
#wg-menu a:hover { color:#013ADF;}

/* ======================================= */

#shop1 {margin-top: 0px; margin-left: 15px; margin-bottom: 10px;}

#shop-menu {position: absolute; margin-left: 55px; margin-top: -32px;} /*  Shop sub-menu */
#shop-menu a, wg-menu a:visited { color:#484848;}
#shop-menu a:hover { color:#013ADF;}

#left { 
    /*     outline: 2px solid blue; */
        width:630px; 
        z-index:0; 
        float:left; 
        margin-left:10px;
        margin-top:0px;
        color:#000; 
        font-size:medium;
        text-align:left;
        padding:0px 0px 10px 5px;
        text-decoration:none
        overflow: visible; 
        }

#left a, left a:visited { 
                                  color:#484848; 
                                  font-size:medium;  
                                  margin-top:5px; 
                                  text-align:left; 
                                  text-decoration:none 
                                  }

#left a:hover, left a:active { 
                                 color:#013ADF;
                                 font-size:medium; 
                                 margin-top:5px;
                                  text-align:left; 
                                  text-decoration:none
                                    }

#leftpast { 
               width:630px; 
               z-index:0;
               float:right;
               margin-left:10px;
               margin-top:0px;
               color:#000;
               font-size:small;
               text-align:left;
               padding:0px 0px 5px 10px; 
               text-decoration:none
               overflow:visible
               }

#leftpast a, leftpast a:visited { 
                                         color:#484848; 
                                         font-size:small; 
                                         margin-top:5px;
                                         text-align:left;
                                         text-decoration:none 
                                          }

#leftpast a:hover, leftpast a:active {
                                         color:#013ADF;
                                         font-size:small; 
                                         margin-top:5px;
                                         text-align:left; 
                                         text-decoration:none 
                                         } 
#left-home { 
        width:328px; 
        z-index:0; 
        float:left; 
        margin-left:10px; 
        margin-top:0px;
        color:#000; 
        font-size:medium;
        text-align:left;
        padding:5px 0 20px 5px;
        text-decoration:none
        overflow:visible 
        }

#right-home { 
          width:295px; 
          z-index:0; 
          float: right;
          margin-top:5px;
          margin-left: 10px; 
          color:#000;
          font-size:medium; 
          text-align:left; 
          padding: 0px; 
          text-decoration:none }
          overflow:visible 
         }

#right { 
          width:300px; 
          z-index:0; 
          float:right; 
          margin-top:5px;
          margin-right:5px; 
          color:#000;
          font-size:medium; 
          text-align:left; 
          padding:5px 5px 20px; 
          text-decoration:none }
          overflow:visible 
         }

#right-calendar {                          
                         width:250px; 
                         z-index:0;
                         float: left; 
                         margin-top:5px; 
                        margin-right: 10px; 
                        overflow:visible
                         }


#right-calendar a, right-calendar a:visited { color:#484848; font-size:medium; margin-top:5px; text-align:left }

#right-calendar a:hover, right-calendar a:active { color:#013ADF; font-size:medium; margin-top:5px; text-align:left }

 #BCClogo { 
                 width:763px; 
                 height:142px;
                 left:0px; 
                 top:5px; 
                 overflow:hidden
                  } 
#menu { 
           /* position: -webkit-sticky;
            position: sticky;
            position: fixed;
            margin-top: 155px;*/
            width:95px; 
            z-index:0; 
            float:left; 
            padding:5px; 
            margin-bottom: 15px;
            background-color:#b0c4de; 
            overflow:visible 
            }


#menu a, menu a:visited { color:#0B2161; font-size:small; margin-top:5px; text-align:left; text-decoration:none }

#menu a:hover, menu a:active { color:#fff; font-size:small; margin-top:5px; text-align:left; text-decoration:none }


button { 
            margin:0px; 
            padding:0px;
            border-style:none; 
            background-color:transparent; 
            vertical-align:top 
            }


/* Rules for footer */
/* ============================ */

#footer { 
             /*position: absolute;*/
             width: 754px; 
             margin-bottom: 10px;
             background-color:#b0c4de;
             z-index:2;  
             margin-left: 7px;
             clear: both;
             padding:5px;  
             color:#000; 
             font-size:x-small; 
             text-align:left }
            /* overflow: hidden; */
             }


#footer a, footer a:visited { 
                                          color:#000; font-size:x-small; 
                                          margin-top:5px; 
                                          text-align:left;  
                                          text-decoration:none
                                           }

#footer a:hover, footer a:active { 
                                                  color:#fff; font-size:x-small; 
                                                  margin-top:5px; 
                                                  text-align:left; 
                                                  text-decoration:none 
                                                  }

/* ========================================= */

table { empty-cells:hide }

.f-sp {font-size:1px; visibility:hidden }

.f-lp { margin-bottom:0px }

.f-fp { margin-top:0px }

.txt-blue { color:#013ADF }
.txt-red { color:#DF0101 }


/* Rules for Calendar */
/* ==================================== */
#calendar {                     
                    color:#000; 
                    font-size:medium;  
                    margin-top:5px; 
                    margin-right: 20px; 
                    margin-left:125px;
                    text-align:left; 
                    padding:5px 10px  10px 5px 
                    width:353px; 
                    z-index:0; 
                    float:left; 
                    overflow:visible
                   }

#calendar a, calendar a:visited { 
                                                   color:#484848; font-weight:bold; 
                                                   text-decoration:none;
                                                   font-size:medium; 
                                                   margin-top:5px; text-align:left
                                                   }

#calendar a:hover, calendar a:active { 
                                                  color:#013ADF; font-weight:bold; 
                                                  text-decoration:none; font-size:medium; 
                                                  margin-top:5px; text-align:left
                                                  }


/* =================================================== */

#right { width:300px; z-index:0; float:right; margin-right:5px; overflow:visible }

#right-bf { width:620px; z-index:0; float:left; margin-top:0px; margin-left: 15px; margin-right: 10px; overflow:visible } /*--- style for breed firsts page --- */

#right a, right a:visited { color:#484848; font-size:medium; margin-top:5px; text-align:left }

#right a:hover, right a:active { color:#013ADF; font-size:medium; margin-top:5px; text-align:left }

#righttable { color:#000; font-size:small; margin-left:10px; margin-top:5px; text-align:left; padding:0px 0px  20px ; text-decoration:none }

#margin10 { margin-left:10px }

#shows { color:#000; font-size:small; margin-top:5px; text-align:left; padding:5px 0 20px 5px; text-decoration:none }

Show { font-weight:bold; font-size:18px; background-color:#4682b4 }

bluerow { background-color:#b0c4de }

dates { font-size:small }

em { font-style:italic }

h1 { font-weight:bold; font-size:18px }

h1:first-child { margin-top:0px }

h1.style2 { color:#000; font-weight:bold; font-size:small; margin-top:5px; text-align:left; padding:5px 0 20px 5px; text-decoration:none }

h2 { font-weight:bold; font-size:16px }

h2:first-child { margin-top:0px }

h3 { font-weight:bold; font-size:14px }

h3:first-child { margin-top:0px }


/* rules for privacy notice page */
/* ======================= */

h1.style-p3 { font-weight:bold; font-size:small; margin-top:5px; text-align:left; padding:5px 0 20px 5px; text-decoration:none }

h1:first-child { margin-top:0px }

/* ========================== */ 

show-sub { font-size:medium; background-color:#fff }

strong { font-weight:bold }

.style1 { color:#001249; text-align:left }

.style1e { width: 630px; color:#001249; text-align:left }

.style2 { background-color:#dcdcdc }

.style3 { background-color:#dcdcdc; text-align:center }

.style3e { width: 620px; background-color:#dcdcdc; text-align:center }

.style4 { margin-top: 10px; color:black; font-size:small; text-align:left}

.gallery-style4 { text-align:center }

.style5 { margin-bottom: 20px; text-align:center}

.style6 { color:#484848;}

.style8 { font-weight:bold; font-size:16px; text-align:center }

.style7 { font-size:small; color:#013ADF; text-align:center }

.style9 { text-align:right }

/*.style10 { color:#001249; text-align:left; margin-left: 12px;}*/

.style11 { color:#001249; text-align:left; font-size:small; margin-left: 12px;}

.style-p11 { color:#000; font-weight:bold; font-size:small; padding:5px 0 20px 5px; text-decoration:none }

.style15 { color:#000; text-align:left }

.style12 { font-size:x-small }

.style16 { font-size:x-small; text-align:left }

.style17 { text-align:center }

/* style for Show Critique - dog's name */
.sh01 { font-weight: bold; color: #303030; }
.sh02 { font-size: 10px; float:right; color: #303030; }


/*.left-h1 { 
             width:630px; 
             float:left; 
             margin-left:10px;
             }

.left-h2 { 
             width:630px; 
             float:right; 
             margin-left:10px;
             }*/

#item1 { overflow:visible }
.item1 { overflow:visible }

#item2 { vertical-align:middle; overflow:visible; margin-left: 10px;}  /* Judges list */
.item2c { vertical-align:middle; overflow:visible }

#item-e2 { width:640px; z-index:0; margin-left: 10px; margin-top: 0px; overflow:visible; padding-bottom: 10px; } /* shows and events template style */

#item-p2 { position: absolute; margin-left: 15px;  z-index:0; margin-bottom:10px; overflow:visible }

#item3 { overflow:visible }
.item3 { overflow:visible }

#item4 { overflow:visible }

/* Rules for new navigation menu -buttons */
/* ================================= */
          
      ul#navmenu1 {     /*   border: 1px solid blue;    */                 
                                   margin-top: -5px;
                                   margin-left: 0px;  
                                   z-index:95;}

        ul.subm1  {
                           background-color:#fff; 
                           width: 91px;
                           margin-left: 37px;
                            z-index: 5;
                                  }           
      
        ul.subm2  {
                           background-color:#fff; 
                           width: 91px;
                           margin-left: 63px;
                            z-index: 5;
                                  }   

	ul#navmenu1, ul.subm1, ul.subm2 { /* outline: 1px solid red; */
                                                               background-color:#fff; 
                                                               list-style-type: none;
                                                               z-index: 100;	
                                                              position: absolute		
                                                                     		}

	ul#navmenu1 li {
					width: 100px;
					text-align: center;
					position: relative;
                                        margin-left: -35px;
                                        		}			

	ul#navmenu1 a {
					text-decoration: none;
					color:white; 
					font-size:9pt;
					display: block;
					width: 100px;
					height: 20px;
					line-height:20px;
					margin-top: 2px;
                                      
 					background-color: #196be6;
					border-radius: 6px;
					}

	ul#navmenu1 .subm1 a {
						margin-top: 2px;
						width: 126px;
       
						}
	
		
	ul#navmenu1 li:hover > a {
						background-color: #000066;
							}
	
	ul#navmenu1 li:hover a:hover {
						background-color: #000066;
						}
												
	ul#navmenu1 ul.subm1 {
						display: none;
						position: absolute;
						top: -2px;
						left: 63px;
						}									
											
	ul#navmenu1 li:hover .subm1 {
						display: block;
                        background-color:#fff; 
						}			


       ul#navmenu1 ul.subm2 a {
						margin-top: 2px;
						width: 126px;
       
						}
	
							
	ul#navmenu1 ul.subm2 {
						display: none;
						position: absolute;
						top: -2px;
						left: 63px;
						}									
											
	ul#navmenu1 .subm1 li:hover .subm2 {
						display: block;
                        background-color:#fff; 
						}