/*
   New Perspectives on HTML
   Navy Web Site Style Sheet
   Author: Stephen M. Roberts
   Date:   5/5/2014

   Filename:         navy.css
   Supporting Files: none

*/
/* Set the default page element styles */

body{
	padding: 20px;
}
#bshadow {
	font-family: Arial;
	font-size: 10pt;
	color: 0000;
	background-color: white;
   float: none;
   margin: 10px auto;
   width: 90%;
   max-width: 1000px;
   min-width: 800px;
	-moz-box-shadow: rgba(211, 211, 211, 0.5) 10px 0px 15px, rgba(211, 211, 211, 0.5) -10px 0px 15px;
	-webkit-box-shadow: rgba(211, 211, 211, 0.5) 10px 0px 15px, rgba(211, 211, 211, 0.5) -10px 0px 15px;
	box-shadow: rgba(211, 211, 211, 0.5) 10px 0px 15px, rgba(211, 211, 211, 0.5) -10px 0px 15px;
}

#wrap{
	position: relative;
	width: 800px;
}

td{
	text-align: justify
}

td.caption{
	text-align: center;
}

h1 {
	font-size: 22pt;
	text-align: center;
}

h2 {
	font-size: 16pt;
	text-align: center;
}

h3	{
	font-size: 14pt;
	text-align: center;
}
	
.ttitle {
	font-weight: bold;
	font-size: 22pt;
	color: 5f9f9f;
}

.btitle {
	font-family: Copperplate Gothic Bold;
	font-size: 12pt;
	color: 23238e;
}

.s1 {
	font-family: Copperplate Gothic Bold;
	font-size: 50px;
	font-weight: bold;
	color: 23238e;
}

.s2 {
	font-family:	Copperplate Gothic Bold;
	font-size: 100px;
	font-weight: bold;
	color: RED;
}

.s3 {
	font-family: Copperplate Gothic Bold;
	font-size: 40px;
	font-weight: bold;
	color: BLUE;
}	

.tour	{
	font-weight:	bold;
	font-size:		12pt;
	color:			23238e;
}
.note	{
	font-weight:	bold;
	font-style:		italic;
	font-size:		10pt;
	color:			23238e;
}
.hidden {
	display: none;
}

.plain{
	font-family: "Courier New", Courier, monospace;
	font-size:		10pt;
	color:			23238e;

}

#p1 {
	margin-top: -130px;
	margin-left: 10px;
	text-align: left;
}

#p2 {
	margin-top: +20px;
	text-align: right;
}

#p3 {
	margin-top: -5px;
	text-align: right;
}

#p4 {	
	margin-top: 2px;
	text-align: right;
}

#p5{
	text-align:justify
}

#pframe{
	border-width: 10px;
	-o-border-image: url("../images/pipping.jpg") 10 stretch;
	-moz-border-image: url("../images/pipping.jpg") 10 stretch;
	-webkit-border-image: url("../images/pipping.jpg") 10 stretch;
	border-image: url("../images/pipping.jpg") 10 stretch;
}
 
 /* Image Map styles */
#empty{
	 position:absolute;
	 z-index:12;
 }
 
#ImgMap0{
	position:absolute;
 }
	/* Styles for the Flags */
#nz{
	position:absolute;
	left:200px;
	top:290px;
}
 
#au{
	position:absolute;
	left:70px;
	top:279px;
}

#nc{
	position:absolute;
	left:180px;
	top:240px;
}

#in{
	position:absolute;
	left:52px;
	top:214px;
}

#th{
	position:absolute;
	left:35px;
	top:177px;
}

#jp{
	position:absolute;
	left:123px;
	top:116px;
}

#ga{
	position:absolute;
	left:130px;
	top:169px;
}

#ws{
	position:absolute;
	left:189px;
	top:181px;
}

#tg{
	position:absolute;
	left:49px;
	top:156px;
}

#kr{
	position:absolute;
	left:86px;
	top:111px;
}

#nr{
	position:absolute;
	left:261px;
	top:201px;
}

#ha{
	position:absolute;
	left:259px;
	top:154px;
}
#tw{
	position:absolute;
	left:82px;
	top:147px;
}

#hk{
	position:absolute;
	left:66px;
	top:150px;
}

#ph{
	position:absolute;
	left:83px;
	top:175px;
}

#va{
	position:absolute;
	left:330px;
	top:76px;
}

#lb{
	position:absolute;
	left:332px;
	top:109px;
}

#sd{
	position:absolute;
	left:346px;
	top:119px;
}

#mx{
	position:absolute;
	left:350px;
	top:137px;
}

#ma{
	position:absolute;
	left:443px;
	top:115px;
}

#mi{
	position:absolute;
	left:414px;
	top:133px;
}

#bt{
	position:absolute;
	left:441px;
	top:144px;
}

#pa{
	position:absolute;
	left:432px;
	top:182px;
}

#sy{
	position:absolute;
	left:544px;
	top:223px;
}

#ke{
	position:absolute;
	left:527px;
	top:209px;
}

#om{
	position:absolute;
	left:557px;
	top:173px;
}

#io{
	position:absolute;
	left:606px;
	top:201px;
}

#si{
	position:absolute;
	left:45px;
	top:199px;
}

#ml{
	position:absolute;
	left:30px;
	top:194px;
}