/* CSS Document */

body {margin:0;
background-image:url(../images/fadingbackground.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:12px;}

h1 {font-size:24px;
margin:0;
padding:0 0 10px 0;
color: #780a53;
}

h2 {font-size:20px;
margin:0;
padding:0;
color: #780a53;
}

h3 {font-size:16px;
margin:0;
padding:0;
color: #780a53;
}

h4 {font-size:14px;
margin:0;
padding:0;
color: #780a53;
}

p, pre {
padding-top: 5px;
padding-bottom: 15px;
padding-left:7px;
padding-right: 3px;
margin:0px;
}
#container
{
width: 900px;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 120%;
background-image:url(../images/flowerbackground2.jpg);
}
#topnav
{
padding: 0;
background-color:#cddab6;
border-bottom:1px solid #808c6b;
height:20px;
}

#awmAnchor-menu {	
		margin:0 0 0 157px;
		padding:0;
		background-color:#cddab6;
		}

#top
{

background-color: #fff;
border-bottom: 1px solid #6c3d55;
height:155px;
}

#topleft
{float:left;
width:250px;
background-image:url(../images/metisse_logo_with_flower5.jpg);
background-repeat:no-repeat;
height:155px;
margin:0;}

#topright
{margin-left:260px;
background-image:url(../images/metisse_women5.jpg);
background-repeat:no-repeat;
height:155px;}

#topright1
{margin-left:255px;
height:155px;}

#leftnav
{
float: left;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
width: 140px;
margin: 0;
padding-left:1em;
padding:0;
background-color:#cddab6;
font-size: 10px;
}

#navlinks li a {
background-color: #cddab6;
color: #3300FF;
text-decoration: none;
display: block;
padding-top: 2px;
padding-bottom: 1px;
}

#navlinks li {
border-bottom: 1px solid #6c3d55;
margin: 0;
padding:0;
}

#navlinks ul {
list-style: none;
margin: 0;
padding: 0;
border-top: 1px solid #6c3d55;
}

#navlinks {
width: 140px;
padding: 0;
margin: 0;
}

#navlinks li a:hover {
background-color: #F3A9DA;
color: #6c3d55;
}

#content
{
margin-left: 160px;
padding:  0 1em 1em 1em;

}

.centerp {margin-right:40px;}

#rightside
{
float:right;
background-color:#99b7c9;
padding-left: 1em;
border-left: 1px solid gray;
border-bottom: 1px solid gray;
width: 110px;
margin:0;
}

.contentleft1
{float:left;
width:200px;
height: 130px;
padding: 0px 20px 0px 10px;
margin-left:60px;
background-image:url(../images/healthbeauty3.gif);
background-repeat:no-repeat;
border:1px dotted #f6c4e5;
}

.contentleft2
{float:left;
width:200px;
height: 130px;
padding: 0px 20px 0px 10px;
margin-left:60px;
background-image:url(../images/celebrity3.gif);
background-repeat:no-repeat;
border:1px dotted #f6c4e5;
}
.contentright1
{float:left;
padding:0px 20px 0px 10px;
width:200px;
height: 130px;
background-image:url(../images/talkaboutit3.gif);
background-repeat:no-repeat;
border:1px dotted #f6c4e5;
}

.contentright2
{float:left;
padding:0px 20px 0px 10px;
width:200px;
height: 130px;
background-image:url(../images/advice3.gif);
background-repeat:no-repeat;
border:1px dotted #f6c4e5;
}

.contentboxes
{
margin: 40px 10px 10px 30px;
font-variant:small-caps;
}

.clear {clear:left;}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color:#99b7c9;
border-top: 1px solid gray;
}

#footerleft
{float:left;
width:450px;
margin:0;}

#footerright
{margin-left:455px;
font-style:oblique;
font-size:9px;
text-align:right;}

#underfooter{
	text-align: center;
	color:#666666;
	font-size:9px;
	font-style:oblique;
}

#leftnav p{ margin: 0 1em 1em 1em; }
#leftnav  ul li {padding: 0 1em 0 1em;
}
#content h2 { margin: 0 0 .5em 0; }

.reference {font-size: 10px; font-style:oblique;}

.smaller {font-size: 10px;}
.lineabove {border-top:1px solid #780a53;}