/*  Main CSS file for MadHouse Coffee 2007, All rights reserved.

    The Styles category present in this css....
	 1. Body, Layout styles
	 2. HTML Tags
	 3. Menu
	 4. Content Styles                 */

	 
/*  1. Body, Layout styles  */
body {
	background: #F8F2F3 url(images/body-bg.jpg) repeat-x;
	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
}

#container {
	background: #af3e3d url(images/top-lt.gif) no-repeat left top;
	margin: 0 auto;
	min-width: 760px;
	width: 90%;
}

.toprt {
	background: transparent url(images/top-rt.gif) no-repeat top right;
	margin: 0px 0px 25px 20px;
	padding-top: 7px;
}
.toprt h1 {  text-align: right; margin: 0px 30px 0px 0px; }

.bott {
	background: #af3e3d url(images/bot-lt.gif) no-repeat left bottom;
	margin: 0 auto;
	min-width: 760px;
	width: 90%;
	text-align: center;
}
.bottrt {
	background: transparent url(images/bot-rt.gif) no-repeat bottom right;
	margin: 5px 0px 0px 20px;
}

/*  2. HTML Tags  */
p, h1 {
	padding-left: 5px; padding-right: 5px;
}
h1 { 	font-style: italic; }
h3 {
	text-align: center;
	font: italic 18px Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	line-height: 200%;
}
small {
	color: Maroon;
}


/*  2a. Form Tags   */
form {
	margin: 5px 5px 5px 5px;
}

input {
	font-size: 11px;
	border: 1px solid #EFE3E3;
	margin-bottom: 3px;
}
.rt-box label {
   display: block;
	width: 60px;
	float: left;
}


/*  3. Menu  */
#navcontainer
{
background: #af3e3d;
margin: 0 auto;
padding: 1em 0 0;
width: 500px;
text-align: center;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
color: #E79392;
clear: both;
}

ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 550px;
font-size: 1em;
}

ul#navlist li
{
display: block;
float: left;
width: 70px;
margin: 0px 15px 0px 15px;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }


ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}



/*   4. Content Styles    */
.cstrip {
	background-color: #E4C88A;
}

.rt-box { width: 150px; margin: 5px 10px 5px 5px; background-color: #af3e3d; border-top: 3px solid yellow; border-bottom: 3px solid yellow; font-weight: bold; background-position: 0 top; float: right; }

.lt-panel {
	float: left;  width: 40%;
	margin: 5px 10px 5px 15px;
	color: Maroon;
	text-align: center;
}

.rt-panel {
   float: right;  width: 40%;
	margin: 5px 15px 5px 10px;
	color: Maroon;
	text-align: center;
}