body {
	width: 774px;
	font: 1.0em verdana, arial, helvetica, sans-serif;
	background-color: #666;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	behavior: url(css/csshover.htc);
	margin-top: 10px;
	}

* {
	margin: 0;
	padding: 0;
	}

p {
	font: 1.0em/150%  Times, "Times New Roman", serif;
	color: #333;
	text-align: left;
	}
	
ul {
	margin: 0;
	padding: 0;
	}
	
	
li {
	margin: 0;
	padding: 0;
	}

li em {
	color: #903;
	}
	
h5 {
	font: .8em/120% verdana, arial, helvetica, sans-serif;
	color: #333;
	padding: 10px 0 0 10px;
	}	
.credit {
	font: .65em/150% Arial, Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	padding: 2px 0 0px 130px;
	color: #fff;
	letter-spacing: .1em;}
	
.clearthefloats {clear:both;}	

#column3 .articles {
	font: .75em/150% Arial, Verdana, Helvetica, Sans-Serif;
	color: #333;}
	
/*HeaderNavigation*/
#listmenu {
	position: relative;
	width: 100%;
	/* makes the div full width */
	float: left;
	/*makes the div enclose the list */
	/*border-top:1px solid #069;*/
	/* draws line on top edge of div */
	/*border-bottom:1px solid #069;*/
	/* draws line on bottom edge of div */
	font: bold .7em Verdana, Arial, Helvetica, sans-serif;
	/*font-size: .7em;
	font-weight: bold;*/
	/* SET FONT-SIZE HERE */
	/*line-height: 1.5em;*/
	letter-spacing: .0em;
	/*background-color: #fff;*/
	/* colors the div */
	margin: 10px 0 0px 0;
	padding: 0px 0 0px 0;
	/* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	}
	
#listmenu ul {
	margin: 0 0 0 30px;
	padding: 0px;
	/* indents ul from edge of container */
	}

#listmenu li {
	float: left;
	/* causes the list to align horizontally instead of stack */
	position: relative;
	/* positioning context for the absolutely positioned drop-down */
	list-style-type: none;
	/* removes the bullet off each list item */
	padding: 0px 5px 0px 5px;
	/*background-color: #fff;*/
	/*sets the background of the menu items */
	margin: 0 0 0px 0;
	border-right:2px solid #666;
	/* creates dividing lines between the li elements */
	}

#listmenu li:first-child {
	border-left: 2px solid #666;
	}
/*the first vertical line on the menu */

	/* remove these two lines is you want the top menu choices to be clickable */

#listmenu ul li a:hover {
	color: #CC0;
	}
/* removes the hover color and pointer - there is no choice to click so we disguise it */

#listmenu ul li ul li a:hover {
	color: #930;
	}
/* restores the hover color and pointer on the "drop-down" choices */

#listmenu li:hover{
	/*background-color: #999;*/
	/*sets the background of the menu items */
	}

#listmenu a {
	display: block;
	/*makes list items in drop down highlight and wrapped lines indent correctly */
	padding: 0 1px;
	/*creates space each side of menu item's text */
	text-decoration: none;
	/* removes the underlining of the link */
	color: #C93;
	/* sets the type color */
	}

#listmenu a:hover { 
	color: #fff; 
	}
	
	
	
/*sideNavigation*/
#navigation {
	position: relative;
	float: left;
	width: 130px;
	/* makes the div full width */
	font: .65em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	/* SET FONT-SIZE HERE */
	background-color: #fff;
	/* colors the div */
	margin: 0px;
	padding: 0px;
	/* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	/*cursor: default;*/
	}
	
#navigation ul {
	list-style-type: none;
	margin: 30px 0 0px 0;
	padding: 0px 0 0px 20px;
	/*cursor: default;*/

	/* indents ul from edge of container */
	}

#navigation li {
	position: relative;
	/* positioning context for the absolutely positioned drop-down */
	list-style-type: none;
	/* removes the bullet off each list item */
	/*background-color: #fff;*/
	/*sets the background of the menu items */
	margin: 0;
	padding: .3em 0px;
	color: rgb(53,53,52);
	/*cursor: default;*/

	}

#navigation li:first-child {
	border-left: 0px solid #666;
	}
	/*the first vertical line on the menu */

