/*Zero out default settings*/
html, body, img, ul, li, div, #gallery, #pics, #thumbs, #captions, #captions ul, #pre, #nutrition, #health, #education, #livelihood, #span {
padding: 0;
margin: 0;
}

#photoDetails{
border-color: #015287;
background-color:#fff;
width: 600px;
height: 670px;
}

#photoDetails legend{
color: #D15600;
}

#gallery {
max-width: 100%;
max-height: 100%;
}

#gallery img { 
max-width: 100%;
max-height: 100%; 
border: 1px solid #000; 
padding:2px;
}

#thumbs {
width: 100%;
margin-left: 10px;
margin-top: 20px;
}

#thumbs img {
width: auto;
margin: 0 2em 0 0;
}

ul {
list-style: none;
}

li {
display: inline;
}

#captions {
text-align: left;
}

#captions #pre {
display: inline;
}

#captions ul {
list-style: none;
}

#captions li {
float: left;
display: inline;
width: 100px;
margin: 0 2em 0 10px;
background: #fff url(http://www.canadianfeedthechildren.ca/gallery/images/100x10.png) no-repeat bottom left;
}

#pics {
position: relative;
top: 0;
text-align: center;
}

#detailN, #detailH, #detailE, #detailL {
text-align: center;
margin: 0;
padding: 0;
}

/*Self-clear floats*/
.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}