body {
background: url(bggrad.jpg) repeat-x;
}

img{
border:none;
}

p{
font: Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
}

#container{
width: 1024px;
height: 768px;
margin: 0 auto;
}

.leftside{
position: absolute;
background-image: url(lsidebg.jpg);
width: 132px;
height: 768px;
}

.rightside{
position: absolute;
background-image:url(rsidebg.jpg);
margin-left: 894px;
height: 768px;
width: 130px;
z-index:1;
}

.boxt{
position: absolute;
margin-top: 7px;
margin-left: 123px;
width: 783px;
height: 24px;
background-image: url(top.jpg);
background-repeat:no-repeat;
z-index:3;
}

.box{
position: absolute;
margin-top: 15px;
margin-left: 132px;
width: 761px;
height: 730px;
background-color:#FFFFFF;
}

.btm{
position: absolute;
margin-top: 746px;
margin-left: 116px;
background-image:url(btm.jpg);
width: 792px;
height: 23px;
z-index: 4;
}

#inside{
position: absolute;
margin-top: 10px;
margin-left: 8px;
background-image:url(insidebg.jpg);
background-repeat: no-repeat;
width: 745px;
height: 715px;
}


#logo{
position:absolute;
margin-left: 45px;
margin-top: 35px;
background-repeat: no-repeat;
width: 313px;
height: 101px;
}

#events{
position: absolute;
margin-top: 205px;
margin-left: 50px;
width: 243px;
height: 230px;
}

.header{
position: absolute;
background-image:url(newsheader.jpg);
background-repeat: no-repeat; 
width: 243px;
height: 50px;
}

.news1 a:hover, .news2 a:hover, .news3 a:hover, .news4 a:hover{
position: absolute;
margin-top: 0px;
display: block;
width: 243px;
height:50px;
background-image:url(newsbgroll.jpg);
}

.news1 a, .news2 a, .news3 a, .news4 a{
display: block;
width: 243px;
height: 50px;
}

.news1, .news1:hover{
position:absolute;
margin-top: 30px;
background-image:url(newsbg.jpg);
width: 243px;
height: 53px;
}

.news1:hover{
background-image:url(newsbgroll.jpg);
}


.news2, .news2:hover{
position:absolute;
margin-top: 80px;
background-image:url(newsbg.jpg);
width: 243px;
height: 53px;
}

.news2:hover{
background-image:url(newsbgroll.jpg);
}

.news3{
position:absolute;
margin-top: 130px;
background-image:url(newsbg.jpg);
width: 243px;
height: 53px;
}

.news3:hover{
background-image:url(newsbgroll.jpg);
}

.news4, .news4:hover{
position:absolute;
margin-top: 180px;
background-image:url(newsbg.jpg);
width: 243px;
height: 53px;
}

.news4:hover{
background-image:url(newsbgroll.jpg);
}

#navy{
position: absolute;
margin-top: 40px;
margin-left: 470px;
background-repeat: no-repeat;
width: 286px;
height: 209px;
}

#navlist{
position: absolute;
margin-top: 40px;
margin-left: 470px;
background-repeat: no-repeat;
width: 286px;
height: 209px;
}

ul{
margin: 0;
padding: 0;
list-style-type: none;
text-decoration: none;
}


ul li a{
display: block;
width: 110px;
height: 20px;
text-decoration:none;
}

li{
display: block;
}

#newsevents li a{
font: Arial, Helvetica, sans-serif;
font-size:12px;
}

.contact a{
display: block;
width: 80px;
height: 20px;
text-decoration:none;
}

.toppings a{
display: block;
width: 120px;
height: 20px;
text-decoration:none;
}

.about{
position:absolute;
margin-left: 30px;
margin-top: 25px;
background-repeat: no-repeat;
height: 23px;
width: 88px;
}

.store{
position:absolute;
margin-left: 50px;
margin-top: 47px;;
background-repeat: no-repeat;
height: 20px;
width: 94px;
}

.flavors{
position:absolute;
margin-left: 80px;
margin-top: 71px;
background-repeat: no-repeat;
height:17px;
width: 108px;
}

.toppings{
position:absolute;
margin-top: 95px;
margin-left: 100px;
background-repeat: no-repeat;
height: 20px;
width: 126px;
}

.contact{
position:absolute;
margin-top: 120px;
margin-left: 140px;
background-repeat: no-repeat;
height: 16px;
width: 78px;
}

#state{
position: absolute;
background-image:url(hmstatement.jpg);
background-repeat: no-repeat;
width:337px;
height: 390px;
margin-left: 350px;
margin-top: 230px;
}

#thebg{
position: absolute;
background-image:url(theinfobg.jpg);
background-repeat: no-repeat;
width:337px;
height: 390px;
margin-left: 350px;
margin-top: 230px;
}

.copy p{
position: absolute;
margin-top: 725px;
margin-left: 450px;
color: #a0c5a7;
}

.date{
position:absolute;
margin-top: 5px;
padding-bottom: 0px;
margin-left: 15px;
font:"Century Gothic";
font-family:"Century Gothic";
color: #b7d7a4;
font-size: 16px;
font-weight:bold;
}

.date2{
position:absolute;
margin-top: 5px;
padding-bottom: 0px;
margin-left: 15px;
font:"Century Gothic";
font-family:"Century Gothic";
color: #b7d7a4;
font-size: 16px;
font-weight:bold;
display:none;
}

.event, .event2{
position: absolute;
margin-top:12px;
margin-left: 15px;
padding-top: 10px;
padding-bottom: 0px;
font:"Century Gothic";
font-family:"Century Gothic";
font-size: 16px;
color: #b7d7a4;
}

.event2{
margin-top: 5px;
}

#aboutps{
position:absolute;
margin-top: 220px;
margin-left: 35px;
background-image:url(aboutpg.jpg);
background-repeat:no-repeat;
width: 653px;
height: 423px;
}

#flavorsps{
position:absolute;
margin-top: 220px;
margin-left: 40px;
background-image:url(flavorspg.jpg);
background-repeat:no-repeat;
width: 651px;
height: 472px;
}

#toppingsps{
position:absolute;
margin-top: 220px;
margin-left: 40px;
background-image:url(toppingspg.jpg);
background-repeat:no-repeat;
width: 671px;
height: 477px;
}

#contactps{
position:absolute;
margin-top: 220px;
margin-left: 40px;
background-image: url(contactpg.jpg);
background-repeat:no-repeat;
width: 641px;
height: 467px;
}

#flash{
position: absolute;
margin-top: 220px;
margin-left: 20px;
}

#facebook{
position: absolute;
margin-top: 530px;
margin-left: 50px;
background-image:url(fbbtn.jpg);
width: 62px;
height: 23px;
}

#twit{
position: absolute;
margin-top: 530px;
margin-left: 130px;
background-image:url(twitbtn.jpg);
width: 90px;
height: 23px;
}

h1{
margin-top: 30px;
margin-left: 25px;
font:"Century Gothic";
font-family:"Century Gothic";
color: #b7d7a4;
font-size: 18px;
font-height: 18px;
font-weight:bold;
}

#thebg p{
margin-top: 10px;
margin-left: 25px;
font:"Century Gothic";
font-family:"Century Gothic";
font-size: 15px;
color:#000000;
width: 295px;
}