BODY {MARGIN:0px; FONT-FAMILY: Arial, Helvetica, sans-serif; font-size:20px; BACKGROUND: url(images/p_web_bck.jpg) #535353 repeat-x; COLOR: #000000}

H1   { FONT-FAMILY: Arial, Helvetica, sans-serif; LINE-HEIGHT: 32px; MARGIN: 0px 0px 10px; COLOR: #99cc33; FONT-SIZE: 20px; FONT-WEIGHT: normal}
H2   { FONT-FAMILY: Arial, Helvetica, sans-serif; LINE-HEIGHT: 16px; FONT-SIZE: 14px !important; FONT-WEIGHT: normal;  COLOR: #000000}
H3   { FONT-FAMILY: Arial, Helvetica, sans-serif; LINE-HEIGHT: 16px; MARGIN: 4px 0px 0px; COLOR: #99cc33; FONT-SIZE: 11px; FONT-WEIGHT: normal}
H4   { FONT-FAMILY: Arial, Helvetica, sans-serif; LINE-HEIGHT: 11px; FONT-STYLE: normal; MARGIN: 0px; COLOR: #999999; FONT-SIZE: 10px}
P    { FONT-FAMILY: Arial, Helvetica, sans-serif; LINE-HEIGHT: 16px; FONT-SIZE: 13px !important;}
LI   { FONT-FAMILY: Arial, Helvetica, sans-serif; LINE-HEIGHT: 14px; MARGIN: 0px; FONT-SIZE: 12px; list-style-type:disc;}
UL   { FONT-FAMILY: Arial, Helvetica, sans-serif; PADDING-BOTTOM: 0px; MARGIN: 4px 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL LI   { FONT-FAMILY: Arial, Helvetica, sans-serif; LINE-HEIGHT: 14px; MARGIN: 0px; FONT-SIZE: 12px; list-style-type:disc;}

.Normal    { FONT-FAMILY: Arial, Helvetica, sans-serif; LINE-HEIGHT: 16px; FONT-SIZE: 13px !important;}

.cleared {CLEAR: both}
.green { COLOR: #99cc33}

#container {WIDTH: 950px; MARGIN-BOTTOM: 20px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto}
#banner    {WIDTH: 950px; BACKGROUND: url(images/performance-web-logo.jpg) no-repeat; HEIGHT: 131px}
#menu      {WIDTH: 950px; BACKGROUND: url(images/menu_img.gif) no-repeat; HEIGHT: 26px}
#page      {PADDING-BOTTOM: 15px; PADDING-LEFT: 20px; WIDTH: 920px; PADDING-RIGHT: 10px; BACKGROUND: url(images/menu_shadow.jpg) #fff no-repeat; PADDING-TOP: 25px}
#mainbody  {FLOAT:left; padding-bottom:7px;}
#features  {FLOAT:left; WIDTH: 920px}
#footer    {PADDING-LEFT: 20px; WIDTH: 920px; PADDING-RIGHT: 10px; padding-top:15px; BACKGROUND: url(images/p_web_footer_bck.jpg) #000000 50% bottom; HEIGHT: 121px}

#panel_half      {WIDTH: 450px; FLOAT: left; border: 1px solid; border-color:#F1F1F1;}
#panel_quarter1  {WIDTH: 221px; FLOAT: left; MARGIN-LEFT: 6px; border: 1px solid; border-color:#F1F1F1;}
#panel_quarter2  {WIDTH: 221px; FLOAT: left; MARGIN-LEFT: 6px; border: 1px solid; border-color:#F1F1F1;}
#panel_3quarters {WIDTH: 679px; FLOAT: left; border: 1px solid; border-color:#F1F1F1;}

.panel_app { WIDTH: 223px; BACKGROUND: url(images/app_panel_bck.jpg) #f1f1f1 repeat-x 50% bottom; FLOAT: left; COLOR: #848484; MARGIN-LEFT: 6px; }
.panel_app_cog {PADDING-BOTTOM: 24px; height:125px;  PADDING-LEFT: 15px; PADDING-RIGHT: 2px; FONT-WEIGHT: bold; PADDING-TOP: 0px; background:url(images/icon_cog.gif) no-repeat bottom right;}
.panel_app_palette {PADDING-BOTTOM: 24px;  height:125px; PADDING-LEFT: 15px; PADDING-RIGHT: 2px; FONT-WEIGHT: bold; PADDING-TOP: 0px; background:url(images/icon_palette.gif) no-repeat bottom right;}
.panel_app_tools {PADDING-BOTTOM: 24px;  height:125px; PADDING-LEFT: 15px; PADDING-RIGHT: 2px; FONT-WEIGHT: bold; PADDING-TOP: 0px; background:url(images/icon_tools.gif) no-repeat bottom right;}
.panel_app_more {PADDING-BOTTOM: 24px;  height:125px; PADDING-LEFT: 15px; PADDING-RIGHT: 2px; FONT-WEIGHT: bold; PADDING-TOP: 0px; background:url(images/icon_more.gif) no-repeat bottom right;}

.panel_app p {font-weight:bold;}
.panel_app UL {MARGIN: 6px 0px; padding-left:15px; }
.panel_app LI {LINE-HEIGHT: 16px; FONT-SIZE: 12px; list-style-type:disc;}
.panel_app A {LINE-HEIGHT: 16px; COLOR: #99cc33; FONT-SIZE: 13px; TEXT-DECORATION: none; font-weight:bold;}
.panel_app A:hover {COLOR: #848484}

.footer_app { WIDTH:206px; PADDING-LEFT:15px; PADDING-RIGHT:2px; FLOAT: left; COLOR: #848484; MARGIN-LEFT: 6px}

#footer P {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR:#666666  FONT-SIZE:11px; line-height:16px;}
#footer A {FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR:#ffffff; FONT-SIZE:11px; line-height:16px; TEXT-DECORATION: none}
#footer A:hover {COLOR: #99cc33}
  
#menu UL      {PADDING-BOTTOM: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 15px; PADDING-TOP: 5px}
#menu LI      {LIST-STYLE-TYPE: none; FLOAT: left; COLOR: #6a8635; FONT-SIZE: 11px; LIST-STYLE-IMAGE: none}
#menu LI A    {PADDING-BOTTOM: 2px; MARGIN: 0px 10px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: white; FONT-SIZE: 11px; TEXT-DECORATION: none; PADDING-TOP: 2px}
#menu .active {BACKGROUND-COLOR: #6a9228}
#menu LI A:hover {BACKGROUND-COLOR: #6a9228}

#topnav UL    {PADDING-BOTTOM:0px; MARGIN-TOP:0px; PADDING-LEFT:20px; PADDING-RIGHT:15px; PADDING-TOP:5px;list-style:none; float:left; width:auto;}
#topnav LI    {LIST-STYLE-TYPE:none; FLOAT:left; COLOR:#6a8635; FONT-SIZE:11px; LIST-STYLE-IMAGE:none; border-right:1px solid #738635; position:relative;}
#topnav LI A  {PADDING-BOTTOM: 2px; MARGIN: 0px 10px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: white; FONT-SIZE: 11px; font-weight:normal; TEXT-DECORATION: none; PADDING-TOP: 2px; text-transform:uppercase; display:block;}
#topnav UL .SelectedTab A  {BACKGROUND-COLOR: #6a9228; font-weight:normal;}
#topnav LI A:hover {BACKGROUND-COLOR: #6a9228}

#topnav li ul   {position:absolute; top:15px; left:-999em; width:150px; background-color:#99cc33; border:0px; padding:0;}
#topnav li li a {width:120px; text-transform:none; border:0px; background-color:#99cc33 !important;}
#topnav li li   {border-right:0px; padding-top:2px; padding-bottom:2px;}
#topnav UL UL .SelectedTab A  {BACKGROUND-COLOR: #6a9228 !important;}
#topnav LI LI A:hover {BACKGROUND-COLOR: #6a9228 !important}

#topnav li:hover ul ul,
#topnav li:hover ul ul ul,
#topnav li:hover ul ul ul ul,
#topnav li.iehover ul ul,
#topnav li.iehover ul ul ul,
#topnav li.iehover ul ul ul ul {top:15px; left: -999em;}

#topnav li:hover ul, 
#topnav li.iehover ul {top: 18px; left:0;}
#topnav li li:hover ul,
#topnav li li li:hover ul,
#topnav li li.iehover ul,  
#topnav li li li.iehover ul {top: 15px; left:1.8em;}