/* 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:63.5em;

/*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.8em;

}

#navbar
{

font-family:arial,helvetica,sans-serif;


width:63.5em;

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;


}

#leftcolumn li
{

padding-left:5px;

font-size:1em;

margin-top:1em;


list-style-type:none;

}

#leftcolumn p
{

font-size:1.25em;

text-align:center;

}


#content ul
{

list-style-type:none;

font-size:1.25em;

margin:1em;

}

#content
{

float:left;

text-align:center;

width:54.5em;

font-family:arial,helvetica,sans-serif;

}


#footer
{

clear:both;

text-align:center;

background-color:#ff0;

width:47.5em;

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;

}

.dscrollbar
{

width:7.5em;

height:20em;


font-size:1.1em;

background-color:#ddd;

overflow:auto;

}

.scrollbar
{

width:49.9em;

height:20em;

padding:.25em;

font-size:1.1em;

background-color:#ddd;

overflow:auto;
}