#navigation ul li a:hover {
	color: #C93;
	/*cursor: default;*/
	}
/* removes the hover color and pointer - there is no choice to click so we disguise it */

#navigation ul li ul li a:hover {
	color: #C93;
	/*cursor: default;*/
	}
/* restores the hover color and pointer on the "drop-down" choices */

#navigation li:hover{
	/*background-color: #999;*/
	/*sets the background of the menu items */
	}

#navigation a {
	display: block;
	/*makes list items in drop down highlight and wrapped lines indent correctly */
	padding: 0 0px;
	/*creates space each side of menu item's text */
	margin: 0px;
	text-decoration: none;
	/* removes the underlining of the link */
	color: #333;
	/* sets the type color */
	}

#navigation a:hover { 
	color: #900; 
	}

/* the drop-down starts here */
#navigation ul li ul {
	margin: 0 0 0 0px;  prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:relative; 
	/* positions the drop-down ul in relation to its relatively positioned li parent */
	width:8em; /*sets the width of the menu - in combo with the li's 100% width, makes the 
	menu stack*/
	/*left:-1px;*/ /*aligns the drop exactly under the menu
	border-right: 0;*/
	margin-top: 0px;
	}
#navigation ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	/* background-color: #666; */
	font-size: 1em;	/* SET FONT-SIZE HERE */
	/*border-left:1px solid #069;*/ /*  three sides of each drop-down item */
	/*font-variant: small-caps;*/
	border-bottom: 1px solid #C93;
	text-align: left;
	padding: 0px 0 0px 0px;
	}


#navigation ul li ul li:first-child {
	border-top:1px solid #c93;  /*the top edge of the dropdown */
	margin:0px
	padding: 0px;
	}
	
/* make the drop-down display as the menu is rolled over */
#navigation ul li ul {
	display:none;
	} /* conceals the drop-down when menu not hovered */

#navigation ul li:hover ul, #listmenu ul li ul:hover {
	display:block;
	background-color: #FFF;
	color: #333;
	} /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
 body # ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	left: 10em;
	top: -1px;
	}
	
#listmenu ul li ul li:hover ul {
	visibility:visible;
	border-bottom: 0px;
	} 
	/* same effect as display:block in this situation */



#mainwrap {
	margin-top: 0px;
	width: 774px;
	background-color: #fff;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	}

#header {
	height: 20px;
	width: 774px;
	background-color: rgb(53,53,52);
	}

#contentarea {
	width: 774px;
	float: left;
	background-color: #fff;
	}

	
/*#contentarea a:link {
	color: rgb(169,42,54);
	text-decoration: none;
	line-height: 2px;
	}
	
#contentarea a:visited {
	color: #666;
	text-decoration: none;
	line-height: 2px;
	}

#contentarea a:hover {
	color: rgb(212,182,36);
	text-decoration: none;
	line-height: 2px;
	}*/

/*#column1 {
	width: 150px;
	float: left;
	background-color: #fff;
	padding: 10px 0 0 0;
	position: relative;
	}*/
	
/*#navigation a :link {
	font: .9em/150% Verdana, Arial, Helvetica, sans-serif;
	color: #930;
	text-decoration: none;
	font-weight: bold;
	margin: 100px 0 0 20px;
	text-align: left;	
	}
	
#navigation a:visited {
	font: .9em/150% Verdana, Arial, Helvetica, sans-serif;
	color: #930;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	margin: 100px 0 0 20px;
	}

#navigation a:hover {
	font: .9em/150% Verdana, Arial, Helvetica, sans-serif;
	color: rgb(212,182,36);
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	margin: 100px 0 0 20px;
	}*/

#navigation p {
	font: .9em/150% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #600;
	padding: 100px 0 0px 20px;
	}

#column2 p.credits {
	font: .6em/150% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
	padding:0px 20px 10px 0px;
	}


#column2 p {
	font: .8em/150% Verdana, Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
	color: #333;
	padding:0px 20px 10px 0px;
	}

#column2 {
	width: 400px;
	float: left;
	/*background-image: url(../images/officeInvertNoise400x500.gif);
	background-repeat: no-repeat;*/
	background-color: #fff;
	margin: 10px 0 10px 0;
	padding: 0 0px 10px 5px;
	}
	
