/* Spanish II DM160C Base css file */
*
{
	margin: 0;
	padding: 0;
}	


#page
{
	background-color: #eee8aa;
	margin-top: 10px;
	margin-left: auto; margin-right: auto;
	width: 48em;
	color: #8b6914;
	font-family: sans-serif;
	border: 2px solid black;

}
#banner h1 a {color: #8b6914; font-size: small;}

#banner li a {font-weight: bold; text-decoration: none; font-size: small}
#banner li a {padding-left: 2em; padding-right: 2em; }
#banner li a {padding-top:   .2em; padding-bottom: .2em;}
#banner li a:link    { background-color: #cdbe70;   color: white; }
#banner li a:visited { background-color: #cdbe70;   color: white; }
#banner li a:hover   { background-color: white;  color: #cdbe70;  }
#banner li a:active  { background-color: #cdbe70; color: white;  }

#banner
{
	background-color: #eee8aa;
	color: inherit;
	height: 7.84em;
	border-bottom: 2px solid black;
}

#banner img
{
	float: left;
	width: 10.45em;
	padding-right: .8em;
}

#banner h1
{
	padding-top: .5em;
	font-size: x-large;
}

#banner h2
{
	font-size: large;
	margin-bottom: 1.6em;
}

#banner li
{

	display: inline;
	list-style-type: none;
}	
	
#menu 
{
	
	margin-top: .6em;
	background-color: #eee8aa; 
	color: inherit;
	width: 10.45em;
	clear: left;
	float: left;
	text-align: center;
}	

#menu a {font-weight: bold; text-decoration: none; font-size: small}
#menu a {padding-left: 2em; padding-right: 2em; }
#menu a {padding-top:   .2em; padding-bottom: .2em;}
#menu a:link    { background-color: #cdbe70;   color: white; }
#menu a:visited { background-color: #cdbe70;   color: white; }
#menu a:hover   { background-color: white;  color: #cdbe70;  }
#menu a:active  { background-color: #cdbe70; color: white;  }


#menu li
{
	margin-bottom: .6em;
	margin-top: .6em;
	list-style-type: none;
}	

#menu input
{
	font-size: x-small;
 	color: #8b6914;
}

#menu p
{
	margin-top: 2em;
	font-size: x-small;

}

#outercontent
{
	width: 37.5em;
	background-color: #ffffe0;
	color: inherit;	
	float: left;
}	

#innercontent
{
	padding: 1em;
	margin-left: 1em;
	font-size: small;

}
#innercontent a {color: inherit;}
#innercontent h3 {margin-top: 1em;}
#innercontent tr {padding-left: 1em;}
#innercontent tr {padding-left: 1em;}
#innercontent p {font-size: small;}
#innercontent li {margin-left: 1.5em;}
#innercontent dd {color: #228b22; margin: .5em auto 1em 1em; }
#innercontent ul {margin-top: .35em}

#innercontent form td
{  
		padding: .6em;
}



.chart
{
	border: 0px solid white; 
	border-spacing: 0px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.chart h4
{
	font-weight: bold;
	    font-size: small;
		margin-top: .2em;		
		margin-bottom: .2em;
}

.chart ul
{
	list-style: disc;

	padding-left: .05em;
}

.chart li
{

}


.chart td
{
	border: 3px solid white;  
    font-size: x-small;
	background-color: #fffab2; 
	padding: 1em;
	vertical-align: top;
}

.chart th
{
	background-color: #fffab2; 
	border: 3px solid white;  
       	font-size: 13px;	
	padding: 10px;
	text-align: center;
}


.info p, dl
{

	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: small;
}

.info ul
{

	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: small;
}

#sitelinks td
{
	padding: 1em;
	vertical-align: top;
	width: 9em;
}

#sitelinks td h3
{

	text-align: left;

}
	

#footer
{
	background-color: #eee8aa;
	color: inherit;	
	clear: left;
	border-top: 2px solid black;
}


#footer p
{
	margin-top: .3em;
	padding: .3em;
	text-align: center;

}


#footer a.flinks
{
       vertical-align: 50%;
       font-size: x-small;
       padding: 1em;
}

#footer a:link    {color: #8b6914; }
#footer a:visited {color: #8b6914; }
#footer a:hover   {color: #8b6914; }
#footer a:active  {color: #8b6914; }

.stats
{
	text-align: center;
	font-family: sans-serif;
	font-size: x-small;
	margin-top: 1em;
}	
