/* layoutstyles.css */ 

/* Universal style rule */ 
*{ 
  margin: 0; 
  padding: 0;
/* Temporary borders */ 
  border: dashed 0px #f00; 
} 

body { 
  
font-family: 'Times New Roman', Times, serif; 
  background-image: url("images/bbk.jpg");
   background-repeat: repeat;
} 

#wrapper{ 
  width: 47em; 
   background-image: url("images/bk.jpg");
   background-repeat: repeat;
  /* Put 20px margin above the wrapper */ 
  /* Set right and left to auto for centering */ 
  margin: 20px auto; 
    /* Required for absolutely-positioned layout only */
  position:relative;
border: solid 2px #ccc;
}
 

/********** Major layout divisions **********/ 
#branding{ 
  /* For absolutely-positioned hyperlinks */ 
  position:relative; 
} 

/** branding division hyperlinks **/ 
#branding a{ 
  /* Postions are set in tags in layout.htm */ 
  position:absolute; 
  text-decoration:none; 
  color:#000; 
  font-size:0.8em; 
} 

#branding a:link, #branding a:visited{ 
  color:#000; 
} 

#branding a:hover{ 
  color:#0f0; 
} 
#branding a:active{ 
  color:#1bb498; 
} 

/* Fixes the mysterious image gap */ 
#branding img{ 
  display:block; 
} 

/************* Leftcolumn division styles ****************/

#leftcolumn{
/* Remember, content left 
  margin must match this width */
  width:12em;
  /* Center images and text inside this div */
  text-align:center;
  /* For absolutely-positioned leftcolumn */
  position:absolute;
  top:15.65em; /* Same as branding div height */
  left:35em;
}

/* Applies to paragraphs in the leftcolumn division */
#leftcolumn p{
  padding:0.5em;
  width:80%;
  font-size:1em;
  margin:1em auto;
  text-align:center;

}





#navbar{ 
  background:#aaa url(images/navbak.jpg) repeat-x center; 
  height:1.6em; 
  /* For absolutely-positioned navbar */ 
  position:absolute; 
  top:15.7em; /* Same as branding div height */ 
  left:0em; /* Same as leftcolumn width */ 
  width:35em; /* Layout width minus leftcolumn width */ 
} 

/* Remove bullets from ul in the navbar */ 
#navbar ul{ 
  list-style-type:none; 
} 

/* List items in the navbar */ 
#navbar li{ 
  float:left; 
  /* Required for drop-down menus */ 
  position:relative; 
} 

/* Applies to navbar links, unvisited and visited */ 
#navbar a, 
#navbar a:link, 
#navbar a:visited{ 
  text-decoration:none; 
  font-family:Verdana, Geneva, Arial, Sans-Serif; 
  font-size:80%; 
  color:#000; 
  background:#aaa url(images/navbak.jpg) repeat-x center; 
  display:block; 
  height:2em; 
  width:10em; 
  border-right: solid 1px #ddd; 
  line-height:2em; 
  text-align:center; 
  outline-style:none; 
} 

/* Navbar hover, active, and current page links */ 
#navbar a:hover, 
#navbar a:active, 
#navbar li.selected a:link, 
#navbar li.selected a:visited{ 
  background:#ddd url(images/bk.jpg) repeat-x center; 
  color:#000; 
} 

/* Drop-down menu styles */ 
/* Applies to drop-down menus in navbar */ 
#navbar li ul{ 
  position:absolute; 
  z-index:100; 
  visibility:hidden; 
  border:solid 1px #fff; 
  border-right: solid 2px #000; 
  border-bottom: solid 2px #000; 
} 

/* Make drop-down visible on navbar hover */ 
#navbar li:hover ul, 
#navbar li a:hover ul{ /* IE6 hack */ 
  visibility:visible; 
  top:1.55em; 
  left:0; 
} 


