/*
*   tag { }         applies to elements of name tag
*   #infobar { }    applies to elements of id="infobar"
*   .infobar { }    applies to elements of class infobar
*
*/

/* element level formatting applies to all elements of the type */
html {
	font-size: 1em;		
}

body {
	margin:  0px 50px 0px 50px;
	text-align: center;
        background-color: beige;
}

footer {
    text-align: center;
    padding: 3px;
    background-color: white;
    color: black;
}

ul {
    background-color: white;
}

li {
    color: red;
    font-size: xx-small;
}

iframe { 
    border-style: none; 
}

/* formatting targetted at the relevant id="tagname" */

#infobarid {
    font-size: xx-small;
    text-align: center;
    background-color: greenyellow;
    width: 100%;
    border-style: none; 
}

#pagefooter {
    width: 100%;
    border-style: none; 
}


/* formatting targetted at classes  class="tagname" */

.footborder {
	margin:  0px 0px 0px 0px;
	background-color: rgba(200, 200, 200, 0.3);
}

.trans {
        text-align: center;
        font-size: xx-small;        
	padding: 20px;
	background-color: rgba(255, 255, 255, 0.75);
	background-repeat: no-repeat;	
}

.bodyspace {
	padding: 50px;	
}

.infobarclass {
    font-size: small;
    text-align: center;
    background-color: honeydew;
    width: 100%;
    border-style: none; 
}