/*

    MUST USE: pseudo-element
              padding property
              display: none
              position: absolute

Additional style ideas might include: applying a background color, changing the fonts, using bold and/or italics, giving the table a border and colors, rearranging the different sections using absolute positioning, etc.

*/

a:link, a:visited {  
    text-decoration: none; 
    color: #000099;
}

a:link:hover, a:visited:hover {  
    text-decoration: underline; 
    color: #335588

}

a:link:active, a:visited:active  {
    text-decoration: none; 
    color: #000099;
}
a:link:active:hover, a:visited:active:hover  {  
    text-decoration: underline;
    color: #335588;
    
}


body {
	margin : 2em;
	font-family: Arial, Helvetica, sans-serif;
	background: #eee;
}


table
{
    margin-top: 20px;
    margin-bottom: 20px;
    border-collapse: collapse;
}

td
{
    text-align: center;
}

th{

    display: none; 
    /* without Javascript, display:none does not seem very useful beyond    deactivating an element. */
}

#header {
    text-align: center
}

#header h1
{
    font-family: Times New Roman, serif;
    font-weight: bold;
    font-style: italic;
    color: #ffa500;
}

#about h2, #menu h2, #quotes h2 {
	margin: 0px auto;
	width: 100%;
	position: relative;
	left: -1px;
	top: -1px;
	background-color: #e8ebf0;
	border: 1px solid black;
	font-size:12px;
	text-align: center;
}

#about p:first-line
{
    font-family: Times New Roman, serif;
    font-size: large;
    font-weight: bold;
    font-style: italic;
    color: #ffa500;

}

#about,#menu,#quotes,#hours,#address {
	font-family: sans-serif;
	margin: 0px;
	padding: 1em;
	background-color:white;
	border:1px solid black;
}

#about {
    position: absolute;
    width: 200px;
    right: 50px;
    top: 150px;
    text-align: center;

}


#menu {
   position: absolute;
   width: 200px;
   left: 50px;
   top: 150px;
  
   text-align: center;
}

#address {
    margin-top: 70px;
    margin-bottom: 20px;
    
    font-weight: bold;
    
}

#hours {
    margin-bottom: 20px;
    
    font-weight: bold;
    color: green;
}

#quotes {
	background: #fff;
	margin-left: 275px;
	margin-right: 275px;
	border: 1px solid #000;

}

body #quotes, body #address, body #hours {
	margin-left: 275px;
	margin-right: 275px;
}



.customername {
   color: green;

}


#footer {
    margin-top: 50px;
    text-align: center;
    font-size: small;
}