/*
CSS for Bubble Under site
*/


body {font-family: veranda, helvetica, arial, sans-serif;
background: black url(backgrounds/body-bg.png) top;
color: white;
line-height:125%;
padding: 0;
margin: 0;
}

h1, h2, h3 {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h1 {font-family: "Trebuchet MS", arial, Helvetica, sans-serif;
font-size: xx-large;
background: black url(backgrounds/header-bg.png) repeat-x right;
color: white;
padding-top: 1.5em;
padding-bottom: .4em;
padding-left: .4em;
margin: 0;
}

h2{color: white;
font-size: 150%;
font-weight: normal;
padding-top: 15px;
}

h2, ul {margin-top: 15px;
}

li {font-size: medium;
list-style-type: none;
}


#informationbar p {font-style: italic;
font-size: 1.2em;
font-weight: bold;
font-family: Georgia, Times, serif;
background-color: black;
color: white;
border-top: 3px solid silver;
padding-top: .2em;
padding-bottom: .2em;
padding-left: .8em;
margin: 0;
}

#bodycontent th{
font-style: italic; 
}


#bodycontent li{
width: 1000px;
}

#navigation {width: 150px;
height: 250px;
background-color: #101010;
}

#navigation a{
font-size: large;
font-weight: bold;
}


a:link {color: yellow;
}

a:visited {color: red;
}

a:hover {text-decoration: none;
color: red;
background-color: silver;
}

a:active {color: aqua;
background-color: navy;
}


blockquote.fun {font-style: italic;
}

/* This section deals with the position of items on the screen.  It uses absolute positioning - fixed x and y coordinates measured from the top left corner of the browser's content display */

#navigation, #bodycontent, #header {position: absolute;
}

#navigation, #bodycontent {
top: 120px;
}

#bodycontent {
left: 200px;
}

#navigation {
left: 15px;
}

#header {
width: 100%;
}


.galleryphoto {
padding-bottom: 20px;
border-bottom: 1px solid navy;
margin-bottom: 10px;
}

.galleryphoto img {
border: 15px solid white;
}

.galleryphoto p{
font-size: 65%;
font-weight: bold;
margin-top: 0;
width: 430px;
line-height: 1.4em;
}

.photocredit {
font-weight: normal;
color: gray;
}

#picture1 img{
position: absolute;
border: 1px solid white;
left:0px;
top: 175px;
}

#picture2 img {
position: absolute;
border: 1px solid white;
left: 675px;
top: 175px;
}

#picture2a img {
position: absolute;
border: 1px solid white;
left: 375px;
top: 175px;
}


#picture3 {
position: absolute;
border: 1px solid white;
left:0px;
top: 675px;
}

#picture4 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 675px;
}

#picture4a {
position: absolute;
border: 1px solid white;
left: 375px;
top: 675px;
}


#picture5 {
position: absolute;
border: 1px solid white;
left:0px;
top: 1175px;
}

#picture6 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 1175px;
}

#picture7 {
position: absolute;
border: 1px solid white;
left:0px;
top: 1675px;
}

#picture8 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 1675px;
}

#picture9 {
position: absolute;
border: 1px solid white;
left:0px;
top: 2175px;
}

#picture10 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 2175px;
}

#picture11 {
position: absolute;
border: 1px solid white;
left: 0px;
top: 2675px;
}

#picture12 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 2675px;
}

#picture13 {
position: absolute;
border: 1px solid white;
left:0px;
top: 3175px;
}

#picture14 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 3175px;
}

#picture15 {
position: absolute;
border: 1px solid white;
left:0px;
top: 3675px;
}

#picture16 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 3675px;
}

#picture17 {
position: absolute;
border: 1px solid white;
left:0px;
top: 4175px;
}

#picture18 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 4175px;
}

#picture19 {
position: absolute;
border: 1px solid white;
left:0px;
top: 4675px;
}

#picture20 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 4675px;
}

#picture21 {
position: absolute;
border: 1px solid white;
left: 0px;
top: 5175px;
}

#picture22 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 5175px;
}

#picture23 {
position: absolute;
border: 1px solid white;
left: 0px;
top: 5675px;
}

#picture24 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 5675px;
}

#picture25 {
position: absolute;
border: 1px solid white;
left: 0px;
top: 6175px;
}

#picture26 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 6175px;
}

#picture27 {
position: absolute;
border: 1px solid white;
left: 0px;
top: 6675px;
}

#picture28 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 6675px;
}

#picture29 {
position: absolute;
border: 1px solid white;
left: 0px;
top: 7175px;
}

#picture30 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 7175px;
}

#picture31 {
position: absolute;
border: 1px solid white;
left: 0px;
top: 7675px;
}

#picture32 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 7675px;
}

#picture33 {
position: absolute;
border: 1px solid white;
left: 0px;
top: 8175px;
}

#picture34 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 8175px;
}

#picture35 {
position: absolute;
border: 1px solid white;
left: 0px;
top: 8675px;
}

#picture36 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 8675px;
}

#picture37 img{
position: absolute;
border: 1px solid white;
left: 0px;
top: 9175px;
}

#picture38 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 9175px;
}

#picture39 {
position: absolute;
border: 1px solid white;
left: 0px;
top: 9675px;
}

#picture40 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 9675px;
}

#picture41 {
position: absolute;
border: 1px solid white;
left: 0px;
top: 10175px;
}

#picture42 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 10175px;
}

#picture43 {
position: absolute;
border: 1px solid white;
left: 0px;
top: 10675px;
}

#picture44 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 10675px;
}

#picture45 {
position: absolute;
border: 1px solid white;
left: 0px;
top: 11175px;
}

#picture46 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 11175px;
}

#picture47 {
position: absolute;
border: 1px solid white;
left: 0px;
top: 11675px;
}

#picture48 {
position: absolute;
border: 1px solid white;
left: 675px;
top: 11675px;
}