* {
  padding:0;
  margin:0;  
}

/***** Body and main container *****/

body {
  color: #777;
  font:76% Georgia, Tahoma,Arial,sans-serif;
  background:#f7fee4 url(/css/user_images/background_footer.gif) center repeat-y;
}
 
#wrap {
  margin:0 auto;
  width:760px;
}
#main{
  width: 760px;
  float: left;
  background: #f5f5f5  url(/css/user_images/main_bg.gif) 20px 0 repeat-y;
}

/***** Various tags *****/

a, a:visited {
  text-decoration:none;
  font-weight:bold;
  color:#286ea0;
  background-color:inherit;
}

a:hover {
  text-decoration:underline;
  color:#286ea0;
  background-color:inherit;
}

a img {
  border:0;
}

p {
  margin:0 0 1.4em 0;
}

/***** Header *****/

#header {
  height:176px;
  background: url(/css/user_images/banner_dog.gif) no-repeat;
}

/***** Left sidebar *****/

#sidebar-left{
  float:left;
  display: inline;
  width:130px;
  margin:0 0 0 20px;
  padding:5px 0 0 0;
  background: #ddd;
}

/***** Main menu *****/
#nav{
  width: 100%;
  float: left;
  display: inline;
}
#nav ul {
  margin:10px 0 0 0;
  list-style:none;
  text-transform: lowcase;  
}
#nav ul li{
  width:100%;
  line-height:1.4em;
  float: left;
  margin-bottom: 6px;
}

#nav ul li a{
  color:#a7cf3a;
  font-weight:bold;
  float:left;
  padding:5px 0;
  text-decoration:none;
  width: 100%;
  text-align: center;
}
#nav ul li:hover {
  background: #fff;
}

#nav ul li.current, #nav ul li:hover{
  background: #f7fee4;
}
#nav ul li{
  background: #fff;
}

#nav ul li a:hover, #nav ul li.current a {
  color:#9f9f9f;
}
#nav ul li.submenu a {
   color:#abacac;
}

/***** Main content *****/
#content-right{
 float: right;
 display: inline;
 width: 530px;
 padding:10px 10px 0 10px;
 margin-right:30px;
 line-height:1.5em;
 letter-spacing: 1px;
}

#content-right h2{
font-size:1.6em;
font-weight: normal;
margin:10px 0 10px 0;
}
#content-right h3{
font-size:1.3em;
margin:0 0 8px;
}
#content-right ul{
margin:0 0 16px 20px;
}
#content-right li{
padding:0 0 0 5px;
}
#content-right ul ul{
margin:0 0 0 16px;
}
.article{
 height: 95%;
 overflow: auto;
 text-align: justify;
}
.article p{
 width:100%;
 float: left;
}
.article img{
  margin:5px 10px 10px 10px;
  padding: 3px;
  border: 1px solid #a7cf3a; 
}

/* gallery -----------------------------------*/
#gallery{
 float: left;
 display: inline;
 width: 100%;
 margin-bottom: 20px;
}
#gallery a{
  color: #505050;
  font-weight: normal;
}
#gallerydescription{
  margin-top: 20px;
  text-align: center;
  width:100%;
  font-size: 1.5em;
  color: #bbbbaa;
}
#thumbs{
  float:left;
  display: inline;  /* hack for IE */
  margin:10px 5px 10px 5px;
  padding-left: 20px;
  width: 500px; 
}
.thumb{
  float: left;
  display: inline;
  margin:0 15px 10px 0;
  width: 105px;
  height: 105px;
  background: #fff;
  border: 2px solid #cce18f;
}
.thumb img{
  margin: 10px 0 0 10px;
}
.title{
  padding-bottom: 3px;
}
#gallerynav{
  float: left;
  margin-left:0px;
  width: 100%;
  text-align: center;
}
#gallerynav ul{
  margin:0 auto;
  padding: 0;
}
#gallerynav ul li{
  display: inline;
  margin: 0 5px;
}
#gallerynav ul li a{
  text-decoration: none;
}
#gallerynav ul li span:hover{
  background: #cce18f;
}
#gallerynav ul li span{
  padding: 0 4px 2px 4px;
}
#gallerynav ul li.current span{
  color: #fff;
  font-weight: bold;
  background: #cce18f;
  padding: 0 4px 2px 4px;
}

/*--------- single image --------------*/

#galleryimage{
 float: left;
 text-align:center;
 margin-bottom: 20px;
}
#galleryimage img{
  border: 4px solid #cce18f;
  padding:10px;
}
#imagenav{
   float: left;
   width: 100%;
   display: inline;
   margin-bottom: 10px;
}
#imagenav #prev{
 float:left;
}
#imagenav #next{
  float:right;
}
#imagenav a, #imagenav a:visited {
  color: #777;
  text-decoration: none;
 padding: 2px;
}
#imagenav a:hover{
  background: #cce18f;
  color: #fff;
  text-decoration: none;
  padding: 2px;
}

/***** Footer *****/

#footer {
  float: left;
  height: 30px;
  display: inline;
  margin:10px 0 0 150px;
  width: 610px;
  color:#808080;
  text-align: center;
}
#footer a {
  text-decoration:none;
  font-weight:bold;
}

#footer a:hover {
text-decoration:underline;
}