/* CSS Document 

the breakfast-[name] refer to the regular pages, the others to the front page

*/

body {
background-color: #000066;
text-align: center;
}

/* a for for regular links, cities etc */
a:link, a:visited {
 color: #003366; 
 text-decoration: underline;
 }
a:active {
 color: #333333;
 text-decoration: underline;
 }
a:hover {
 color:#666666;
 text-decoration: underline;
}

#picture {
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding: 0;
height: 341px;
width: 728px;
background: url(picture.jpg) no-repeat;
}

#topad {
background: url(content.gif) repeat-y;
margin-left: auto;
margin-right: auto;
width: 728px;
height: auto;
text-align:left;
padding:0;
}

/* front page */

#content {
background: url(content.gif) repeat-y;
margin-left: auto;
margin-right: auto;
width: 708px;
height: auto;
text-align:left;
padding: 5px 10px;
}



#content h1, #breakfast-content h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color: #000066;
}

/*Other pages */



#breakfast-top{
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding: 0;
height: 122px;
width: 728px;
background: url(breakfast-top.jpg) no-repeat;
}

#breakfast-top h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color: #000066;
	padding: 60px 0px 0px 0px;
}

#breakfast-menu {
text-align:left;
width: 728px;
height: 29px;	
background: url(breakfast-menu.gif) no-repeat;
margin-left: auto;
margin-right: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

#contact-right {
	float: right;
	}
	
#topnav {
	float: left;
	}
	
ul#topnav {
	margin: 0;
	padding: 5px 30px 5px 20px;
	list-style-type: none;
}

ul#topnav li {
	display: inline;
	padding: 0 10px 0 8px;
	color:#FF0000;
}

ul#topnav li a:link, ul#topnav li a:visited {
	text-decoration:none;
	color: #ffffff;
}

ul#topnav li a:hover, ul#topnav li a:active {
	text-decoration:none;
	color: #0033CC;
	background-color:#00CCFF;
}	










#breakfast-content {
background: url(breakfast-content.gif) repeat-y;
margin-left: auto;
margin-right: auto;
width: 708px;
height: auto;
text-align:left;
padding: 5px 10px;
}

#footer, #breakfast-footer {
width: 728px;
height: 43px;
background: url(footer.gif) no-repeat;
margin-left: auto;
margin-right: auto;
}

#breakfast-footer {
width: 728px;
height: 43px;
background: url(breakfast-footer.gif) no-repeat;
margin-left: auto;
margin-right: auto;
}

#footer p, #breakfast-footer p {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #990000;
font-size:11px;
text-align: right;
padding: 10px 10px 5px 10px;
margin: 0;
}

#footer a:link, #footer a:visited, #breakfast-footer a:link, #breakfast-footer a:visited {
color: #990000;
text-decoration: none;
}

#footer a:hover, #footer a:active, #breakfast-footer a:hover, #breakfast-footer a:active {
color: #FF0000;
background:#CCCCCC;
}

p.good-advice {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
}