* {
margin: 0;
padding: 0;
}
body      { color: #333; font-size: 62.5%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1.4em; background-color: #483b5d }
h2  { color: #B187C8; font-size: 2.4em; font-weight: bold; line-height: 2.2em; padding-top: 15px; }
h3   { font-size: 1.5em; font-weight: bold; line-height: 1.6em; margin-top: 1.5em; margin-bottom: 0.6em }
h4   { font-size: 1.3em; font-weight: bold; line-height: 1.6em; margin-top: 1.5em; margin-bottom: 0.6em }
p, ul     { font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.5em; text-align: left; margin-bottom: 0.6em }
#Col2 p { color: #533b61; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: 300; margin-top: 15px }
b { font-weight: 700 }
i   {
	color: #0f0f0f;
	font-style: italic }


em { font-style: italic; font-weight: 600 }
dfn {
	color: #686866 }

#Col1 ul  { list-style-type: none }

#Col1 li  { background-image: url("images/icon_bullet.gif"); background-repeat: no-repeat; background-position: 0 0.3em; margin-bottom: 0.6em; padding-left: 24px }

a, a:link { color: #6c9e24; outline-style: none }
a:visited  { color: #9965b5 }
a:hover { color: #91d430 }
a:active { color: #533b61; text-decoration: none }
img a, a img { text-decoration: none }
#container          { margin: 0 auto 90px; width: 800px }
/*=====  STRUCTURE  =====*/
#header      {
	background-image: url("images/susanBerger.jpg");
	width: 800px;
	height: 169px;
	margin: 0px;
	padding: 0px;
	font-size: .1em;
	line-height: .1em;
	text-indent: -9000px;
	overflow: hidden;
	}

/* navigation buttons */

#nav   {
	background-color: #9d6aba;
	background-image: url("images/nav/bg_nav.gif");
	list-style: none;
	margin: 0;
	width: 800px;
	padding: 0;
	height: 35px;
	overflow: hidden }


#nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}

#nav a {
    outline-color: none;
    outline-style: none;
    text-decoration: none;
	display: block;
	float: left;
	text-indent: -9000px;
	padding: 0;
	height: 35px !important;
	}

#nav a:hover, #nav a.selected:hover{
	background-position: 0 -35px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -70px;
	}

#navHome a   {
	width: 123px;
	background: url("./images/nav/home.jpg") no-repeat left top;
	}

#navIndiv a  {
	width: 173px;
	background: url(./images/nav/individuals.jpg) top left no-repeat;
	}

#navCouples a  {
	width: 149px;
	background: url(./images/nav/couples.jpg) top left no-repeat;
	}

#navMen a  {
	width: 115px;
	background: url(./images/nav/men.jpg) top left no-repeat;
	}

#navAbout a  {
	width: 98px;
	background: url(./images/nav/about.jpg) top left no-repeat;
	}

#navContact a  {
	width: 142px;
	background: url(./images/nav/contact.jpg) top left no-repeat;
	}

#content       {
	background-color: #f7f4f1;
	background-image: url("images/bg_content.gif");
	width: 100% }

#Col1  { padding-top: 22px; padding-bottom: 22px; padding-left: 43px; width: 475px; float: left }
#Col2    { padding-top: 15px; padding-right: 19px; padding-bottom: 22px; width: 190px; float: right }
#footer { font-size: 1.2em; text-align: center; margin-top: 0.5em }
#footer a, #footer a:hover, #footer a:active, #footer a:visited { color: #e9ddf1 }
#footer li { list-style: none; display: inline; padding-right: 2em }
br.floatStop {
line-height: 0.1%;
font-size: 0.1%;
clear: both
}
.headingNote { font-size: 1.1em; margin-top: -2em; float: right }