/* Mud Pie Deli CSS Document v.5.0
	Author: Jason Ye
	Email: jasonye.it@hotmail.com
	Date: 21/08/07
*/


HTML {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 16px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px;MAX-HEIGHT: 100%; PADDING-TOP: 0px; FONT-FAMILY: arial, sans-serif; HEIGHT: 100%; BORDER-RIGHT-WIDTH: 0px;COLOR:#999
}
BODY {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px;BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px;MAX-HEIGHT: 100%; PADDING-TOP: 0px;HEIGHT: 100%; BACKGROUND-COLOR: #fefbea; BORDER-RIGHT-WIDTH: 0px
}


/*header design*/
#head {
	DISPLAY: block; Z-INDEX:1; RIGHT: 18px; BACKGROUND-IMAGE: url(../images/bg.jpg); MARGIN: 0px; WIDTH: 100%; COLOR: #fff; BACKGROUND-REPEAT: repeat-x; POSITION: relative; TOP: 0px; HEIGHT: 200px; BACKGROUND-COLOR: #990134
}
HTML #head {
	POSITION: relative;
}
#pad1 {
	DISPLAY: block; FLOAT: left; WIDTH: 18px; HEIGHT: 20px
}


/*footer design*/
#foot {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 0.8em; Z-INDEX: 1; RIGHT: 18px; BACKGROUND: #501f18; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px; POSITION: relative; margin-left:0px; width:800px; height:20px; TEXT-ALIGN: center;

}
HTML #foot {
	POSITION: relative;
}
#foot A:hover {
	COLOR: #cccccc; TEXT-DECORATION: underline
}
#foot A {
	COLOR: #ffffff; TEXT-DECORATION: none
}
#pad3 {
	DISPLAY: block; FLOAT: left; WIDTH: 18px; HEIGHT: 15px
}


/*top image design*/
#layout2 {
	DISPLAY: block; Z-INDEX: 0; LEFT: 240px; WIDTH: 400px; POSITION: fixed; TOP: 55px; HEIGHT: 90px; BACKGROUND-COLOR: transparent
}
#layout2 IMG {
	Z-INDEX: 20; WIDTH: 760px; POSITION: relative; HEIGHT: 90px
}
HTML #layout2 {
	Z-INDEX: 20; POSITION: absolute
}

#layout4 {
	 Z-INDEX: 5; LEFT: 240px; WIDTH: 800px; COLOR: #CCCCCC; POSITION: relative; TOP: 150px; HEIGHT: 50px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; font-size:110%;
}
.lite {
	color:gray; font-size:70%; line-height:30px;

}

.decoff {
	text-decoration:none; color:#501f18;
}


.decoff2 {
	text-decoration:none; color:gray;
}

/*quick menu design*/
#layout3 {
	DISPLAY: block; Z-INDEX: 20; LEFT: 240px; WIDTH: 720px; COLOR: #CCCCCC; POSITION: relative; TOP: 180px; HEIGHT: 20px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left
}
HTML #layout3 {
	Z-INDEX: 5; POSITION: relative
}
#layout3 A:hover {
	COLOR: #999999; TEXT-DECORATION: underline
}
#layout3 A {
	COLOR: #cccccc; TEXT-DECORATION: none
}

/*logo image*/
#logo {
	WIDTH: 180px; HEIGHT: auto
}
#logo2 {
	WIDTH: 180px; HEIGHT: auto
}

.info {
z-index:-1;
}

/*left menu design*/
#leftmenu {
	DISPLAY: block;
	Z-INDEX: 20;
	LEFT: 20px;
	text-align:center;
	WIDTH: 200px;
	POSITION: relative;
	TOP: -150px;
	BACKGROUND-COLOR: #fefbea;
}
HTML #leftmenu {
	POSITION: relative;
}
#leftmenu UL {
	MARGIN: 0.5em 0px 1.2em 0.5em; LINE-HEIGHT: 1.5em
}
#leftmenu #nav {
	MARGIN: -20px 2em 0px -20px;
	LIST-STYLE-TYPE: none;
	width: 150px;
}
#leftmenu #nav LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0.9em; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#leftmenu #nav LI A {
	BORDER-RIGHT: #ccc 0px solid; BORDER-TOP: #ccc 0px solid; DISPLAY: block; FONT: 14px Arial; BORDER-LEFT: #ccc 0px solid; WIDTH: 100%; COLOR: #ccc; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 22px; TEXT-ALIGN: left; TEXT-DECORATION: none
}
#leftmenu #nav LI A:hover {
	BORDER-RIGHT: #ccc 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ccc 0px solid; DISPLAY: block; FONT: 14px Arial; BORDER-LEFT: #ccc 0px solid; WIDTH: 100%; COLOR: #999; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 22px; TEXT-ALIGN: right; TEXT-DECORATION: none
}
#leftmenu #nav LI A#current {
	BORDER-RIGHT: #ccc 0px solid; PADDING-RIGHT: 2px; BORDER-TOP: #ccc 0px solid; DISPLAY: block; FONT: 14px Arial; FONT-WEIGHT: bold; BORDER-LEFT: #ccc 0px solid; WIDTH: 100%; COLOR: #999; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 22px; TEXT-ALIGN: left; TEXT-DECORATION: none
}
#leftmenu H1 EM {
	FONT-SIZE: 0.8em; COLOR: #d0eb6a; FONT-STYLE: normal
}
#leftmenu H2 {
	height: auto;
	width: 90px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	top: -20px;
	position: relative;
	margin-left: 80px;
	color: #8ad459;
	
}
#leftmenu P {
	PADDING-RIGHT: 10px; FLOAT: right; FONT: 10px/9px Arial; WIDTH: auto; COLOR: #8ad459; POSITION: relative; TOP: -20px; TEXT-ALIGN: right
}


