/*ab_styles2.css*/

 /*Block all browser default margins and padding*/
*{
 margin:0;
 padding:0;

}

body  {
background : url('pottery.jpg');
margin : 5;
padding : 10;
position:absolute;
} 
/*Wrapper contains the layout*/
#wrapper{
 width:65em;
background-image:url('left_side.gif');
 margin: 30px auto 5 auto;
border: 0px;
padding:10px;
/* Required for absolutely-positioned layout only */
 position:relative;
}

#branding{
 height:8.5em;
background-image:url('zelligefade.jpg');
 font-family: font-family:arial,helvetica,sans-serif;
 color:#ffcc66;
 }

 #branding img { 
 padding:1px;
 margin:0px;
 height: 65%;
}

#leftcolumn{
 /* Remember, content left margin must match this width */ 
 width:15.3em;
 text-align:center;
/* temporary border 
 border: 5px #f00 dashed; */
 /* For absolutely-positioned leftcolumn */
 position: absolute;
 top:8.5em; /* Same as branding div height */
 left:2;

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

}
/* Applies to the leftcolumn, unvisited and visited */
#leftcolumn a,
#leftcolumn a:link,
#leftcolumn a:visited{
  text-decoration:none;
  font-family:arial,helvetica,sans-serif;
  font-size:80%;
  color:#333300;
  height:1em;
  width:8.8em;
  text-align:center;
  line-height:1em;
  outline-style:none;
  color:#fff;

}
/* Applies to images in leftcolumn div */
#leftcolumn img{
 width:50%;
margin:6px 10px 5px 6px;
 border: 1px 
 padding:0px;
  

 }
/*  Applies to paragraphs in leftcolumn div */
#leftcolumn p{
 width:50%;
 padding:0.25em;
 border:2;
 font-family:arial,helvetica,sans-serif;
 font-size: 0.9em;
 color: #333300;
 margin: 2px auto;
 text-align:center;
}

/* Navbar division */
#navbar{
 background-image:url('zelligefade.jpg');
  /* Left/right margins must match right column width */
 /*  margin: 0 0em 0 6em; */
  height:.1em;
 /* For absolutely-positioned navbar */
  position:absolute;
  top:8.5em; /* Same as branding height */
  left:15.3em; /* Same as leftcolumn width */
  width:40.5em; /* Layout width minus leftcolumn width */
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
  text-decoration:none;
  font-family:arial,helvetica,sans-serif;
  font-size:80%;
  color:#102542;
  background-color:#ff9966;
  display:block;
  height:2em;
  width:8.8em;
  text-align:center;
  line-height:2em;
  outline-style:none;
}

/* Navbar hover and active links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{ 
  background-color:#cccc66;
  color:#ffffff;
}

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

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

/* Drop-down menu styles */
#navbar li ul{
 position:absolute;
 z-index: 100;
 visibility:hidden;
}

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

/* Applies to links on the drop-down menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{/*IE7 hack */
  background:#99cccc;
  color:#000000;
  text-align:left;
  display:bloc;
  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{ /* IE7 hack */
  background-color:#102542;
  color:#fff;
}

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

#content{
 margin: 0 2 2 15.3em;
 padding:3em 5px 5px 5px;
font-family:arial,helvetica,sans-serif;
 font-size: 1em;
 color: #333300;
 text-align:center;
 
background-image:url('zelligefade.jpg');
background-repeat:repeat;
  
}

 
/* applies to all paragraphs and lists */
#content ul, #content ol, #content p {
 text-align:left;
 font-size:1em;
 line-height:1.25em;
 margin: 2em auto;
color: #a61d03;
 list-style-image: url('bullets.gif');
}

/* Applies to the content, unvisited and visited */
#content a,
#content a:link,
#content a:visited{
  text-decoration:none;

}
/* Applies to lists in content div */
#content ul, #content ol, #blockquote {
  margin-left: 1.5em;
}
/* Applies to h1,h2,h3 elements */
#content h1,#content h2,#content h3{ 
 font-family:arial,helvetica,sans-serif;
color: #336666;
}

/* Applies to all  lists in content */
#content ol,#content ul, {
 padding: 5px 0px 5px 30px;

}
    

}      
/* Applies to all images in content division */
#content img{
 border: 0px;normal 
 padding:5px;
  margin:10px;
float: center;
}

/* Captioned images in content div*/ 
#content.captionpic{
   width:8em;
   border: 0px solid #800;
 padding:0px;
 background-color:#ffcc66;
 margin:10px;
   font-family: Arial, Helvetica, Sans-Serif;
   font-size:1.25em;
   color:#333300;;
   float: center;
   text-align: center;
    
}
 
#footer{
    width: 98%;
  height:1.8em;
    text-decoration:none;
  font-family:Arial, Helvetica, Sans-Serif;
  color:#102542;
  font-size:0.7em;
  padding: 0.8em;

}

#footer li{
  float: right;
}
#footer a,
#footer a:link,
#footer a visited{
  text-decoration:none;
  color:#102542;
}  

#footer li.copyright{
  float: left;
  color:#102542;
}
#footer ul{
  list-style-type:none;
}

#footer h3{
 padding-top: 0.6em;
}

@media print{
/* Start printer-friendly styles */

/* Set wrapper to fill page width */
#wrapper{
width:100%;
}

/* Hide leftcolumn, rightcolumn, navbar and footer */
#leftcolumn,
#rightcolumn,
#navbar,
#footer{
display:none;
}

/* Get rid of content div margins and padding.  Use a different font for print */
#content{
margin:0;
padding:0;
font-family: Times, Serif;
font-size:1em;
}
/* End printer-friendly styles */
}