/*
	Common Elements
*/

body
{
	margin-top: 10px;
	background-attachment: fixed;
	background-image: url(BackgroundImages/piggys.gif);
	font: 10px/20px verdana, arial, sans-serif;
	color: #000066;
}
p 
{
	font: 10px/20px verdana, arial, sans-serif; 
	color: #000066;
}
td 
{
	font: 10px/20px verdana, arial, sans-serif;

}
Input
{
	font: 10px verdana, arial, sans-serif; 
	color: #000066;

}
Select 
{
	font: 10px verdana, arial, sans-serif; 
	color: #000066;
}

P.Title
{
	font-size:25px;
	color:#6B7DAA;
	font-weight:bold;
	margin-top:5px;
}
P.Small
{
	font-size:xx-small;
}
/* 
	Outer layout Table
*/

div.OuterLayout
{
	text-align:center;	
}
#OuterLayoutTable
{
	border-right: #6B7DAA 3px solid;
	padding-right: 0px;
	border-top: #6B7DAA 3px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: #6B7DAA 3px solid;
	width: 800px;
	padding-top: 0px;
	border-bottom: #6B7DAA 3px solid;
	border-collapse: collapse;
	background-color: white;
}
#LeftPanel
{
	width: 120px;
	position: static;
	background-color: white;
	vertical-align:top;

}
#MainPanel
{
	
	
	background-color: white;
	width:480px;
	
}
.Panel 
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	background-color: purple;
	border-bottom-style: none;
	vertical-align:top;
}


/*
	Header
*/
#HeaderDiv
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	background-color: #FFD8D2;
	border-bottom: #6B7DAA 1px dashed; 
	
}
	
/*
	Left Panel
*/

/*
	Header Menu
*/
.TreeMenu
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top:0px;
	
	margin: 0px;
	
	
}

.TreeMenu ul, .TreeMenu li {
	
	list-style-type:none;
	margin: 0px;
	padding-left: 8px;
	padding-top:0px;
	padding-bottom:0px;
}


/*
	Header Menu Links
*/

.TreeMenu a, .TreeMenu a:link
{
	padding-right: 3px;
	display: inline;
	padding-left: 3px;
	padding-bottom: 2px;
	margin: 0px 0px 0px 2px;
	font: bold 10px/22px verdana, arial, sans-serif;
	color: #4c2e00;
	padding-top: 2px;
	text-decoration: none;
	border: 1px white solid;
}

.TreeMenu a:hover {
	background: #FFD8D2;
	border: 1px solid #6b7daa;
}

.TreeMenu a.active, .TreeMenu a:link.active, .TreeMenu a:hover.active
{
	border: #6B7DAA 1px solid;
	background: #ffd8d2;
}
	
/*
	Sub Header	
*/	

#SubHeaderDiv
{
	text-align:center;
	border-right: green 1px solid;
	padding-right: 0px;
	border-top: green 1px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: green 1px solid;
	padding-top: 0px;
	border-bottom: green 1px solid;
	background-color: silver;
}


/*

Menu Formating

*/
.MenuCategoryTitle 
{
	font-size:large;
	color:Red;
	font-weight:bold;
	text-align:center;
}
.MenuItemName
{
	font-weight:bold;
}
.MenuItemDescription
{
	font-style:italic;
}
.MenuItemPrice 
{
	font-weight:bold;
	font-size:x-small;
}
.TableHeader
{
	font-weight:bold;
	background-color:	#ffd8d2;
}
Table.PinkTable
{
	border-right: #ffd8d2 1px solid;
	border-top: #ffd8d2 1px solid;
	border-left: #ffd8d2 1px solid;
	border-bottom: #ffd8d2 1px solid;
	border-collapse:collapse;
	
}