body {
    background-image:url("Images/bl2.jpg");
    -moz-background-size:100% 100%; /* Old Firefox */
    background-size:cover;
    background-repeat:no-repeat;
}

header {
    text-align:center;
    background-image:url(Images/bl2.jpg);
    -moz-background-size:100% 100%; /* Old Firefox */
    background-size:cover;
    background-repeat:no-repeat;
}

footer {
    text-align:right;
    color:#44444444;
    font-size:60%;
}

section {
    border:1px solid;
    background-color: rgba(200, 0, 255, 0.6);    /*#8800ff;*/
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
    /*opacity: 0.8; commenting out so text is not faded*/
    /*-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 72);*/
    /*-ms-filter must come before filter*/
    /*filter: alpha(opacity = 72);*/
}

h1 {
    text-align:center;
}

.picture {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    margin-right: 20px;
    border:5px solid;
    box-shadow: 10px 10px 5px #888888;
}

#menu {  
    list-style:none;  
    width:940px;  
    margin:30px auto 0px auto;  
    height:43px;  
    padding:0px 20px 0px 20px;  
    /* Rounded Corners */  
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px;  
    /* Background color and gradients */  
    background: #014464;  
    background: -moz-linear-gradient(top, #0272a7, #013953);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
    /* Borders */  
    border: 1px solid #002232;  
    -moz-box-shadow:inset 0px 0px 1px #edf9ff;  
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff;  
    box-shadow:inset 0px 0px 1px #edf9ff;  
} 

#menu li {  
    float:left;  
    display:block;  
    text-align:center;  
    position:relative;  
    padding: 4px 10px 4px 10px;  
    margin-right:30px;  
    margin-top:7px;  
    border:none;  
}  

#menu li:hover {  
    border: 1px solid #777777;  
    padding: 4px 9px 4px 9px;  
    /* Background color and gradients */  
    background: #F4F4F4;  
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));  
    /* Rounded corners */  
    -moz-border-radius: 5px 5px 0px 0px;  
    -webkit-border-radius: 5px 5px 0px 0px;  
    border-radius: 5px 5px 0px 0px;  
    color:#ff0000;
} 

#menu li a {  
    font-family:Arial, Helvetica, sans-serif;  
    font-size:14px;  
    color: #EEEEEE;  
    display:block;  
    outline:0;  
    text-decoration:none;  
    text-shadow: 1px 1px 1px #000;  
} 

#menu li:hover a {  
    color:#161616;  
    text-shadow: 1px 1px 1px #FFFFFF;  
} 

#menu li .drop {  
    padding-right:21px;  
    background:url("img/drop.png") no-repeat rightright 8px;  
}  
#menu li:hover .drop { 
    background:url("img/drop.png") no-repeat rightright 7px;  
} 

.dropdown {  
    margin:4px auto;  
    float:left;  
    position:absolute;  
    left:-999em; /* Hides the drop down */  
    text-align:left;  
    padding:10px 5px 10px 5px;  
    border:1px solid #777777;  
    border-top:none;  
    /* Gradient background */  
    background:#F4F4F4;  
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));  
    /* Rounded Corners */  
    -moz-border-radius: 0px 5px 5px 5px;  
    -webkit-border-radius: 0px 5px 5px 5px;  
    border-radius: 0px 5px 5px 5px;  
}  

#menu li:hover .dropdown {  
    left:-1px;  
    top:auto;  
    z-index:10;
}  

