﻿body 
{
    margin: 0px 0px;
    padding: 0px;
    text-align: center;
    min-width: 792px;
    background-color: #aaaaaa;
}

div#outer
{
    width: 800px; 
    height: 768px;
    background-color: #89C75A;
    margin-left: auto;
    margin-right: auto;
}

div#outerLong
{
    width: 800px; 
    height: 2304px;
    background-color: #89C75A;
    margin-left: auto;
    margin-right: auto;
}

.masthead 
{
    /* Image at top of page. */
/*    position: relative;
    top: 0px;
    left: 116px;*/
    margin: 0px auto;
    text-align: left;
    height: 155px;
    width: 792px;
    background-color: #ffffff;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background: url(ImageTop.jpg) top left;
	border-style: inset;
}

.sidebar 
{
    /* Image on left side of page. */
/*    text-align: left;
    position: relative;
    top: 0px;
    left: -306px;*/
/*    top: 155px;*/
/*    margin: 0px auto;*/
    float: left;
/*	height: 692px; */
	height: 696px;
	width: 181px;
	font-weight: bolder;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background: url(ImageLeft.jpg) top left;
	border-style: inset;
	text-align: left;
}

.sidebarLong
{
    /* Image on left side of page. */
    float: left;
/*	height: 2076px; */
	height: 2080px;
	width: 181px;
	font-weight: bolder;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background: url(ImageLeft.jpg) top left;
	border-style: inset;
	text-align: left;
}

.main 
{
    /* Image in main area of page. */
/*    position: relative; 
    top: -692px;
    left: 91px; */
    float: left;
	height: 702px; 
	/* NOTE */
	/* Adjusting the height here makes the gray area on the screen taller.  */
/*	height: 684px; */
	width: 611px;
	background-color: #ffffff; 
/*	background-repeat: no-repeat;
	background-attachment: fixed;
	background: url(ImageBody.jpg) top left; */
/*	border-style: groove; */
}

.mainLong
{
    /* Image in main area of page. */
    float: left;
/*	height: 2076px; */
	height: 2084px; 
	width: 611px;
	background-color: #ffffff; 
}

.footer 
{
    /* Image on bottom of page. */
    float: left;
	height: 50px;
	width: 792px;
	font-weight: normal;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background: url(ImageBottom.jpg) top left;
	border-style: inset;
	text-align: center;
}

.footer1 
{
    /* Top section of footer area for page breadcrumbs. */
/*    text-align: left;
    position: absolute;
    top: 110px;
    left: 110px;*/
/*    margin: 0px auto;*/  
    clear: left;
	height: 25px;
	width: 792px;
/*	background-color: #78d15a; */
	background-color: #89C75A;
	text-align: left;
}

.footer2 
{
    /* Bottom section of footer for copyright info. */
/*    position: absolute;
    top: 872px;
    margin: 0px auto;
    text-align: left;*/
    clear: left;
	height: 25px;
	width: 792px;
	background-color: #89C75A;
	text-align: center;
}

.category_main
{
    /* Image in main area of default page. */
/*    position: relative;
    top: 0px;
    left: 0px;
	height: 684px;
	width: 605px;*/
	height: 700px;
	background-color: #ffffff;
	border-width: 2px;
	border-style: solid;
}

.item_main
{
    /* Image in main area of default page. */
/*    position: relative;
    top: 0px;
    left: 0px;
	height: 684px;
	width: 605px;*/
/*	height: 696px;*/
	height: 700px;
	background-color: #ffffff;
	border-width: 2px;
	border-style: solid;
}

.default_main
{
    /* Image in main area of default page. */
/*    position: relative;
    top: 0px;
    left: 0px;
	height: 684px;
	width: 605px;*/
	height: 696px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background: url(ImageBodyDefault.jpg) top left;
	border-style: groove; 
    font-weight: bolder;
}

.about_main
{
    /* Image in main area of about company page. */
/*    position: absolute;
    top: 0px;
    left: 0px;
	height: 684px;
	width: 605px;*/
	height: 696px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background: url(ImageBodyAbout.jpg) top left;
	border-style: groove; 
    font-weight: bolder;
}

.level1
{
    color: Maroon;
    font-family: Comic Sans MS;
    Font-Size: 22px;
    Font-Weight: bold;
    margin-right: 10px;
}

.level2
{
    color: Maroon;
    font-family: Comic Sans MS;
    Font-Size: 22px;
    Font-Weight: bold;
}

.level3
{
    color: black;
    font-family: Comic Sans MS;
    Font-Size: 22px;
    Font-Weight: bold;
}

.hoverstyle
{
    font-weight: bold;
}
       
.sublevel1
{
    background-color: White;
    font-family: Comic Sans MS;
    Font-Size: 22px;
    Font-Weight: bold;
}  

.horizontalLevel1
{
    color: Blue;
    font-family: Comic Sans MS;
    Font-Size: 14px;
    Font-Weight: bold;
    margin-right: 10px;
}

.horizontalLevel2
{
    color: Blue;
    font-family: Comic Sans MS;
    Font-Size: 14px;
    Font-Weight: bold;
    margin-right: 10px;
}