/* ============== */
/* Global Styles: */
/* ============== */


/* Now, set the text color of everything and make sure that every element's padding and margins are set to zero -it's *very* helpful... */

* {
  font-family: "Trebuchet MS", sans serif;
  color:#333;

  padding:0;
  margin:0;
}

/* ================== */
/* Global Styles: END */
/* ================== */


/* ==================== */
/* Basic HTML Elements: */
/* ==================== */

html {}

body {
  text-align:center;  
  
  font-size:11px;
  line-height:15px;
  
  padding-bottom:20px;
}


div {}


a {
  color:#900;
  font-weight:bold;
  text-decoration:none;  
}

a:link {}

a:visited {}

a:hover {
  color:#fff !important;
  text-decoration:none;
  background:#c77373; 
}

a:active {}


h1,h2,h3,h4,h5,h6 {
  /*margin-bottom:6px;*/
}

h1 {
  bbbbackground:transparent url(/images/h1-bullet.gif) no-repeat 0 5px;
  color:#990000;
  font-size:14pt;
  font-weight:bold;
  line-height:120%;
  padding:15px 0;
  ttttext-transform:uppercase;
}

h2 {
  color:#333333;
  font-size:12pt;
  font-weight:bold;
  padding:0 0 15px;
line-height:120%;
}

h2.secondHeader {
  padding-top:8px;
}

h2.news {
  /* padding-bottom: 10px; */
}

h3 {
  font-size: 11px;
}

h3.news {
  color:#000;
  font-size: 12px;
  text-align: center;
}

h3.news2 {
  color:#000;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  text-align: center;
}

h4 {
  font-size: 11px;
}

h4.news {
  padding-top: 10px;
  padding-bottom: 10px;
}

h4.contact {
  font-size: 11px;
  font-weight: normal;
  padding-top: 0;
  padding-bottom: 12px;
}

h5 {}

h6 {}

.sidebar-content p,
.content-column p {
  margin-bottom:15px;
}

p {
  margin-bottom:8px; 
}


ul {
  padding-left:25px;
  margin-bottom:8px; 
}

ol {
  padding-left:30px;
  margin-bottom:8px;
}

li {}


strong {}

b {}

em {}

i {}


table {}

th {}

td {}


.form td {
white-space: nowrap;
}


fieldset {}

input {
  font-size:11px; 
}

button {
  font-size:11px; 
}

legend {}

select {}

textarea {}


/* ======================== */
/* Basic HTML Elements: END */
/* ======================== */


/* ======================= */
/* Useful generic classes: */
/* ======================= */


.ral {text-align:right;}

.lal {text-align:left;}

.ctr {text-align:center;}

.invisible {display:none;}

/* =========================== */
/* Useful generic classes: END */
/* =========================== */ 


/* ============== */ 
/* Layout styles: */ 
/* ============== */ 

div#layout-container {
  width:760px;
  
  text-align:left;
  
  margin:0 auto;  
}

div#header-section {
  height:46px;
  background:transparent url(/images/manhattanresearchlogo3.jpg) no-repeat 0 0;
}

div#navigation-section {
  height:62px;
  background:#900 url(/images/menu-level2-back.gif) repeat-x bottom left;
  line-height:1px;
  
  padding:0;
}

form#search-form {
  float:right;
  width:185px;  
  height:17px;
  
  padding-right:21px;
  margin:29px 0 0 0;
}

input#search-button {
  float:left;
  width:62px;
  height:17px;
  background:#900 url(/images/search-button.gif) no-repeat 0 0;
  
  cursor:pointer;
  
  font-weight:bold;
  color:#fff;
  font-size:11px;
  line-height:17px;
  
  border-style:none;  
  
  padding:0;
  margin:0 0 0 3px;
}

input#search-button:hover {
  background:transparent url(/images/search-button.gif) 0 17px;
}

input#search-field {
  float:left;
  width:118px;
  height:15px;
  
  border:1px solid #000;  
  
  margin:0;
}

div#footer {
  position:relative;
  top:-10px;
  z-index:0;
  height:21px;
  background:#900 url(/images/footer-back.gif) repeat-x 0 0;
  
  text-align:left;
  line-height:21px;
  
  border-top:10px solid #000; 
}

div#footer a {
color:#333333;
  font-weight:bold;
  text-decoration:none; 
}

