body
	{
	background-color: #000;	
	font: 14px Arial, Helvetica, sans-serif;
	
	}
html { min-height:100%; margin-bottom:1px; } /* add scrollbar to short pages */ 

#wrapper
	{
	width: 756px;
	height: 700px;
	position: relative;
	background-image: url(images/bk_body.gif);
	background-repeat: no-repeat;
	margin: 0px auto;
	text-align: left;
	color: #000;
	}
	
#header
{
text-align: center;
margin-top: 10px;
padding-top: 10px;
margin-left: 145px;
}
#logo
{
float: left;
width: 150px;
position: absolute;
left: 51px;
margin-top: -50px;
background-color: transparent;
}
#sidebar
{
float: left;
width: 150px;
position: absolute;
left: 51px;
margin-top: 120px;
color: #f9e99f;
text-align: center;
}
#sidebar p
{
line-height: 120%;
padding: 5px 15px;
}

#content
{

margin-left: 245px;
margin-right: 85px;
}

#subscription
{
position:absolute;
left:170px;
top: 445px;
text-align: center;
white-space: nowrap;
}

#cuppa
{
float: right;
}

#footer
{
	position: absolute;
	left: 145px;
	top: 665px;
	text-align: center;
	white-space: nowrap;
}
.clear
{
clear: both;
}

.black
{
color: #000;
font-size: 16px;
}

.blacksmall
{
color: #000;
font-size: 14px;
font-weight: bolder;
}

.red
{
color: #980304;
font-size: 18px;
font-weight: bolder;
}

.redsmall
{
color: #980304;
font-size: 15px;
font-weight: bolder;
}

.redp
{
	color: #660000;
}
.large
{
font-size: 16px;
}

p
{
font: 12px Arial, Helvetica, sans-serif;
}

a
{
font: 11px Arial, Helvetica, sans-serif;
color: #CEAF31;
}
a:hover {
color: #560707;
}
#sidebar a
{
color: #fbed9d;
text-decoration: none;
}
#sidebar a:hover
{
color: #fbed9d;
text-decoration: underline;
}
li
{
font: 12px Arial, Helvetica, sans-serif;
}
.left
{
float: left;
padding-right: 7px;
}

.redfooter
{
color: #980304;
font-size: 13px;
font-weight: bolder;
}

.blackfooter
{
color: #000;
font-size: 10px;
font-weight: bolder;
}
/*------------navigation menu-----------*/

.menu {
	margin: 0;
	padding: 0;
	width: 150px;
	list-style: none;
	background: #980304;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 29px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -3000px;
	height: 29px;
	background-repeat: no-repeat;
}
.home a {background-image: url(images/home.gif);}
.home {background-image: url(images/home_a.gif);}
.services a {background-image: url(images/services.gif);}
.services {background-image: url(images/services_a.gif);}
.philosophy a {background-image: url(images/philosophy.gif);}
.philosophy {background-image: url(images/philosophy_a.gif);}
.about a {background-image: url(images/about.gif);}
.about {background-image: url(images/about_a.gif);}
ul.menu li a:hover {background: none;}

/* NEW MENU STYLES for indicating the page  */
body.home2 ul.menu li.home a {background-image: url(http://ritacoco.com/images/home_a.gif);}
body.services2 ul.menu li.services a {background-image: url(http://ritacoco.com/images/services_a.gif);}
body.philosophy2 ul.menu li.philosophy a {background-image: url(http://ritacoco.com/images/philosophy_a.gif);}
body.about2 ul.menu li.about a {background-image: url(http://ritacoco.com/images/about_a.gif);}

:focus
{
-moz-outline-style: none;
}


/*----------------------end menu---------------*/