/* Styles for David Rovics Pirate Songs - Entire site */

body, html{
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body
{
	font-family: Georgia, Helvetica;
	/*font-family: "Times New Roman", Times, serif; */
	font-size: 62.5%;
	background-color: #0b74aa;
	background-image: url('../images/waves.gif');
	background-position: top center;
}

/* The center container that holds everything */
#container
{
	position: relative;
	margin: auto;
	width: 600px;
	font-size: 1.3em;
	min-height: 100%;
}	

* html #container
{
	height: 100%;
}


/* island header div */

#sunBar{
  height: 247px;
  width: 100%;
  background-color: #ffef37;
  position: absolute;
  top: 0px;
  left: 0px;
}

#island{
  width: 868px;
  height: 307px;
  background-image: url('../images/island.jpg');
  position: absolute;
  top: 0px;
  z-index: 1;
  right: -112px;
}

#header
{
	float: left;
	width: 600px;
	position: relative;
	background-image: url('../images/headerBack.jpg');
	background-repeat: no-repeat;
	height: 136px;
	z-index: 2;
}

#headerChest
{
	float: left;
	width: 600px;
	position: relative;
	background-image: url('../images/headerBack.jpg');
	background-repeat: no-repeat;
	height: 232px;
	z-index: 2;
}

#logo
{
	background-image: url('../images/logo.jpg');
	background-repeat: no-repeat;
	width: 326px;
	height: 55px;
	position: absolute;
	top: 38px;
	left: 65px;
}



/* White middle div */

#middle
{
	position: relative;
	float: left;
	padding: 0px 20px 18px 20px;
	margin: 0px;
	background-image: url('../images/mapBack.gif');
	background-repeat: repeat-y;
	width: 560px;
	min-height: 80px;
	z-index: 2;
}

#mapTop{
  width: 600px;
  height:  28px;
  background-image: url('../images/mapTop.gif');
  background-repeat: no-repeat;
  position: absolute;
  top: -28px;
  right: 0px;
}


#mapBot{
  width: 600px;
  height:  30px;
  background-image: url('../images/mapBot.gif');
  background-repeat: no-repeat;
  position: absolute;
  bottom: -30px;
  right: 0px;
}

.bodyMap{
  width: 100%;
  margin: 4px 24px 12px 4px;
  font-size: 1.2em;
}

#mapMenu{
  width: 546px;
  height: 302px;
  background-image: url('../images/mapIsland.jpg');
  background-repeat: no-repeat;
  position: relative;
}

#topMenu{
  position: relative;
  height: 100px;
}

#pirateSongs{
  width: 295px;
  height: 61px;
  background-image: url('../images/pirateSongs.gif');
  margin: auto;
  display: block;
}

#songChestTitle{
  width: 298px;
  height: 67px;
  background-image: url('../images/songChestTitle.gif');
  margin: auto;
  display: block;
}

#mailingMeadowTitle{
  width: 271px;
  height: 39px;
  background-image: url('../images/mailingMeadowTitle.jpg');
  margin: auto;
  display: block;
}

#lyricsCavernTitle{
  width: 164px;
  height: 38px;
  background-image: url('../images/lyricsCavernTitle.jpg');
  margin: auto;
  display: block;
}

#rovicsCoveTitle{
  width: 139px;
  height: 32px;
  background-image: url('../images/rovicsCoveTitle.jpg');
  margin: auto;
  display: block;
}

a:link{
    color: #c40303;
    text-decoration: none;
    font-weight: bold;
}
a:visited{
    color: #cc0404;
    text-decoration: none;
    font-weight: normal;
}
a:hover {
    color: #ff1313;
}




/* Map Menu */


#menuList li
{
	display: inline;
}

#menuList a
{
	cursor: pointer;
}


.cavern
{
	background-image: url('../images/lyricsCavern.jpg');
	background-repeat: no-repeat;
	width: 135px;
	height: 89px;
	position: absolute;
	right: 93px;
	top: 39px;
	display: block;
}



.cavern_hover
{
	background-image: url('../images/lyricsCavern_hover.jpg');
	background-repeat: no-repeat;
	width: 136px;
	height: 94px;
	position: absolute;
	right: 93px;
	top: 32px;
	display: block;
}



