/* layoutstyles.css */
/* Universal selector */
/* remove all default margins and padding */
*{
margin: 0;
padding: 0;
/* Element selector */
/* applies to all ul elements */
/*Temporary borders*/
/* border: dashed 1px #f00; */
}
body{
background-image: url(azul.jpg);

font-family:arial,helvetica,sans-serif;
}
#wrapper{
width:63em;
/*put 20 px margin above the wrapper*/
margin:20px auto 0;
/*set right and left to auto for centering*/
background-color:#b0fff0;
}
#header{
font-size:4em;
font-family:edwardian script itc;
text-align:center;
/*border:1px dashed*/
padding-top:5px;
padding-left:5px;
color:#fff;
background-color:#00f;
width:15.5em;
}
#navbar{
font-family:arial,helvetica,sans-serif;

width:62.2em;
height:1.5em;
background-color:#ff0;
}

#navbar li{

width:8em;
list-style-type:none;
text-align:center;
font-family:arial,helvetica,sans-serif;
font-size:1.2em;
float:left;
}
/*applies to navbar links visited and unvisited*/
#navbar a:hover,
#navbar a:active{
background-color:#000;
color:#fff;
}
#leftcolumn{
float:left;
font-family:arial,helvetica,sans-serif;
font-size:1em;
text-align:left;
width:8em;
height:22em;
text-align:center;
padding-top:10px;
}
#leftcolumn li{
padding-left:5px;
font-size:1em;
margin-top:1em;

list-style-type:none;
}
#leftcolumn p{
font-size:1.25em;
text-align:center;
}

#ul{
list-style-type:none;

margin:1em;
}
#content{
float:left;
text-align:center;
width:54.5em;
font-family:arial,helvetica,sans-serif;

}
#content p{
text-align:left;

padding:5px;
text-indent:.25in;
}
#footer{
clear:both;
text-align:center;
background-color:#ff0;
width:46em;
height:1.5em;
padding-left:16em;
}

#footer li{
list-style-type:none;
float:left;
font-size:1.25em;

width:12em;
}
/*footer hover and active links*/
#footer a:hover,
#footer a:active
{
background-color:#000;
color:#fff;
}
.scrollbar{
width:48.5em;
height:20em;
padding:.25em;
font-size:1.1em;
background-color:#ddd;
overflow:auto;
}
#scrollbar h1{
text-align:center;
}