/*
a, a:link { 
 color: #00f; 
 font-weight: bold;
 padding-left: 2px;
 }
a:hover { 
 color: #00f; 
 background-color: #bbcbff; 
 text-decoration: none;
}
*/
p.edit { 
  margin: 0;
  display: inline; 
  float: left;
  }
p.edit input { 
  width: 125px; 
  margin: 0; 
  float: left;
  display: inline;
}

p.edit input.hidden, p.edit a.hidden { display: none; visibility: hidden; }

p.edit a {
 color: #00f; 
  display: inline;
  float: left;
  width: 130px;
  line-height: 1.5em;
  border: 1px dashed #C9DCA6; 
  text-decoration: none;
  padding: 0;
  overflow: hidden;
}

.add_padding { float: left; height: 60px; width: 85px; border-top: 3px solid #fff; border-bottom: 3px solid #fff;  }
#iframe {
  border: 3px dashed #5189DE;
  border-top: none;
  border-right: none;
  height: 600px;
  width: 500px;
  overflow: hidden;
  float: left;
}

iframe {
    border-width: 0px;
    height: 600px;
    width: 400px;
}
iframe.hide {
    visibility: hidden;
    width:0px;
    height:0px;
}

#main {
    overflow: hidden;
    margin: auto;
    width: 410px;
    height: 450px;
    border-style: solid;
    border-width: 1px;
    background-color: white;
}

#footer {
    margin: auto;
    width: 410px;
    height: 20px;
    border-style: solid;
    border-width: 1px;
    border-top-width: 0px;
    background-color: white;
    text-align: center;
    font-family: verdana;
    font-size: 80%;
}

#images {
  margin: 10px;
  float: left;
}

#images ul {
  list-style: none;
  margin: 5px 0px 0px 5px;
  padding: 0;
  float: left;
}
#images ul li {
  float: left;
  width: 145px;
}
#images div {
  padding: 10px;
  margin-right: 5px;
  margin-bottom: 10px;
  width: 160px;
  height: 220px;
  border-style: solid;
  border-width: 3px;
  border-color: #DEDFDE;
  float: left;
  overflow: hidden;
}

#images div:hover {
    border-color: #529EBD;
}

#images img.load {
    margin: 36px;
}

a, a:link { 
 color: #00f; 
 font-weight: bold;
 padding-left: 2px;
 }
a:hover { 
 color: #00f; 
 background-color: #bbcbff; 
 text-decoration: none;
}


#images a {
 color: #00f; 
  float: left;
  padding: 4px;
  font-weight: bold;
  
}

a.loaded { 
position: relative;
}
a.loaded img {
  z-index: 42;
}
a.loaded .zoom {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 16px;
  height: 16px;
  padding: 2px;
  z-index: 24;
}
a.loaded .zoom img {
  visibility: hidden;
}

a.loaded:hover {
}
a.loaded:hover img {
  z-index: 24;
}
a.loaded:hover .zoom {
  z-index: 42;
  border: 3px solid #bbcbff;
  background-color:#FFF;
}
a.loaded:hover .zoom img {
  visibility: visible;
}

#content { 
  float: left; 
  width: 98%;
}

#primaryContent { 
  width: 81%; 
  margin: 0; 
  float: left; 
  border: 1px solid #eee;
  border-left: none;
} 
#secondaryContent { 
  background-color:#eee;
  width: 18%;
  min-width: 10em;
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: right; 
} 

/* add some padding to the contentse in the main nav and secondary content areas */

#secondaryContent {
  padding-top: 10px;
  padding-bottom: 10px;
}

#secondaryContent h2 {
  font-size: 1.6em;
  margin: 0;
}