.cavernSm
{
	background-image: url('../images/lyricsCavernSm.jpg');
	background-repeat: no-repeat;
	width: 71px;
	height: 70px;
	position: absolute;
	left: 136px;
	top: 7px;
	display: block;
}



.cavernSm_hover
{
	background-image: url('../images/lyricsCavernSm_hover.jpg');
	background-repeat: no-repeat;
	width: 79px;
	height: 81px;
	position: absolute;
	left: 132px;
	top: 1px;
	display: block;
}



.songChest
{
	background-image: url('../images/songChest.jpg');
	background-repeat: no-repeat;
	width: 143px;
	height: 97px;
	position: absolute;
	left: 92px;
	bottom: 83px
}


.songChest_hover
{
	background-image: url('../images/songChest_hover.jpg');
	background-repeat: no-repeat;
	width: 146px;
	height: 101px;
	position: absolute;
	left: 91px;
	bottom: 80px
}

.songChestSm{
  width: 91px;
  height: 84px;
  background-image: url('../images/songChestSm.jpg');
  position: absolute;
  top: 1px;
  left: 18px;
}

.songChestSm_hover{
  width: 104px;
  height: 89px;
  background-image: url('../images/songChestSm_hover.jpg');
  position: absolute;
  top: -2px;
  left: 11px;
}

.rovicsCove
{
	background-image: url('../images/rovicsCove.jpg');
	background-repeat: no-repeat;
	width: 169px;
	height: 70px;
	position: absolute;
	left: 20px;
	top: 11px
}

.rovicsCove_hover
{
	background-image: url('../images/rovicsCove_hover.jpg');
	background-repeat: no-repeat;
	width: 167px;
	height: 70px;
	position: absolute;
	left: 19px;
	top: 9px
}


.rovicsCoveSm
{
	background-image: url('../images/rovicsCoveSm.jpg');
	background-repeat: no-repeat;
	width: 60px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: -4px
}

.rovicsCoveSm_hover
{
	background-image: url('../images/rovicsCoveSm_hover.jpg');
	background-repeat: no-repeat;
	width: 67px;
	height: 90px;
	position: absolute;
	right: 16px;
	top: -7px
}

.mailingMeadow{
	background-image: url('../images/mailingMeadow.jpg');
	background-repeat: no-repeat;
	width: 122px;
	height: 101px;
	position: absolute;
	right: 114px;
	bottom: 40px
}

.mailingMeadow_hover{
	background-image: url('../images/mailingMeadow_hover.jpg');
	background-repeat: no-repeat;
	width: 123px;
	height: 105px;
	position: absolute;
	right: 114px;
	bottom: 34px
}


.mailingMeadowSm{
	background-image: url('../images/mailingMeadowSm.jpg');
	background-repeat: no-repeat;
	width: 98px;
	height: 75px;
	position: absolute;
	right: 108px;
	top: 2px
}

.mailingMeadowSm_hover{
	background-image: url('../images/mailingMeadowSm_hover.jpg');
	background-repeat: no-repeat;
	width: 108px;
	height: 82px;
	position: absolute;
	right: 103px;
	top: 1px
}


#middleContent
{
	position: relative;
	margin: 0px;
	padding: 0px 0px 18px 18px;;
	color: #333;
}



/* Blue footer div */

#footer
{
	float: left;
	position: relative;
	width: 600px;
	height: 20px;
	color: #fff;
	padding-top: 36px;
	text-align: right;
	font-family: Arial, serif;
	font-size: 10px;
}

#footer a:link{ color: #39a1d8; text-decoration: none; }
#footer a:hover{ color: #fff; text-decoration: none; }
#footer a:visited{ color: #39a1d8; text-decoration: none; }
#footer a:hover{ color: #fff; text-decoration: none; }





/* Formatting */
p
{
	margin: 12px 0px 0px 0px;
	padding: 0px;
	text-indent: 20px;
}

ul
{
	list-style-position:inside;
}

h2
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

h3
{
   margin-bottom: 8px;
   padding-bottom: 0px;
}

h4
{
   margin-top: 0px;
   padding-top: 0px;
   margin-bottom: 8px;
   padding-bottom: 0px;
}

.warning{
  color: red;
}

.success{
  color: green;
}


/* Image replacement hidden class */
.imgReplace
{
	display: none;
	margin: 0px;
	padding: 0px;
}