/* Applies to links on the drop-down menu */ 
#navbar li:hover ul li a, 
#navbar li a:hover ul li a{ /* IE6 hack */ 
  background:#fff; /* Removes background image */ 
  color:#000; 
  text-align:left; 
  display:block; 
  width:13em; 
  padding:0 0 0 1em; 
  height:auto; 
} 

/* Hover on drop-down menu links */ 
#navbar li:hover ul li a:hover, 
#navbar li a:hover ul li a:hover{ /* IE6 hack */ 
  background:#ddd url(images/bk.jpg) repeat-x center;  
  color:#000; 
} 

/* IE6 hack applies to its table drop-down */ 
#navbar table { 
  margin:-1px; 
  border-collapse:collapse; 
  position:absolute; 
  top:0.5em; 
  left:0; 
  z-index:100; 
} 

/********** MainContent navbar division styles **********/
#mainnavbar{ 
  background:#aaa url(images/navbak.jpg) repeat-x center; 
  height:1.6em; 
  /* For absolutely-positioned navbar */ 
  position:absolute; 
  top:15.7em; /* Same as branding div height */ 
  left:0em; /* Same as leftcolumn width */ 
  width:47em; /* Layout width minus leftcolumn width */ 
} 

/* Remove bullets from ul in the navbar */ 
#mainnavbar ul{ 
  list-style-type:none; 
} 

/* List items in the navbar */ 
#mainnavbar li{ 
  float:left; 
  /* Required for drop-down menus */ 
  position:relative; 
} 

/* Applies to navbar links, unvisited and visited */ 
#mainnavbar a, 
#mainnavbar a:link, 
#mainnavbar a:visited{ 
  text-decoration:none; 
  font-family:Verdana, Geneva, Arial, Sans-Serif; 
  font-size:80%; 
  color:#000; 
  background:#aaa url(images/navbak.jpg) repeat-x center; 
  display:block; 
  height:2em; 
  width:10em; 
  border-right: solid 1px #ddd; 
  line-height:2em; 
  text-align:center; 
  outline-style:none; 
} 

/* Navbar hover, active, and current page links */ 
#mainnavbar a:hover, 
#mainnavbar a:active, 
#mainnavbar li.selected a:link, 
#mainnavbar li.selected a:visited{ 
  background:#ddd url(images/bk.jpg) repeat-x center; 
  color:#000; 
} 

/* Drop-down menu styles */ 
/* Applies to drop-down menus in navbar */ 
#mainnavbar li ul{ 
  position:absolute; 
  z-index:100; 
  visibility:hidden; 
  border:solid 1px #fff; 
  border-right: solid 2px #000; 
  border-bottom: solid 2px #000; 
} 

/* Make drop-down visible on navbar hover */ 
#mainnavbar li:hover ul, 
#mainnavbar li a:hover ul{ /* IE6 hack */ 
  visibility:visible; 
  top:1.55em; 
  left:0; 
} 


/* Applies to links on the drop-down menu */ 
#mainnavbar li:hover ul li a, 
#mainnavbar li a:hover ul li a{ /* IE6 hack */ 
  background:#fff; /* Removes background image */ 
  color:#000; 
  text-align:left; 
  display:block; 
  width:13em; 
  padding:0 0 0 1em; 
  height:auto; 
} 

/* Hover on drop-down menu links */ 
#mainnavbar li:hover ul li a:hover, 
#mainnavbar li a:hover ul li a:hover{ /* IE6 hack */ 
  background:#ddd url(images/bk.jpg) repeat-x center;  
  color:#000; 
} 

/* IE6 hack applies to its table drop-down */ 
#mainnavbar table { 
  margin:-1px; 
  border-collapse:collapse; 
  position:absolute; 
  top:0.5em; 
  left:0; 
  z-index:100; 
} 


/********** Content division styles **********/
#content{
  /* Left margin must match leftcolumn width */
  margin-right:12em;
     background-image: url("images/bk.jpg");
   background-repeat: repeat;
  color:#000;
  padding:2em 10px 10px 10px;
  position:relative;


} 

