body, div { margin: 0; padding: 0; }

#menu     { float: left; width: 160px; margin: 0; padding: 0; border: 0 }
#advert   { float: right; width: 180px; margin-left: 20px; margin-top: 20px; margin-bottom:20px }
#advertH  { float: right; width: 260px; margin-left: 20px; margin-top: 20px; margin-bottom:20px }
#bullets  { float: right; width: 240px; margin-left: 20px; margin-top: 20px; margin-bottom:20px }
#content  { }

#menu     { background: #FFFF80; margin: 0; border: 0; padding: 0; height: 1% }
#content  { background: #FFFFE0; padding-bottom: 20px; padding-top: 0px; padding-left: 20px }
#advert   { background: white; border: 1px; border-color: black }
#bullets  { background: purple; border: 1px; border-color: black; color: white }
#bullets  { padding-top: 10px; padding-left:10px; padding-bottom: 10px; padding-right: 10px }


#leftimg  { float: left;  width: 220px; margin-left: 20px; margin-top: 20px; margin-bottom:20px }
#rightimg { float: right; width: 240px; margin-left: 20px; margin-top: 20px; margin-bottom:20px }


h1 {	color: purple;  padding-top: 0px; margin-top: 20px; font-family: Arial, Verdana, sans-serif; font-style: italic}
h2 {	color: purple; padding-top: 0px; margin-top: 20px; font-family: Arial, Verdana, sans-serif; font-style: italic}
h3 {	color: black; padding-top: 0px; margin-top: 20px; font-family: Arial, Verdana, sans-serif; font-style: italic; text-decoration: underline }
h4 {	color: black; padding-top: 0px; margin-top: 5px; font-family: Arial, Verdana, sans-serif; font-style: italic;  }

#menu ul { 	padding-right: 	10px;
	padding-left: 	10px; 
	float: left;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 2px
	}

#terms ol {  padding-right: 	10px;
	padding-left: 	10px; 
	float: left;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	padding-top: 2px
	}

#menu a  { 	border-right: purple 1px solid;
	border-bottom: purple 1px solid;
	border-top:    purple 1px solid;
	border-left:   purple 1px solid;
	padding-right: 12px;
	padding-left: 12px;
	float: left;
	padding-bottom: 0.2em;
	width: 110px;
	color: purple;
	padding-top: 0.2em;
	background-color: white;
	text-decoration: none;
	font-family: Arial, Verdana, sans-serif;
	 }
#menu a:hover { color: red }

#content p  {   padding-top: 0px; margin-top: 0px; margin-bottom: 10px }

#submenu a  { 	border-right: purple 1px solid;
	border-bottom: purple 1px solid;
	border-top: purple 1px solid;
	border-left: purple 1px solid;
	padding-right: 12px;
	padding-left: 12px;
	float: left;
	padding-bottom: 0.2em;
	margin-left: 20px;
	width: 90px;
	color: purple;
	padding-top: 0.2em;
	background-color: white;
	text-decoration: none;
	font-style: italic;
	font-size: smaller }
#submenu a:hover { color:red }

p { 	color: black; padding-right: 20px; font-family: Arial, Verdana, sans-serif; }


BODY.index      #menu    #index,
BODY.about      #menu    #about,
BODY.portfolio  #menu    #portfolio,
BODY.services   #menu    #services,
BODY.terms      #menu    #terms,
BODY.links	#menu    #links,

BODY.makeup     #menu    #makeup,
BODY.treatments #menu    #treatments,
BODY.style      #menu    #style,
BODY.weddings   #menu    #weddings,
BODY.packages   #menu    #packages,

BODY.fred       #menu    #fred  a { background: purple; color: white; TEXT-DECORATION: none }

#menu li { display: inline }

#list li { list-style-type: square; font-family: Arial, Verdana, sans-serif; }

