/* Generated by KompoZer */
body {
  border-color: #ffcc00;
  border-width: 0;
  margin: 0% 3%;
  padding: 0%;
  background-repeat: no-repeat;
  background-position: left top;
  color: #333399;
  font-family: Verdana,Tahoma,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 76%;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  text-align: justify;
  background-color: #f4f4f4;
  width: 93%;
}
ul {
  margin: 15px 0 20px;
  list-style-type: circle;
  list-style-image: none;
  list-style-position: outside;
  font-size: 0.9em;
}
li {
  margin: auto auto auto 15pt;
  font-size: 1.1em;
  line-height: 1.8em;
}
a {
  color: #333399;
  font-weight: inherit;
  text-decoration: underline;
}
a:hover {
  color: #505050;
  text-decoration: underline;
}
img {
  border: 1px solid #d0d0d0;
  margin: 0 15px 15px 0;
  padding: 1px;
  background: #ffffff none repeat scroll 0% 50%;
  float: left;
}
a img:hover {
  border-color: #d85d5d;
  background: #d85d5d none repeat scroll 0% 50%;
}
#sidebar {
  background: #e0e0e0 url(img/sidebarbg.gif) repeat-y scroll right top;
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  height: 100%;
  overflow: auto;
  text-align: right;
}
body > #sidebar {
  position: fixed;
}
#sidebar h1 {
  margin: 20px 18px 0 5px;
  color: #d85d5d;
  font-size: 1.6em;
  letter-spacing: -2px;
  text-align: right;
}
#sidebar h2, #sidebar h3 {
  margin: 0 20px 18px 5px;
  color: #606060;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: -1px;
  text-align: right;
}
#sidebar h3 {
  margin: 20px 18px 4px 5px;
  color: #606060;
}
#sidebar p {
  margin: 0 20px 18px 5px;
  color: #606060;
  font-size: 0.8em;
}
#sidebar a {
  color: #808080;
}
#menu a {
  padding: 5px 18px 5px 0;
  background: #ffcc00 url(img/sidebarbg.gif) repeat-y scroll right top;
  display: block;
  width: 202px;
  color: #606060;
  font-size: 1.8em;
  font-weight: normal;
  text-decoration: none;
  letter-spacing: -2px;
}
#menu a:hover {
  background: #f0f0f0 url(img/sidebarbg.gif) repeat-y scroll right top;
  color: #303030;
}
#menu a.active {
  border-top: 2px solid #c0c0c0;
  border-bottom: 2px solid #c0c0c0;
  padding: 5px 18px 5px 0;
  background: #ffff66 none repeat scroll 0% 50%;
}
#menu a.active:hover {
  background: #fafafa none repeat scroll 0% 50%;
  color: #505050;
}
#content {
  margin: 0 0 0 240px;
  padding: 20px 0;
  background: #fafafa none repeat scroll 0% 50%;
  width: 520px;
}
#content p {
  margin: 0 0 20px;
  line-height: 1.5em;
}
h1 {
  border-style: groove;
  margin: 0;
  background: white url(images/compil%20image%20usersv2_blur.jpg) repeat fixed left top;
  letter-spacing: -5px;
  width: 100%;
  text-align: center;
  font-size: 2.5em;
  line-height: 2.2em;
  font-weight: bold;
  font-style: italic;
  color: #000099;
}
h2 {
  margin: 0;
  color: #333399;
  letter-spacing: -2px;
  text-align: left;
  font-weight: bold;
  line-height: 1.6em;
  font-size: 1.8em;
  background-color: #d7d7d7;
}
h3 {
  line-height: 1em;
  color: #6600cc;
  font-size: 1.2em;
}
h4 {
  font-size: 0.7em;
}
#CarouselDiv {
  text-align: center;
}
h5 {
  text-align: right;
  line-height: 0em;
}
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}
#lightbox img {
  width: auto;
  height: auto;
}
#lightbox a img {
  border:  none;
}
#outerImageContainer {
  margin: 0 auto;
  position: relative;
  background-color: #ffffff;
  width: 250px;
  height: 250px;
}
#imageContainer {
  padding: 10px;
}
#loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#hoverNav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
#imageContainer > #hoverNav {
  left: 0;
}
#hoverNav a {
}
#prevLink, #nextLink {
  width: 49%;
  height: 100%;
  display: block;
}
#prevLink {
  left: 0;
  float: left;
}
#nextLink {
  right: 0;
  float: right;
}
#prevLink:hover, #prevLink:visited:hover {
  background: transparent url(../images/prevlabel.gif) no-repeat scroll left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
  background: transparent url(../images/nextlabel.gif) no-repeat scroll right 15%;
}
#imageDataContainer {
  margin: 0 auto;
  font-family: Verdana,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 10px;
  font-size-adjust: none;
  font-stretch: normal;
  background-color: #ffffff;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
}
#imageData {
  padding: 0 10px;
  color: #666666;
}
#imageData #imageDetails {
  width: 70%;
  float: left;
  text-align: left;
}
#imageData #caption {
  font-weight: bold;
}
#imageData #numberDisplay {
  display: block;
  clear: left;
  padding-bottom: 1em;
}
#imageData #bottomNavClose {
  width: 66px;
  float: right;
  padding-bottom: 0.7em;
}
#overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background-color: #000000;
}

#hc1 li{
margin:0 3px 0 0; /*Spacing between each LI container*/
}

#hc1 li .hpanel{
padding: 5px; /*Padding inside each content*/
background:   #d7d7d7;
}

.shakeimage{
position:relative
}