/* Applies to paragraphs in the content division */ 
#content p{ 
  line-height:1.5em;

} 

/* Applies to all lists in the content division */ 
#content ul, #content ol{ 
  padding:10px 0 10px 40px; 
} 

/* Styles h1, h2, and h3 style rules in the content division */ 
#content h1, #content h2, #content h3{ 
font-family: 'Times New Roman', Times, serif; 
  color:#000; 
  font-weight:normal; 
  font-style:italic; 
  letter-spacing:0.08em; 
} 

/* Size h1 headings in the content division */ 
#content h1{ 
  font-size:2em; 
} 

/* Size h2 headings in the content division */ 
#content h2{ 
  font-size:1.5em; 
} 
/* Size h3 headings in the content division */ 
#content h3{ 
  font-size:1.25em; 
  font-style:normal; 
} 

#footer{ 
  text-align:center;
border-top: solid 2px #ccc; 
}






/********** MainContent division styles **********/
#maincontent{
  
     background-image: url("images/bk.jpg");
   background-repeat: repeat;
  color:#000;
  padding:2em 10px 10px 10px;
 position:relative;


} 

/* Applies to paragraphs in the content division */ 
#maincontent p{ 
  line-height:1.5em; 

} 

/* Applies to all lists in the content division */ 
#maincontent ul, #maincontent ol{ 
  padding:10px 0 10px 40px; 
} 

/* Styles h1, h2, and h3 style rules in the content division */ 
#maincontent h1, #maincontent h2, #maincontent h3{ 
font-family: 'Times New Roman', Times, serif; 
  color:#000; 
  font-weight:normal; 
  font-style:italic; 
  letter-spacing:0.08em; 
} 

/* Size h1 headings in the content division */ 
#maincontent h1{ 
  font-size:2em; 
} 

/* Size h2 headings in the content division */ 
#maincontent h2{ 
  font-size:1.5em; 
} 
/* Size h3 headings in the content division */ 
#maincontent h3{ 
  font-size:1.25em; 
  font-style:normal; 
} 







/* Style for tables of thumbnail images */ 
table.thumbs{ 
text-align: center; 
border-collapse: collapse; 
width: 100%;
position:relative;
z-index:3; 
} 

/* Style for table cells that contain thumbnails */ 
td.thumbs{  
padding: 0.5em; 
} 

/* Style for thumbnail images */ 
img.thumbs{ 
width: 12em; 
} 

/* Style for index thumbnail images */ 
img.index{ 
width: 15em; 
}

/* Unvisited links (orange) */
a:link img{
   border:double 0.4em #c60;
   text-decoration: none;
}
/* Visited links (dark blue) */ 
a:visited img {
   border:double 0.4em #006;
   text-decoration: none;
}
/* Hover links (red ) */ 
a:hover img{
   border:double 0.4em #f00;
   text-decoration: underline;
}
/* Active links (white) */ 
a:active img{
   border:double 0.4em #fff;
   text-decoration: underline;
}



/* Applies to id="product" */
#bigpic{
text-align:center;   
border:double 0.4em #c60;
 background-color: #fff; 
}

.navdiv {
color:#000;
width:12em;
height:2em;
line-height:2em;
text-align:center;
}
.navdiv:hover{
background:#ddd url(images/lch.jpg);
background-repeat: repeat-x;
color:#000;
}
.navtext{
color:#00f;
}
.navtext:hover{
color:#f00;
}

/* This controls the orange link buttons*/
a.links
{
 
}
a.links:link 
{
  color:#06c;
  text-decoration: none;
}
a.links:visited
{
  color:#06c;
  text-decoration: none;
}
a.links:hover
{
  color:#f00;
  text-decoration: underline;
}
a.links:active
{
  color:#06c;
  text-decoration: none;
}