#centerwrapper {
    margin: auto;
    align-content: center;
    text-align: center;
}
 body
      {margin:5px;background-image:url('cruise-sky.jpg');background-attachment: fixed;font-family: Arial, "san-serif"; 
      font-size:22px;color:#000066;margin-top:10px;padding:5px;text-align:center;}
	
    P {font-family:Arial, "san-serif"; font-size:20px;color:#000066;padding-left:10px;}
caption
	{
	font-family:"Arial"; font-size:28px;font-weight:bold;color:#000066;text-align:center;
	}	
    P {font-family:"Arial"; font-size:20px;color:#000066;text-align:left; margin-top:0; margin-bottom:0;}
    
    span
    {
    text-decoration:underline;font-weight:bold;
    }


#logo {
    width:135px;
    line-height: 1;
    font-size: small;
    font-weight: bold;
    text-align: center;
    float: left;
}

#header {
    line-height: 1;
    width: 70%;
   
    font-size: 1.5em;text-align:left;
    font-family: Arial "san-serif";
    color: #000066;
    vertical-align: top;
}

#main {
    text-align: justify;
    
    background-color: #ffffff;
    border: 1px solid black;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    border-radius: 10px;
}

  
	h1 
	{
	font-size:24px;color:#000066;text-align:center; margin-top:0; margin-bottom:10px;
	}
	
	h2
	{
	display:none;font-size:20px;color:#FF6600;
	}
	
	h3
	{
	color:#FF6600;font-size:20px;
	}
	
	#main caption
	{
	font-family:"Arial";font-size:40px;text-align:center;
	}
ul {
    list-style-type: none
}
	li
	{
	font-family:"Arial";font-size:20px; 
	}
      FORM {margin:5px 5px 5px 10px;padding:10px;}
   

ul#menum {
    list-style-type:none;
    padding: 2em;
   
}

#menum li {
   
    display: inline-flex;
    padding: 5px;
}
        #menum li a {
            text-decoration: none;
            font-size: medium;font-weight:bold;
            text-transform: uppercase;
            background-color: #000066;
            color: #FFFFCC;
            padding: 5px;
            text-align: center;
            border-radius: 10px 10px 10px 10px;
        }

#menum li a:hover
{
background-color: #ffffff;color:#CC0099;
}
 
ul#menum li a:active 
{background-color: #CC0099;
}

@media only screen and (max-width: 650px) {
    #main {
        width: 95%;
    }

    #header {
        width: 100%;
        margin: 0px
    }

    #menum li {
        display: block;text-align:center;
    }
} 

@media screen and (min-width: 1000px) {

    #menum li {
        display:inline-flex;
    }
    #header {
        margin: 0 20% 0 20%;
    }
    #main {
        margin: 0 20% 0 20%;
    }
} 

    p#tags {
        text-align: center;
        margin-bottom: 1em;
        font-family: century gothic,Arial,sans-serif;
        font-size: 1.5em;
    }

    #footer {
        border-radius: 20px;
        font: normal bold 1em arial,san-serif;
        color: #1c0654;
        text-align: center;
    }

    p#footer {
        margin: 0;
        text-align: center;
    }

    ul#footer {
        list-style-type: none;
        display: inline;
    }

    li#footer {
        float: left;
        text-align: center;
        margin-top: 0px;
        padding: 0px 50px 0px 50px;
    }

    a#footer {
        font: bold 1.2em "century gothic",arial,san-serif;
        color: #000000;
    }
    /* These styles create the dropdown menus. */
    #menu {
        margin: 0;
        padding: 0;
        height: 1em;
    }

        #menu li {
            list-style: none;
            float: left;
            text-align: center;
            margin: 0px 30px 0px 30px;
        }

            #menu li a {
                display: block;
                padding: 3px 3px;
                color: #000066;
            }

            #menu li ul {
                display: none;
                width: 10em; /* Width to help Opera out */
                background-color: #69f;
            }

            #menu li:hover ul, #menu li.hover ul {
                display: block;
                position: relative;
                margin: 0;
                padding: 0;
            }

            #menu li:hover li, #menu li.hover li {
                float: none;
            }

                #menu li:hover li a, #menu li.hover li a {
                    background-color: #69f;
                    border-bottom: 1px solid #fff;
                    color: #000;
                }

            #menu li li a:hover {
                background-color: #8db3ff;
            }