/*contect design*/
#content {
	PADDING-RIGHT: 5%; DISPLAY: block; PADDING-LEFT: 220px; Z-INDEX: 0; MAX-HEIGHT: 100%; POSITION: relative; HEIGHT: 100%; color: #666666; BACKGROUND-COLOR: transparent; margin-top:-680px;}
#content P {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px
}
.text {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN-LEFT: 5px; WIDTH: 41%; COLOR: #990033; PADDING-TOP: 10px; TEXT-ALIGN: justify
}
.text {
	WIDTH: 44%
}
.text H1 {
	FONT-SIZE: 18px; WIDTH: 190px; COLOR: #990033; LINE-HEIGHT: normal; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
.text H2 {
	FONT-SIZE: 16px; COLOR: #990033; LINE-HEIGHT: 1pt; LETTER-SPACING: 0.4pt
}
.text P {
	FONT-SIZE: 12px; LINE-HEIGHT: 0px; TEXT-ALIGN: left; color: #990033
}
.text IMG {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; LEFT: 150px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: #000 1px solid; WIDTH: 115px; PADDING-TOP: 5px; BORDER-BOTTOM: #000 1px solid; TOP: 100px; HEIGHT: 90px
}
#pad {
	DISPLAY: block; HEIGHT: 200px
}


/*werds design*/
.borderme {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 3px; BACKGROUND: #def; PADDING-BOTTOM: 3px; MARGIN: 5px; BORDER-LEFT: #000 1px solid; WIDTH: 120px; PADDING-TOP: 3px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 100px
}
.bordermel {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 3px; BACKGROUND: #def; PADDING-BOTTOM: 3px; MARGIN: 5px; BORDER-LEFT: #000 1px solid; WIDTH: 100px; PADDING-TOP: 3px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 120px
}
#wordsleft {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 3px; BACKGROUND: #efd; LEFT: 150px; FLOAT: left; PADDING-BOTTOM: 3px; MARGIN: 5px; BORDER-LEFT: #000 1px solid; WIDTH: 147px; PADDING-TOP: 3px; BORDER-BOTTOM: #000 1px solid; TOP: 100px; HEIGHT: 200px; margin-left:30px;
}
#wordsright {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 5px; RIGHT: 150px; BACKGROUND: #def; FLOAT: right; PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: #000 1px solid; WIDTH: 240px; PADDING-TOP: 5px; BORDER-BOTTOM: #000 1px solid; TOP: 100px; HEIGHT: 180px}
#wordsabsolute {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 2em; BACKGROUND: #eee; LEFT: 400px; PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: #000 1px solid; COLOR: #c00; PADDING-TOP: 5px; BORDER-BOTTOM: #000 1px solid; POSITION: absolute; TOP: 280px
}
#wordsrelative {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 2em; BACKGROUND: #ddd; LEFT: 30px; PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: #000 1px solid; WIDTH: 200px; COLOR: #c00; PADDING-TOP: 5px; BORDER-BOTTOM: #000 1px solid; POSITION: relative; TOP: 10pxh
}


/*site map design*/
#sitemap {
	PADDING-LEFT: 0px; WIDTH: 700px; POSITION: relative; _zoom: 1
}
.grid3col {
	WIDTH: 100%
}
.column {
	FLOAT: left; MARGIN-LEFT: 30px; WIDTH: 90%
}
.column.first {
	MARGIN-LEFT: 0px
}
.column.last {
	FLOAT: right; MARGIN-LEFT: 0px
}
#sitemap H3 {
	MARGIN-TOP: 18px; FONT-WEIGHT: bold; FONT-SIZE: 1em; LINE-HEIGHT: 18px
}
#sitemap A {
	COLOR: #76797c; TEXT-DECORATION: none
}
#sitemap A:hover {
	TEXT-DECORATION: underline
}
#sitemap UL {
	LIST-STYLE-POSITION: outside; FONT-SIZE: 11px; MARGIN-BOTTOM: 18px; LINE-HEIGHT: 18px; LIST-STYLE-TYPE: none
}


#pad2 {
	DISPLAY: block; HEIGHT: 100px
}