/*
-----------------------------------------------
title:     Pam's Popcorn Index CSS
author:    Michael Herold
copyright: 2006
----------------------------------------------- */

body {
	background: #1e547f;
	margin: 0 0 0 0;
	}
body, td, th, div, p, blockquote, li {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.3em;
	}

/* Start Index tags */
#index {
	height: 508px;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.0em;
	}
a, a:visited, a:active{
	text-decoration: none;
	color: #ef3e34;
	}
a:hover {
	text-decoration: none;
	color: #006895;
	}

#index .top {
	height: 15px;
	width: 850px;
	background-image: url(../images/index_top.gif);
	}
#index .container {
	height: 478px;
	width: 850px;
	background-color: #f89828;
	}
#index .bottom {
	height: 15px;
	width: 850px;
	background-image: url(../images/index_bottom.gif);
	}
#index .logo {
	float: left;
	position: absolute;
	width: 373px;
	height: 355px;
	margin-left: 238px;
	margin-top: 115px;
	z-index: 1;
	}
#index .homepic {
	float: left;
	position: absolute;
	width: 115px;
	height: 83px;
	margin-left: 56px;
	margin-top: 269px;
	z-index: 1;
	}
#index .dirpic {
	float: left;
	position: absolute;
	width: 103px;
	height: 84px;
	margin-left: 123px;
	margin-top: 108px;
	z-index: 1;
	}
#index .menupic {
	float: left;
	position: absolute;
	width: 121px;
	height: 97px;
	margin-left: 675px;
	margin-top: 262px;
	z-index: 1;
	}
#index .factspic {
	float: left;
	position: absolute;
	width: 107px;
	height: 87px;
	margin-left: 613px;
	margin-top: 105px;
	z-index: 1;
	}

/* Links */
.home {
	float: left;
	position: absolute;
	min-height: 85px;
    height: 85px;
	width: 115px;
	color: #ef3e34;
	margin-left: 75px;
	margin-top: 301px;
	font-size: 24px;
	font-weight: bold;
	z-index: 2;
	}
div[class] .home {
    height: auto;
    z-index: 2;
    }
.directions {
	float: left;
	position: absolute;
	min-height: 85px;
    height: 85px;
	color: #ef3e34;
	margin-left: 108px;
	margin-top: 139px;
	font-size: 24px;
	font-weight: bold;
	z-index: 2;
	}
div[class] .directions {
    height: auto;
	z-index: 2;
    }
.menu {
	float: left;
	position: absolute;
	min-height: 85px;
    height: 85px;
	color: #ef3e34;
	margin-left: 700px;
	margin-top: 301px;
	font-size: 24px;
	font-weight: bold;
	z-index: 2;
	}
div[class] .menu {
    height: auto;
	z-index: 2;
    }
.funfacts {
	float: right;
	position: absolute;
	min-height: 85px;
    height: 85px;
	color: #ef3e34;
	margin-left: 630px;
	margin-top: 139px;
	font-size: 24px;
	font-weight: bold;
	z-index: 2;
	}
div[class] .funfacts {
    height: auto;
	z-index: 2;
    }
/* End Index tags */