body {  background:#fff ;  margin:0;  padding:0;  color:#000;  font:small/1.2em Verdana,Arial,Helvetica;  } 

a:link {  color:green;  }
a:visited {  color:darkgreen;  }
a:hover {  color:blue;  }

#nav {  margin-top:-1px;  font-size:85%;  line-height:1.2em; width:100%; }
#nav h2 {  margin:0;  padding:5px;  border-top:1px solid #999;  font-size:100%;  }
#nav ul {  margin:0;  padding:0 0 2px;  list-style:none;  }
#nav li {  display:block; width:126px;  margin:0;  padding:0 2px;  line-height:1em;  }
#nav li a {  display:block;  padding:2px 8px 4px;  text-decoration:none;  color:#000;  line-height:1.15em;  }
#nav li a:hover {  background:#ccc;  padding:1px 7px 3px;  border:1px solid #999;  }
* html 
#nav li a {  height:1%;  }
/* Fly-out nav menus
   Backslash hack hides from IE5/Mac \*/

#nav li.parent div {  background:url("../images/shadow_menu.png") no-repeat right bottom;  position:absolute;  top:0;  left:-1000px;  z-index:20;  width:182px;  }
html>body #nav li.parent {  position:relative;  z-index:2;  }
html>body #nav li.parent a {  background-image:url("../images/arrow_nav.gif");  background-repeat:no-repeat;  background-position:162px 50%;  }
html>body #nav li:hover a, html>body #nav li.parent li a:hover {  background-color:#ccc;  border-color:#999;  }
html>body #nav li:hover li a {  background-color:transparent;  border-color:#F1F1F1;  }
html>body #nav li.parent li {  }
html>body #nav li.parent li a {  background-image:none;  white-space:nowrap;  }
html>body #nav li.parent:hover div {  left:179px;  }
html>body #nav li.parent:hover ul {  position:relative;  top:-3px;  left:-3px;  background:#F1F1F1;  padding:2px 0;  border:1px solid #999;  }
p.promo {  margin:20px 0;  text-align:center;  }

#page-body {  float:left;  width:100%; }
#nav {  float:left;  width:130px;  }
#content {  float:left;  width:84%; background:#fff9e6;  }
#content-main { padding:15px; background:url("") repeat-y 0 0; float:left; width:450px;  }

#content-extra { background:#fff9e6; float:right; }
#content-extra p { padding:0; }
#content-extra p#eatfresh {  font-weight:bold;  color:#2E5039;  font-family:arial; font-size:2; padding:3px 4px 3px;  }

#content-main {  font-size:85%;  line-height:1.2em;  }
#content-main p {  margin:0 0 20px;  }

#audience {  float:left; margin:0 0 20px;  }
#audience h2 {  float:right;  width:355px;  margin:0 0 2px;  font-size:140%;  line-height:1.2em;  color:green;  }
#audience h3 {  float:right;  width:355px;  margin:0 0 2px;  font-size:100%;  line-height:1.2em;  color:#787878;  }
#audience img {  display:block;  float:left; width:80px; height:120px;}
#audience ul {  float:right;  width:364px;  margin:0;  padding:0;  list-style:none;  }
#audience li {  background:url("../img/bulletK2.gif") no-repeat 0 .4em;  margin:0;  padding:0 9px;  }

#pwd {  float:left; margin:20px; width:600px%;}
#pwd h2 {  float:left;  width:600px;  margin:0 0 2px;  font-size:110%;  line-height:1.2em;  color:green;  }
#pwd h3 {  float:left;  width:600px;  margin:0 0 5px;  padding:5px 5px; font-size:90%;  line-height:1.2em;  color:#787878;  }
#pwd ul {  float:left; width:600px; margin:0;  padding:0;  list-style:none;  }
#pwd li {  background:url("../img/bulletK2.gif") no-repeat 0 .4em;  margin:0;  padding:9px;  }

#invalid {  float:left; margin:20px 0 20px;  }
#invalid h2 {  float:right;  margin:0 0 2px;  font-size:140%;  line-height:1.2em;  color:red;  }
#invalid h3 {  float:right;   width:355px;  margin:0 0 2px;  font-size:120%;  line-height:1.2em;  color:#787878;  }
#invalid img {  display:block;  float:left; }
#invalid ul {  float:right;  width:364px;  margin:0;  padding:0;  list-style:none;  }
#invalid li {  background:url("../img/bulletK2.gif") no-repeat 0 .4em;  margin:0;  padding:0 9px;  }

#content-main p.updated {  float:left;  margin:0;  padding:20px 10px 15px 13px;  }


#footer {  background:#fff url("../images/green_header2.jpg") repeat-y 100% 0;  clear:both;  width:100%;  border-top:1px solid #218429;  font-size:85%;  line-height:1.2em;  }
#footer hr {  display:none;  }
#footer ul {  margin:0;  padding:10px 10px 0;  list-style:none;  }
#footer li {  display:inline;  margin:0;  padding:0;  }
#footer a {  padding:0 .3em 0 .65em;  color:#218429;  border-left:1px solid #A9A9A9;  }
#footer a.first {  border-left-width:0;  }
#footer li a.first {  padding-left:0;  }
#footer p {  margin:0;  padding:10px 10px 12px;  }



/* Trio (Three-part blocks)
----------------------------------------------- */

.trio {  background:url("../img/bg_cols_trio.gif") repeat-y 0 0;  float:left;  width:450px;  padding:0 0 0 2px;  }
div.first {  border-top:1px solid #ccc;  }
.trio .portion {  float:left;  width:146px;  }
.trio h2 {  margin:0;  font-size:1px;  line-height:1px;  }
.trio h2 a {  background-color:#fff;  background-repeat:no-repeat;  background-image:url("../images/franchise_top.gif");  display:block;  width:146px;  height:84px;  padding-top:10px; /* Fixes a bug in Mozilla where the underline still shows */    text-decoration:none;  text-indent:-10000px;  }
#brand-windows h2 a {  background-position:0 10px;  }
#brand-office h2 a {  background-position:-149px 10px;  }
#brand-winserv h2 a {  background-position:-296px 10px;  }
#brand-visual h2 a {  background-position:0 -90px;  }
#brand-mbs h2 a {  background-position:-149px -90px;  }
#brand-msn h2 a {  background-position:-296px -90px;  }
.trio ul {  margin:0;  padding:0;  list-style:none;  }.trio li {  background:url("../img/bulletK2.gif") no-repeat 3px .4em;  margin:0 0 1.2em;  padding:0 10px 0 13px;  }
.trio p {  margin:0;  padding:0 10px 0 13px;  }
.trio p a {  font-weight:bold;  }
.trio p a:after {  content:" ...";  }