/* Zog's Dogs Sitewide Stylesheet */

HTML, BODY { height: 100%; margin: 0; padding: 0; background-color:#fff685;}
BODY, P, TABLE, TD, UL, LI { font: 14px verdana, arial; color:#464646; font-weight:bold;}
BODY { scrollbar-face-color: #ffe800; scrollbar-arrow-color: #ffe800; scrollbar-base-color: #f8b6c2; scrollbar-track-color:#f8b6c2; scrollbar-highlight-color:#ffe600; }
.wrapper { padding: 40px 20px 0 20px; }
.wrapper2 { padding: 40px 0 0 25px; }
.topBG {height:180px;background-image:url('img/topBG.gif');background-position:bottom;background-repeat:no-repeat;}
A:link, A:visited { color:#f06eaa; text-decoration: none; }
A:hover, A:active { color:#0cbff2; text-decoration: none; }
A:link.footer, A:visited.footer { color:#464646; text-decoration: none; }
A:hover.footer, A:active.footer { color:#ec008c; text-decoration: none; }
.hi { color:#ec008c; font-weight:bold;}
.hi2 { color:#00bff3; font-weight:bold;}
.small { font-size:13px; font-weight:bold;}
.smaller { font-size:11px;}
.formtext {border-top:1px outset #ffe800; border-bottom:1px outset #ffe800; border-right:1px outset #ffe800; border-left:1px outset #ffe800; color: #464646; background-color: #fbd9de; font-family:verdana; font-size:12px; }
select {border-top:1px solid #ffe800; border-bottom:1px solid #ffe800; border-right:1px solid #ffe800; border-left:1px solid #ffe800; background-color: #fbd9de; font: 12px verdana; color: #464646;}
textarea { border-top:1px outset #ffe800; border-bottom:1px outset #ffe600; border-right:1px outset #ffe600; border-left:1px outset #ffe600; background-color: #fbd9de; font-family:verdana; font-size:12px; COLOR: #464646;}
.border { background-color:#f8b6c2;}
.imgborder { border: 1px solid; color: #c2c1b2;}

/* Rollover Stylesheet */

#home, #home:visited {
	background-image:url(img/nav_home.png);
}
#about, #about:visited {
	background-image:url(img/nav_about.png);
}
#menu, #menu:visited {
	background-image:url(img/nav_menu.png);
}
#catering, #catering:visited {
	background-image:url(img/nav_catering.png);
}
#contact, #contact:visited {
	background-image:url(img/nav_contact.png);
}
#news, #news:visited {
	background-image:url(img/nav_zlog.png);
}
.rollover span.alt {
	display:none;
}
.rollover img {
	border:none;
}
:root .rollover img {
	display:block;
}

.rollover, .rollover:visited {
	background-color:transparent !important; /* needed for Opera5/6 */
	background-repeat:no-repeat;
	background-position:0 0;
	display: block;
}
.rollover.CURRENT, .rollover.CURRENT:visited, .rollover:hover, .rollover:focus, .rollover:active {
	background-position:0 -53px;
}

/* Highlight the current section by setting a class to the BODY element that matches the id of the main menu item to highlight */
body.home #home, body.about #about, body.menu #menu, body.catering #catering, body.contact #contact, body.news #news  {

	background-position:0 -53px;
}

/* horizontal and vertical align divs */

#page {
position: absolute;
text-align: center;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block;
}

#content {
position: absolute;
text-align:left;
margin-left: -450px; /* div's width / 2 */
top: -327px; /* div's height / 2 */
left: 50%;
width: 900px;
height: 655px;
visibility: visible;
}

#logo { position:absolute;top:0;left:0; }
#map { position:absolute;top:468px;left:34px; }
#map2 { position:absolute;top:382px;left:35px; }
#hotdog { position:absolute;top:440px;left:578px; }
#zogsmenu { position:absolute;top:216px;left:52px; }
#footer { width:759px;font-size:10px;color:#464646;margin-top:-10px;}
#hours { position:absolute;top:550px;left:287px;}
#deepfried { position: absolute; top:69px; left:491px; }

/* ---------------------- BLOG STYLES DO NOT DELETE ---------------------------- */

#recentnews {
	position:absolute;
	top:220px;
	left:578px;
	width: 260px;
}