/*Gallery style*/

/*==========this is the div that holds all the pics======*/

div#gallery {
 margin: 1em 3em 1em 3em;
}

#gallery, #gallery p{
 font: 12px verdana, arial, helvetica, sans-serif; 
 line-height: 19px;
 margin:0;
 padding: 0 10px 0 10px;
 color: #EFF6EA;
 text-align: left;   
 }

#gallery, #gallery h1 { 
 font: bold 13px verdana, arial, helvetica, sans-serif;
 color: #AB7D4F;
 text-align: left;
 margin: 5px 10px 0 10px;
 padding: 0px;
 }

h2 { 
 font:12px verdana, arial, helvetica, sans-serif;
 color: #654A2F;
 text-align: left; 
 margin: 5px 10px 6px 10px;
 padding: 0px;  
}

h4 { 
 font: bold 12px verdana, arial, helvetica, sans-serif;
 color: #654A2F;
 text-align: left; 
 margin: 0 10px 0 10px;
 padding: 10px 0px 10px 0px; 
}

/*========below is all the css for the image display======*/

div.pic {
 float:left;
 height: 230px;
 width: 130px;
 padding: 0 15px;
 margin: 5px 3px;
 background: #647F25;
 border: 1px solid #000;
border-color: #aaa #444 #444 #aaa;
color: #000;
}

div.pic img {
 border: 1px solid;
 border-color: #444 #aaa #aaa #444;
}


div.pic img:hover{
 border: 1px solid;
 border-color: #fff;
}

*/===this makes ie show the border to the image on hover==*/
div.pic a img{
 border: 1px solid;
 border-color: #444 #aaa #aaa #444;
}

div.pic  a:hover img{
 border: 1px solid;
 border-color: #fff;
}
/*===*/


div.ls img {
 height: 96px;
 width: 128px;
 margin: 6px 0 0 0;
}

/*div.ls  img:hover{
 border: 1px solid;
 border-color: #000 #fff #fff #000;
}*/

div.pt img {
 height: 128px;
 width: 96px;
 margin: 8px 16px 0 16px;
}

/*div.pt  img:hover{
 border: 1px solid;
 border-color: #000 #fff #fff #000;
}*/



#gallery, #gallery .title {
 display: block;
 list-style: none;
 text-align: center;
 font: bold 12px verdana, arial, helvetica, sans-serif; 
 line-height: 19px;
 color: #fffffb; /* this changes the colour of the title of the photo*/
 margin: 0;
 padding: 0;
}

#gallery, #gallery .description{
 display: block;
 list-style: none;
 text-align: left;
 font: 10px verdana, arial, helvetica, sans-serif; 
 padding: 4px 0 0 0;
 margin: 0;
 color: #fffffb;
}


 /*===============this is for the input form===============*/

#gallery input.inputtitle{
 background-color: #E9D9C4;
 border:none;
 text-align: center;
 font: bold 12px verdana, arial, helvetica, sans-serif; 
 line-height: 19px;
 color: #000;
}

#gallery textarea.inputtext{
 background-color: #E9D9C4;
 border:none;
 text-align: left;
 font: 10px verdana, arial, helvetica, sans-serif; 
 padding: 0;
 margin: 0;
 color: #000;
 scrollbars: none;
 overflow: hidden;
}


 /*===============above is for the input form===============*/


.next {
margin: 0 20px 0 0;
padding: 0 5px 0 0;
text-align: right;
color: #000;
height: 30px;
clear: both;
}

div#ufwus{
background: #EFF6EA; 
 }