/* Main script for Fortune Web Marketing */

/* common */
body {background-image:url(../images/web_marketing_back.jpg); background-color:#CCCCCC; background-repeat:repeat-x;}
a:link {color:#0000FF; text-decoration:underline;}
a:visited {color:#0000FF; text-decoration:underline;}
a:hover {color:#000099; text-decoration:underline;}
a:active {color:#000099; text-decoration:underline;}

.redtext{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#660000; font-weight:bold;}
.blacktext{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-weight:bold;}
.bold{font-weight:bold;}

/* Top backgrounds */
table.topbg {background-image:url(../images/web_marketing_topbg.jpg); background-color:#ffffff; width:905px; height:69px; text-align:left;}
table.topnav {background-image:url(../images/web_marketing_topnav.jpg); background-color:#ffffff; width:905px; height:25px; text-align:left;}
table.topnav td {font-family:Arial, Helvetica, sans-serif; font-size:11px;}

/* Maim -home*/
table.main {width:905px; text-align:left; background-color:#FFFFFF; background-image:url(../images/web_marketing_backrepeat.jpg); background-repeat:repeat;}
table.main td{vertical-align:top;}
table.main td.mainpic{ background-image:url(../images/web_marketing_SEO_main.jpg); width:375px; height:205px; background-color:#FFFFFF; background-repeat:no-repeat;}
table.main td table td.maintop{background-image:url(../images/web_marketing_main_top.jpg); width:530px; height:12px;}
table.main td table td.maincontent{width:370px;}
table.main td table td.maincontent table tr td.header{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#660000; font-weight:bold;}
table.main td table td.maincontent table tr td.content{font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#333333;}
table.main td table td.mainleftdiv, table.main td.mainleftdiv{width:10px;}
table.main td table td.rightnav{width:135px;}
table.main td.rightnav{width:135px; background-image:url(../images/fortune_web_marketing_grey_logo.jpg); background-position:bottom; background-repeat:no-repeat;}

table.main td table td.rightnav table.SEOpaper, 
table.main td.rightnav table.SEOpaper{width:135px; background-image:url(../images/web_marketing_SEOPaper_mid.jpg); font-family:Arial, Helvetica, sans-serif;}

table.main td table td.rightnav table.SEOpaper td.top, 
table.main td.rightnav table.SEOpaper td.top{background-image:url(../images/web_marketing_SEOPaper_top.jpg); background-position:top; background-repeat:no-repeat; font-size:12px; font-weight:bold;}

table.main td table td.rightnav table.SEOpaper td.bottom, 
table.main td.rightnav table.SEOpaper td.bottom{background-image:url(../images/web_marketing_SEOPaper_bottom.jpg); background-position:bottom; background-repeat:no-repeat; font-size:11px;}

table.main td table td.rightnav table.Events, 
table.main td.rightnav table.Events{width:135px; background-image:url(../images/web_marketing_events_mid.jpg); font-family:Arial, Helvetica, sans-serif; font-size:12px;}

table.main td table td.rightnav table.Events td.top, 
table.main td.rightnav table.Events td.top{background-image:url(../images/web_marketing_events_top.jpg); background-position:top; background-repeat:no-repeat; font-weight:bold; font-size:12px;}

table.main td table td.rightnav table.Events td.bottom, 
table.main td.rightnav table.Events td.bottom {background-image:url(../images/web_marketing_events_bottom.jpg); background-position:bottom; background-repeat:no-repeat; font-size:11px;}

table.main td table td.mainrightdiv{background-image:url(../images/web_marketing_rightnavback.jpg); width:15px; background-repeat:no-repeat;}
table.main td.mainrightdiv2{background-image:url(../images/web_marketing_rightnavback2.jpg); width:15px; background-repeat:no-repeat;}

table.main td.greyboxnews{width:338px; background-image:url(../images/web_marketing_news.jpg); background-position:topleft; background-repeat:no-repeat; background-color:#eeeeee; border:solid 1px #cccccc;}
table.main td.greyboxnews table th{color:#333333; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
table.main td.greyboxnews table td{color:#333333; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

table.main td.greyboxadvice{width:338px; background-image:url(../images/web_marketing_advice.jpg); background-position:topleft; background-repeat:no-repeat; background-color:#eeeeee; border:solid 1px #cccccc;}
table.main td.greyboxadvice table th{color:#333333; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
table.main td.greyboxadvice table td{color:#333333; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

table.main td.greylogo{width:145px; height:100px; background-image:url(../images/fortune_web_marketing_grey_logo.jpg); background-position:bottom; background-repeat:no-repeat;}
table.main td.facebook{width:145px; height:140px; background-repeat:no-repeat;}
table.main td.twitter{width:145px; height:25px; background-image:url(../images/twitterlogo.jpg); background-repeat:no-repeat;}



/* Main content */
table.main td.contenttop{width:905px; height:29px; padding-right: 40px; background-image:url(../images/web_marketing_content_top.jpg);}
table.main td table.leftnav{width:155px;}
table.main td table.leftnav td.left{width:11px; height:30px; background-image:url(../images/web_marketing_leftnav_left.jpg); background-position:top; background-repeat:no-repeat;}
table.main td table.leftnav td.mid{width:144px; background-image:url(../images/web_marketing_leftnav_mid.jpg); background-position:right; background-repeat:repeat;}
table.main td table.leftnav td.mid table td {text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; border-bottom:dashed 1px #CCCCCC;}
table.main td.maincontent2{width:579px; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

table.archive {background-color:#ccc;width:570px;}
table.archive th{background-color:#CCCCCC; color:#333;}
table.archive tr.odd td {background-color:#fff; color:#333; padding-left: 5px; padding-top:5px;}
table.archive tr.even td {background-color:#eee; color:#333; padding-left: 5px; padding-top:5px;}

/* bottom */
table.bottom{width:905px; height:71px; background-image:url(../images/web_marketing_bottom.jpg); background-repeat:no-repeat;}
table.footer {font-family:Arial, Helvetica, sans-serif; font-size:10px;}

/* Menu styles */
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 500px; /*For KHTML*/
  list-style:none;
  height: 24px;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  /*width: 200px;*/
  list-style: none;
  display: none;
  position: absolute;
  z-index: 40;
  top: 24px;
  left: 0;
  /*background-color:#999999;*/
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility:hidden;
  z-index: 40;

}

ul#navmenu ul li {
  width:140px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  z-index: 40;
  }

/* Root Menu */
ul#navmenu a {
  /*border: 1px solid #666;
  border-right-color: #000;
  border-bottom-color: #000;*/
  padding: 0 6px; 
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: inline;
  /*background: #eeeeee; */
  color: #0000ff;
  font: 11px/22px Arial, Helvetica, sans-serif;
  text-decoration: undeline;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  /*background: #333333; */
  color: #000099;
}

/* 2nd Menu */
ul#navmenu li:hover li,
ul#navmenu li.iehover li, 
ul#navmenu li:hover li {
  float: none;
  border:solid 1px #333333;
  background-color:#eee;
  font-size:10px;
  cursor:pointer;
  filter:alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity:0.8;
}
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a, 
ul#navmenu li:hover li a{
  float: none;
  color:#000000;
  font-size:10px;
  text-decoration:none;
  font-weight:bold;
  cursor:pointer;
  filter:alpha(opacity=100);
  opacity: 1;
  -moz-opacity:1;
}


/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li:hover,
ul#navmenu li:hover li:hover,
ul#navmenu li.iehover li:hover,
ul#navmenu li.iehover li.iehover{
  background-color: #660000;
  cursor:pointer;
  filter:alpha(opacity=100);
  opacity: 1;
  -moz-opacity:1;
}
ul#navmenu li:hover li:hover a,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li:hover a,
ul#navmenu li.iehover li.iehover a{
  font-size:10px;
  color:#eeeeee;
  text-decoration:none;
  font-weight:bold;
  cursor:pointer;
  filter:alpha(opacity=100);
  opacity: 1;
  -moz-opacity:1;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background:#F2F9FF;
  color: #000;
  font-size:9px;
  cursor:pointer;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #000066;
  color: #FFF;
  font-size:9px;
  cursor:pointer;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background:#F2F9FF;
  color: #000;
  font-size:9px;
  cursor:pointer;
}

/* 4th Menu Hover Persistence*/
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li.iehover a {
  background: #000066;
  color: #FFF;
  font-size:9px;
  cursor:pointer;
}

/* 5th Menu */
ul#navmenu li:hover li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li.iehover li a {
  background:#F2F9FF;
  color: #000;
  font-size:9px; 
  cursor:pointer;
  
}

/* 5th Menu Hover */
ul#navmenu li:hover li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li.iehover li a:hover {
  background: #000066;
  color: #FFF;
  font-size:9px;
  cursor:pointer;
}*/

ul#navmenu ul ul {
  display: none;
  position:absolute;
  top: 0;
  left: 220px;
  z-index: 40;
}

ul#navmenu ul ul ul {
  display: none;
  position:absolute;
  top: 0;
  left: 200px;
  z-index: 40;
}

ul#navmenu ul ul ul ul,
ul#navmenu ul ul ul ul ul, {
  display: none;
  position:absolute;
  top: 0;
  left: 200px;
  z-index: 40;
  }

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li:hover ul ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul, 
ul#navmenu li.iehover ul ul ul ul {
  display: none;
  z-index: 40;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu ul ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul, 
ul#navmenu ul ul ul li.iehover ul {
  display: block;
  z-index: 40;
}