/* This CSS applies to all Photo Gallary Style Pages */

html, body {
margin: 0px;
padding: 0px;
border: 0px;
background-color: #FFFFCC;
}

/* This moves all the pictures off the left edge */

#a, #b, #c, #d, #e, #f, #g, #h,
#i, #j, #k, #l, #m, #n, #o, #p,
#q, #r, #s, #t, #u, #w, #x, #y,
#z, #aa, #ab, #ac, #ad, #ae, #af
#ag, #ah, #ai, #aj, #ak, #al, #am
 {margin: 5px 20px;}

/* This makes the first header Blue and large */

h1 {
color: blue;
font-size: 32px;
}

/* This makes the second header Black and smaller */

h2 {
color: black;
font-size: 16px;
}

/* Applies to div class left or pictures */
/* This places the pictures on FLOAT left, without the float oly one picture per line will show
 margin-right is in between pictures */
/* width: 150px is how wide the picture box is margin-bottom is the room from the bottom to the next paragraph */

div.left {
float: left;
margin-right: 40px;
width: 150px;
margin-bottom: 40px;
}

/* This sets the label that is under the picture to be centered */

div.left p {
text-align: center;
}

/* This has something to do with the image */

img {
border: 0px none;
}

/* The Text class para is floated left with a little margin around it */

p.para {
clear: both;
margin-left: 10px;
margin-right: 40px;
margin-bottom: 30px;
}