#column2 a:link {
	font: .9em/100% Verdana, Arial, Helvetica, sans-serif;
	color: #930;
	text-decoration: none;
	font-weight: bold;
	margin: 0px 0 0 0px;
	text-align: left;	
	}
	
#column2 a:visited {
	font: .9em/100% Verdana, Arial, Helvetica, sans-serif;
	color: #930;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	margin: 0px 0 0 0px;
	}

#column2 a:hover {
	font: .9em/100% Verdana, Arial, Helvetica, sans-serif;
	color: rgb(212,182,36);
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	margin: 0px 0 0 0px;
	}
	
#column2 img {
	margin: 10px 10px 0px 0;
	float: left;
	border: none;
	}
	
#column2 h3 {
	letter-spacing: .01em;
	margin: 10px 20px 10px 0px;
	font: .9em/130% Helvetica, Verdana, Arial, sans-serif;
	color: #333;
	font-weight: bold;
	border-bottom: 1px solid #333;
	} 

#column2 h5 {
	font: .9em/100% verdana, arial, helvetica, sans-serif;
	color: #333;
	padding: 10px 0 0 0px;
	letter-spacing: .1em;
	}	

#column2 ul {
	margin: 30px 0px 0 10px;
	list-style-type: none;
	/*font: .8em/150% Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #333;*/
	padding: 0 0px 0 0;
	}

#column2 li {
	margin: 0px 0px 0  0;
	/*list-style-type: none;*/
	font: .8em/150% Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #333;
	text-align: left;
	padding: 0 0px 0 0;
	}

#column2a {
	width: 400px;
	height: 430px;
	float: left;
	background-color: #fff;
	margin: 20px 0 0px 0;
	padding: 0 0px 0 5px;
	}
	
#column2a img {
	margin: 10px 10px 0 0;
	float: left;
	border: none;
	}

#column2b {
	width: 644px;
	float: left;
	/*background-color: rgb(208,236,222);*/
	margin: 20px 0 0px 0;
	}

#column2b img {
	margin: 0px 10px 10px 0;
	/*padding: 20px 0 0 20px;*/
	border: none;
	}

#column2b p {
	font: .8em/150% Helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #333;
	padding: 0 0 20px 0px;
	}	

#column2b a:link {
	font: .9em/100% Verdana, Arial, Helvetica, sans-serif;
	color: #930;
	text-decoration: none;
	font-weight: bold;
	margin: 0px 0 0 0px;
	text-align: left;	
	}
	
#column2b a:visited {
	font: .9em/100% Verdana, Arial, Helvetica, sans-serif;
	color: #930;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	margin: 0px 0 0 0px;
	}

#column2b a:hover {
	font: .9em/100% Verdana, Arial, Helvetica, sans-serif;
	color: rgb(212,182,36);
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	margin: 0px 0 0 0px;
	}

#column3 {
	width: 229px;
	float: left;
	background-color: #fff;
	margin: 10px 0 0 0;
	}

#column3 h3 {
	letter-spacing: .1em;
	padding: 0px 0px 0 10px;
	font: .9em/100% Helvetica, Verdana, Arial, sans-serif;
	color: black;
	font-weight: bold;
	} 
	
#column3 h5 {
	font: .75em/120% verdana, arial, helvetica, sans-serif;
	color: #333;
	padding: 5px 0 10px 10px;
	}	

#column3 img {
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
	border: none;
	}
	
#column3 p {
	font: .85em/150% Helvetica, Verdana, Arial, sans-serif;
	color: #333;
	padding: 10px 20px 0px 10px;
	}
	
#column3 li {
	font: .85em/150% Helvetica, Verdana, Arial, sans-serif;
	color: #333;
	padding: 10px 0px;
	list-style-type: none;
	}


#column3 a:link {
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	color: rgb(169,42,54);
	text-decoration: none;
	/*line-height: 2px;*/
	}
	
#column3 a:visited {
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
	/*line-height: 2px;*/
}

#column3 a:hover {
	font: bold .9em Verdana, Arial, Helvetica, sans-serif;
	color: rgb(212,182,36);
	text-decoration: none;
	/*line-height: 2px;*/
	}

