/*CSS Design by Andrew Shreck and Jay O'Hora*/

/*  ***********
    * GLOBALS *
    ***********
*/

/*This is the global body declaration*/
body
{
	padding: 0px;
	margin: 5px;
	background-color: #dc4142;
}

#mainelement
{
	width: 100%;
	border-style: none;
	border-spacing: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

#mainbody
{
	background-color: #FFFFFF;
	padding: 20px 5px 5px 5px;
	vertical-align: top;
	border-top: 2px solid #000000;
	margin: 0px;
}

/*************************************
 * .button is mainly navigation      *
 * buttons.  looks best on grey      *
 * background                        *
 *************************************/


a.button
{
	margin: 0px;
	padding: 2px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: small;
	width: 110px;
	text-decoration: none;
	text-align: center;
	color: white;
	background-color: #ca2a2f;
	border: 2px solid #000000;
}


a.button:hover
{
	padding: 2px;
	color: black;
	background-color: #c2c3c5;
	border: 2px solid #000000;
	border-top: 2px solid #c2c3c5;

}

a.button:active
{
	padding: 2px;
	background-color: #ca2a2f;
	border: 2px solid #000000;
	border-top-color:  #c2c3c5;
}

/*************************************
 * .wbutton is basically the same as *
 * the navigation buttons except it  *
 * looks better on white than the    *
 * navigation buttons                *
 *************************************/
a.wbutton
{
	margin: 2px 5px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: small;
	width: 110px;
	text-decoration: none;
	text-align: center;
	color: white;
	background-color: #B22222;
	padding: 2px 3px;
	border: 1px outset #000000;
}

a.wbutton:hover
{
	padding: 0px 1px;
	color: white;
	border: 3px outset #000000;
}

a.wbutton:active
{
	border-style: inset;
}

#top
{
	border: 2px solid #000000;
	border-bottom: 0px solid white;
	padding: 0px 0px 2px 0px;
	margin: 0px;
	background-color: #c2c3c5;
}


#leftnav
{
	margin: 0px;
	padding: 2px 0px;
	vertical-align: top;
	background-color: #FFFFFF;

}
/*******************
 * Drop-down menu  *
 *******************/
#leftnav, #leftnav ul
{
	z-index: 80;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#leftnav a
{
	display: block;
	padding: 0px;
	margin: 0px;
}

#leftnav li
{
	padding: 0px;
	margin: 0px;
	float: left;
	width: 112px;
}

#leftnav li ul
{
	padding: 0px;
	margin: 0px;
	position: absolute;
	border: 1px solid black;
	left: -999px;
}
#leftnav li ul li
{
	background-color: #FFFFFF;
	font-family: sans-serif;
	padding: 0px;
	margin: 0px;
	float: none;
	width: 165px;
	/*width: 117px;*/
	border: 1px solid black;
}

#leftnav li:hover ul, #leftnav li.yaiebf ul
{
	padding: 0px;
	margin: -2px 0px 0px 0px;
	left: auto;
}

#leftnav li ul li a
{
	text-decoration: none;
	padding: 0px 2px;
	margin: 0px;
}

#leftnav li ul li a:hover
{
	color: #000000;
}

/**********************
 * End drop-down menu *
 **********************/

#top a
{
	 float: left;
}

/*
#top span
{
	margin: 5px;
	font-size: large;
	vertical-align: top;
	float: right;
}*/

#top
{
	border: 2px solid #000000;
	border-bottom: 0px solid white;
	/*border-bottom: 0px solid #c2c3c5;*/
	padding: 0px 0px 2px 0px;
	margin: 0px;
	/*background-color: #ffffff;
	background-color: #999999;*/
	background-color: #c2c3c5;
}

#content
{
	/*border-top: 2px solid black;*/
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 5px;
	/*vertical-align: top;*/
}

#buttonarea
{
	width: 130px;
	padding: 10px 2px 2px 2px;
	vertical-align: top;
	background-color: #c2c3c5;
	border: 0px;
	color: black;
	text-decoration:  none;
}

#buttonarea a
{
	color: black;
	font-family: sans-serif;
}

/*This is a class that can be applied to left align stuff (used in the order process)*/
.l
{
	text-align: left;
}
/*This is a class that can be applied to right align stuff (used in the order process)*/
.r
{
	text-align: right;
}


#foot
{
	clear: both;
	border-top: 2px solid black;
	height: 145px;
	text-align: left;
	vertical-align: text-top;
	font-size: small;
	/*background-color: #999999;*/
	background-color: white;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
/*
#footDiv
{
	position: relative;
	top: 0px;
	left: 0px;
}
*/
#foot .logo
{
	float: left;
	margin: 0px 0px 0px 5px;
	/*position: absolute;
	top: 0px;
	left: 0px;*/
}

#foot .logo2
{
	float: right;
	margin: 0px 5px 0px 0px;
	/*position: absolute;
	top: 0px;
	right: 0px;*/
}

#foot .other p
{
	text-align: center;
	margin: 0px;
}

a img
{
	border-style: none;
}