/*large 1920px*/

	@ media screen and (min-width: 120em) / * 1920px*/ {


wrapper {

	width: 100%;

	min-width: 120em; /* 1920px */

        float: left;

	padding-left: 10px;

	padding-right: 10px;

	overflow: hidden;

	}

body {

	height: 100%;
		
	width: 100%;

	background-image: peibeachtrans2.jpg;

	}

header {

	float: top;

	width: 100%;

	height: 70px;

	}

nav { 

	width: 100px;
	
	height: 2700px;

	float: left;

        text-align: center;

	border: 1px solid black;

	margin: 0px; 20px 10px 10px;

        margin: 0px; 20px 10px 10px;
	
	background-color:#ffffcc;

	}

article {

	position: center;

	width: 100%;

        font: 18pt comic sans; 		

	color: #990033;

	text-align: center;

	
	}

table {


	max-width: 60em; /* 960px */

	float: center;

        cellpadding: 8px;

	cellspacing: 8px;

	background-color: #cccccc;

	border: 8px;

	margin-left: auto;

	margin-right: auto;

	}


map {

	max-width: 60em; /* 960px */

	float: center;

	margin-left: auto;

	margin-right: auto;

	}	


h1     {

	font: 16pt arial; 		

	color: #990033;

	text-align: center;
	
	}


p       { 

        font: 16pt comic sans; 		

	color: #990033;

	text-align: center;

        }

p.left { 

	font: 16pt arial; 

	color: #990033;

	text-align: left;

        }

dl	 { 

	font: 14pt arial; 

	color: #990033;

	text-align: left;

	text-indent: 30px;

        }

p.leav { 

        font: 18pt arial; 

	text-align: center;

	color: #990033;

        }


p.end {
		
	font-size: 12pt arial;

	text-align: center;

        }

p.by {
		
	font-size: 12pt arial;

	text-align: left;

        }



 div#tb {
	    
	margin-left: 55px;

	margin-right: 5px;
	
       }
			
dt.ids {	

	margin-left: 45px;

	text-align: center;		
			
       }

dd.ans {
		
	margin-left: 70px;

	text-align: center;

       }

li.home	{

	display: inline-block;

	 border: none; /* Remove borders */

         padding: 24px 38px; /* Add some padding */

	 cursor: pointer; /* Add a pointer cursor on mouse-over */

	 font: 10pt arial; 

	 background-color: #BB8FCE;

	 }  /* purple */

li.home:hover {background-color: #E8DAEF;}

li.water	{

	display: inline-block;

        border: none; /* Remove borders */

        padding: 24px 38px; /* Add some padding */

	cursor: pointer; /* Add a pointer cursor on mouse-over */

	font: 10pt arial; 

	background-color:  #00ccff;

	}  /* light blue */

li.water:hover {background-color: #008fb3;}

li.visit	{

	display: inline-block;

	 border: none; /* Remove borders */

         padding: 24px 38px; /* Add some padding */

	 cursor: pointer; /* Add a pointer cursor on mouse-over */

	 font: 10pt arial; 

	 background-color: #ff6600;

	 } /* Orange */

li.visit:hover {background-color: #cc5200;}

li.dinner	{

	display: inline-block;

	 border: none; /* Remove borders */

         padding: 24px 38px; /* Add some padding */

	 cursor: pointer; /* Add a pointer cursor on mouse-over */

	 font: 10pt arial; 

	 background-color: #ff66ff;

	} /* pink */

li.dinner:hover {background-color: #ff00ff;}

li.pubhop	{

	display: inline-block;

        border: none; /* Remove borders */

        padding: 24px 38px; /* Add some padding */

	cursor: pointer; /* Add a pointer cursor on mouse-over */

	font: 10pt arial;  

	background-color: #ffff00;

	} /* yellow */

li.pubhop:hover {background-color: #e69900;}

li.attic	{

	display: inline-block;

	 border: none; /* Remove borders */

         padding: 24px 38px; /* Add some padding */

	 cursor: pointer; /* Add a pointer cursor on mouse-over */
 
	 font: 10pt arial; 

	 background-color: #6666ff;

	 } /* dark blue*/

li.attic:hover {background-color: #002080;}

li.golf	{

	display: inline-block;

	 border: none; /* Remove borders */

         padding: 24px 38px; /* Add some padding */

	 cursor: pointer; /* Add a pointer cursor on mouse-over */

	 font: 10pt arial; 

	 background-color:#009933;

	 } /* green */ 

li.golf:hover {background-color: #006622;}

li.farm	{

	display: inline-block;

	 border: none; /* Remove borders */

         padding: 24px 38px; /* Add some padding */

	 cursor: pointer; /* Add a pointer cursor on mouse-over */

	 font: 10pt arial; 

	 background-color: #ffcc66;

	 }/* gold */

li.farm:hover {background-color: #e69900;}

li.form	{

	display: inline-block;

	 border: none; /* Remove borders */

         padding: 24px 38px; /* Add some padding */
 
	 cursor: pointer; /* Add a pointer cursor on mouse-over */

	 font: 10pt arial; 

	 background-color: #ff0000;

	 } /* red */ 

li.form:hover {background-color: #cc0000;}

li.ref	{

	display: inline-block;

	 border: none; /* Remove borders */

         padding: 24px 38px; /* Add some padding */

	 cursor: pointer; /* Add a pointer cursor on mouse-over */

	 font: 10pt arial; 

	 background-color: #66ff66;

	 } /* green */

li.ref:hover {background-color: #46a049;}



footer {

	clear: all;
 
	height: 60px;
 
	width: 100%;
 	
	bottom: 0px;

	right: 0px;
	
	}


	}