div#footer a:hover {
  background-color:#000;
}

table#content-table-2col,
table#content-table-3col {
  position:relative;
  top:-10px;
  z-index:0;
  background:transparent;
  width:760px;
  
  border-style:solid;
  border-color:#efefef;
  border-width:0 1px;
}

td#main-content {
  vertical-align:top;
  padding:10px;
}

td#sidebar {
  vertical-align:top;
  width:215px;
  
  border-left:2px solid #C77373;  
  
  padding:0;
}

td#sidebar {
  
}

div#quick-links,
div#sidebar-content {
  width:202px;
  
  padding-bottom:8px;
  margin:10px auto;
}

div#quick-links {
  background:transparent url(/images/quick-links-shadow-bottom.jpg) no-repeat bottom left;  
}

div#quick-links div {
  padding: 10px 10px;
  background:transparent url(/images/quick-links-background.jpg) no-repeat 0 0;
}

div#quick-links h2,
div#sidebar-content h2 {
  height:20px;
  
  color:#fff;
  font-size:16px;
  line-height:20px; 
  
  padding-left:10px;
}

div#quick-links h2 {
  background:transparent url(/images/quick-links-shadow-top.jpg) no-repeat 0 0;
padding-bottom:0;
}

div#quick-links ul,
div#sidebar-content div {
  padding:5px 10px 10px 10px; 
  margin:0;
}

div#quick-links ul {
  list-style-type:none;
  /*
  background:transparent url(/images/quick-links-background.jpg) no-repeat 0 0;
  padding-bottom:15px;
  */
}

div#quick-links ul li {
  background:transparent url(/images/square-bullet.gif) no-repeat 0 7px;
  padding-left:10px;
}

div#quick-links ul li a {
  color:#333; 
}

div#quick-links ul li a:hover {
  /* color:#000; */
}


div#sidebar-content { 
  background:transparent url(/images/sidebar-content-shadow-bottom.jpg) no-repeat bottom left;    
}

div#sidebar-content h2 {
  background:transparent url(/images/sidebar-content-shadow-top.jpg) no-repeat 0 0;  
}

div#sidebar-content div {
  background:#FFFFFF repeat-y 0 0;    
  
  padding:2px 2px 2px 2px;}

div#news-box {
  background:#F7F7EF url(/images/quick-links-background.jpg) repeat-y 0 0;

  border:1px solid #000;

  padding:10px 10px 50px 10px;
  margin:10px;
}

div#news-box ul {
  padding:0 0 0 20px;
  margin:0;
}

td.content-column {
  vertical-align:top;
  width:272px;

  padding:10px 0;
}

table#content-table-3col {}

td.content-column p,
td.content-column ul,
td.content-column ol {
  margin-left:10px;
  margin-right:10px;
}

td.content-column h1,
td.content-column h2 {
  margin-left:10px;
  margin-right:10px;  
}

td.left-column {}

td.right-column {
  padding-top:24px; /* This makes the h2 and content in column 2 line up (vertically) with the content in column 1; this number should be the line-height of h1 in column 1 */  
}

div.clientlogo {
 text-align: right;
 margin-bottom: 5px;
}

div#Sitemap strong {
 font-weight: bold;
 font-size: 12px;
}

/* ================== */ 
/* Layout styles: END */ 
/* ================== */ 

/* ========================== */
/* Email Layout styles: BEGIN */
/* ========================== */

div#header-title {
  float:right;
  width:185px;  
  height:46px;
  background-color: #900;
  padding-top: 25px;
  padding-right:5px;
  margin: 0 0 0 0;
}

h2.emailnews {
  font-size: 16px;
  color: #fff;
}

div#separator {
  background-color: #000;
  height: 2px;
  margin-top: 1px;
  margin-bottom: 1px;
}

div#news-content {
  vertical-align:top;
  text-align: left;
  padding:10px;
}

/* ======================== */
/* Email Layout styles: END */
/* ======================== */

/* ===================== */
/* Miscellaneous styles: */
/* ===================== */

a.skipLink {
  line-height:0;
  height:0;
  overflow:hidden;
  position:absolute;
  left:0;
  top:0;
}

a.logoLink {
  position:absolute;
  top:0;
  left:50%;

  margin-left:-360px
}

a.logoLink:hover {
  background:transparent;
}

a img {
  border-style:none;
  border-width:0;
}