#footer {
	width: 774px;
	float: left;
	background-color: rgb(53,53,52);
	height: 25px;
	padding: 0 0 10px 0;
	margin: 0px 0 0 0;
	}

#footer p {
	font: .65em/150% Arial, Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	padding: 2px 0 0px 130px;
	color: #fff;
	letter-spacing: .1em;

	}

#footer a:link {
	color: rgb(212,182,36);
	text-decoration: none;
	}
	
#footer a:visited {
	color: #999;
	text-decoration: none;
	}

#footer a:hover {
	color: rgb(169,42,54);
	text-decoration: none;
	}

/*table from uwe*/

#contentTable p {
	font: .75em verdana, helvetica, arial, sans-serif;
	padding-top: 6px;
	}

	
#contentTable {
	width: 624px;
	/*background-color: #cccc99;*/
	float: left;
	/*border: 1px solid #900;
	padding-bottom: 10px;*/
	padding: 0 0 20px 20px;
	}

table.pricing {
	clear: right;
	width: 100%;
	line-height: 1.6em;
	border-collapse: collapse;
	/*border: 2px solid #333;*/
	color: #333;
	background: #ccc;
	font: .7em verdana, helvetica, arial, sans-serif;
	/*padding: 0 10px 0 10px;*/
	}
	
table.pricing caption {
	margin: 0;
	padding: 0 0 0 0px;
	color: #630;
	line-height: 2em;
	text-align: left;
	font-weight: bold;
	font-size: 1.5em;
	}
	
table.pricing thead tr {
	color: #fff;
	background: #999;
	}

table.pricing thead tr th {
	padding: 0.4em 2em 0.4em 1em;
	border: 2px solid #999;
	}
	
	
table.pricing tbody tr {
	padding: .6em;
	/*border: 2px solid #999;*/
	}

/*table.pricing tbody td {
	border-bottom: 2px solid #999;
	border-bottom: 2px solid #999;
	}	*/
	
table.pricing tbody td.price {
	font-weight: bold;
	color: #630;
	}

table.pricing tbody td.price2 {
	font-weight: bold;
	color: #030;
	}

table.pricing tbody th {
	padding: .6em;
	}

table.pricing tbody td {
	padding: .6em;
	background: #CCC;
	color: #000;
	}

table.pricing tbody tr.odd {
	padding: .6em;
	background: #999;
	/*color: #fff;*/
	}

table.pricing tbody tr.phase {
	padding: .6em;
	background: #630;
	color: #fff;
	} 

table.pricing tbody tr.odd td {
	padding: .6em;
	background: #999;
	/*color: #fff;*/
	}

table.pricing tbody tr th a:link {
	color: #630;
	text-decoration: underline;
	}

table.pricing tbody tr th a:visited {
	color: #630;
	text-decoration: none;
	}

table.pricing tbody tr th a:hover {
	color: #FFC;
	text-decoration: underline;
	}

/*end table uwe*/
	
/* these classes define the head on the page, type out of color, and replace the background color of the type on the page*/

h4 {
	position: relative;
	height: 37px;
	width: 420px;
	overflow: hidden;
	font: 2.4em Times, "Times New Roman", Serif;
	font-stretch: ultra-condensed;
	text-transform: uppercase;
	margin:140px 0 0 100px;
	}
	
.women {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images_pres/WOMEN.gif);
	background-repeat: no-repeat;
	}
	
a:link {
	font: .9em/100% Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	margin: 0px 0 0 0px;
	text-align: left;	
	}
	
a:visited {
	font: .9em/100% Verdana, Arial, Helvetica, sans-serif;
	color: #CCC;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	margin: 0px 0 0 0px;
	}

a:hover {
	font: .9em/100% Verdana, Arial, Helvetica, sans-serif;
	color: rgb(212,182,36);
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	margin: 0px 0 0 0px;
	}
	
/*aslett clearing method*/
.clearfix:after {
    content: ".";  /* the period is placed on the page as the last thing before the div closes */
	display: block;/* inline elements don't respond to the clear property */ 
    height: 0;      /* ensure the period is not visible */
    clear: both;   /* make the container clear the period */
    visibility: hidden;	/* further ensures the period is not visible */
	}
/* end of "no-extra-markup" clearing method */
/*endAslett*/