.button {  
    color: white;
    text-shadow: 2px 2px 2px #000000;
    list-style:none;  
    width:940px;  
    margin:30px auto 0px auto;  
    height:43px;  
    padding:5px 20px 5px 20px;  
    /* Rounded Corners */  
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px;  
    /* Background color and gradients */  
    background: #014464;  
    background: -moz-linear-gradient(top, #0272a7, #013953);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
    /* Borders */  
    border: 1px solid #002232;  
    -moz-box-shadow:inset 0px 0px 1px #edf9ff;  
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff;  
    box-shadow:inset 0px 0px 1px #edf9ff;  
} 

.col {  
    display:inline;  
    float: left;  
    position: relative;  
    margin-left: 5px;  
    margin-right: 5px;  
    width:auto;
}  

    .imgshadow {  
        background:#FFFFFF;  
        padding:4px;  
        border:1px solid #777777;  
        margin-top:5px;  
        -moz-box-shadow:0px 0px 5px #666666;  
        -webkit-box-shadow:0px 0px 5px #666666;  
        box-shadow:0px 0px 5px #666666;  
    }  
    .img_left { /* Image sticks to the left */  
        width:auto;  
        float:left;  
        margin:5px 15px 5px 5px;  
    }  
    #menu li .black_box {  
        background-color:#333333;  
        color: #eeeeee;  
        text-shadow: 1px 1px 1px #000;  
        padding:4px 6px 4px 6px;  
        /* Rounded Corners */  
        -moz-border-radius: 5px;  
        -webkit-border-radius: 5px;  
        border-radius: 5px;  
        /* Shadow */  
        -webkit-box-shadow:inset 0 0 3px #000000;  
        -moz-box-shadow:inset 0 0 3px #000000;  
        box-shadow:inset 0 0 3px #000000;  
    }  
    #menu li ul {  
        list-style:none;  
        padding:0;  
        margin:0 0 12px 0;  
    }  
    #menu li ul li {  
        font-size:12px;  
        line-height:24px;  
        position:relative;  
        text-shadow: 1px 1px 1px #ffffff;  
        padding:0;  
        margin:0;  
        float:none;  
        text-align:left;  
        width:180px;  
    }  
    #menu li ul li:hover {  
        background:#aaaaaa;  
        border:none;  
        padding:0;  
        margin:0;  
    }  
    #menu li .greybox li {  
        background:#F4F4F4;  
        border:1px solid #bbbbbb;  
        margin:0px 0px 4px 0px;  
        padding:4px 6px 4px 6px;  
        width:116px;  
        /* Rounded Corners */  
        -moz-border-radius: 5px;  
        -webkit-border-radius: 5px;  
        border-radius: 5px;  
    }  
    #menu li .greybox li:hover {  
        background:#ffffff;  
        border:1px solid #aaaaaa;  
        padding:4px 6px 4px 6px;  
        margin:0px 0px 4px 0px;  
    }  

.info {
    color:#000000;
    text-shadow: 2px 2px 2px #0000ff;
}

a:link {
    text-decoration:none;
    color:#000000;
}

.button:link {
    color:#000000;
    text-shadow: 0px 0px 2px #ff0000;
}

.infobox {
    margin: auto 25px auto 25px;
    padding: 0px 10px 5px 10px;
    background-color:rgba(200, 200, 200, 0.6);
    color:#000000;
    text-shadow: 0px 0px 2px #0000ff, 0px 0px 5px #9999ff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
    /*opacity: 0.8;  commented out so that the text is not faded, using rgba for background color instead*/
    /*-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 72);*/
    /*-ms-filter must come before filter*/
    /*filter: alpha(opacity = 72);*/
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*All filters must be placed together*/
}

.infoboxpotgm {
    margin: auto 25px auto 25px;
    padding: 0px 10px 5px 10px;
    background-image:url(Images/introscreen.jpg);
    color:#000000;
    text-shadow: 0px 0px 2px #ff0000, 0px 0px 5px #9999ff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
    /*opacity: 0.8;  commented out so that the text is not faded, using rgba for background color instead*/
    /*-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 72);*/
    /*-ms-filter must come before filter*/
    /*filter: alpha(opacity = 72);*/
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*All filters must be placed together*/
}

.infoboxsm {
    margin: auto 25px auto 25px;
    padding: 0px 10px 5px 10px;
    background-image:url(Images/stage2p1.jpg);
    color:#000000;
    text-shadow: 0px 0px 2px #ff0000, 0px 0px 5px #9999ff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    -moz-box-shadow: 0px 0px 5px #000000;
    -webkit-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000;
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
    /*opacity: 0.8;  commented out so that the text is not faded, using rgba for background color instead*/
    /*-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 72);*/
    /*-ms-filter must come before filter*/
    /*filter: alpha(opacity = 72);*/
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*All filters must be placed together*/
}