div#marqui-link {
  text-align:center;
  margin-top:10px;  
}

div#marqui-link a {
  display:none;
  width:140px;
  height:95px;
  
  color:#900;
  font-weight:bold;
  text-decoration:none; 
  
  margin:0 auto;
}

div#marqui-link a,
div#marqui-link a:hover {
  background:transparent url(http://www.marqui.com/files/PoweredByLogo/powered_Marqui.gif) no-repeat bottom center; 

  color:#000 !important;
}

/* ========================= */
/* Miscellaneous styles: END */
/* ========================= */
div#navigation-section ul#tabs {
  width:721px;
  height:31px;  
  background:#fff;

  
  padding:0 18px 0 21px;
  margin:0;
}

div#navigation-section ul#tabs li {
  display:block;
  float:left; 
  width:101px;
}

div#navigation-section ul#tabs li a {
  display:block;
  width:100px;
  height:22px;
  background:#000 url(/images/menu-level1-tab.gif) no-repeat 0 0;
  
  color:#fff;
  font-size:12px !important;
  line-height:13px !important;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  
  padding:8px 0 0 0;
  margin-right:3px; 
}

div#navigation-section ul#tabs li a:hover {
  background:#C77373 url(/images/menu-level1-tab.gif) no-repeat 0 -31px;  
}

/* The following styles adjust the position of text in the tabs; when there are two lines of text in a tab, add it to the list here. Unfortunately, we have to do this until display:table-cell is better supported (i.e. and we can use vertical-align instead of padding for the positioning) */
li#products-tab a,
 li#research-tab a{
  height:26px !important;
  padding-top:4px !important; 
}

body#products li#products-tab a,
body#events li#events-tab a,
body#newsroom li#newsroom-tab a,
body#research li#research-tab a,
body#about li#about-tab a,
body#contact li#contact-tab a,
body#client li#client-tab a {
  background:#900 url(/images/menu-level1-tab.gif) no-repeat 0 -64px !important;  
}

.contenthdr{
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}

.bookmarks td a{
color:#000000;
}

#search-field{
color:#777777;
}
/*
 * This menu goes 3+ levels deep.
 * 
 * CSS/JS for menu based on 'Suckerfish' dropdowns. Original article and examples available at the following locations:
 *
 *  http://www.htmldog.com/articles/suckerfish/dropdowns/
 *  http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones3.html
 *
 */

ul#nav {
  position:absolute;
  top:77px;
  left:50%;
  margin-left:-382px;
  z-index:2000;

  /*float:left;
  clear:both;*/
  width:1000px;
  /* background:#900 url(/images/menu-level2-back.gif) repeat-x bottom left; */
  
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  
  padding:4px 5px 11px 5px;
}

#nav, #nav ul { /* all lists */
  list-style:none;
  line-height:1;
  
  padding:0;
  margin:0; 
}

#nav a,
#nav a:hover {
  display:block;
  width:116px;
  background-color:#600;
  
  line-height:30px; /* Doesn't seem to hurt... */
  color:#fff;
  text-align:center;
  
  text-decoration:none;
  font-weight:bold;
  
  padding:0px 4px 0px 5px;
  margin-right:2px;
}

#nav a:hover {
  background:#000;  
}

#nav li { /* all list items */
  float:left;

  width:126px; /* width needed or else Opera goes nuts */

  /*padding-bottom:0;*/
}


#nav ul { /* second-level lists */
  position:absolute;
  background:#F7F7EF;
  width:170px;
  left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  
  border-style:solid;
  border-color:#ccc;
  border-width:0 1px 1px 1px;
}

#nav li ul li {
  float:left;
  width:150px;  
}

#nav li ul a,
#nav lu ul ul a { /* links in level 2+ lists */
  display:block;
  width:160px !important;
  background:transparent;

  text-align:left !important;
  line-height:20px !important; /* Seems not to hurt... */
  color:#333;
  text-align:left;
  
  border-top:1px solid #ccc;
  
  padding:0 5px;
  margin:0 !important;
}

#nav li ul a:hover,
#nav li ul ul a:hover {
  background:#C77373; 
  
  color:#fff;
  text-align:left !important;
}

#nav li ul ul { /* third-and-above-level lists */
  margin:-18px 0 0 110px;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
  left:-999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul { /* lists nested under hovered list items */
  left:auto;
}