﻿@media screen, print
{
/* =============================================================================
    GENERAL ELEMENTS
=============================================================================*/
* { margin: 0; padding: 0; text-align:left; }
body, td, select, input, textarea { font-family:"Segoe UI", Verdana, Helvetica, Sans-Serif; color:#493C34; font-weight:400; }
body { background: #DDEBF3 url(images/bg.jpg) top left repeat-x; margin:0px 0px; }
h1, h2, h3, h4, h5 { color: #9F0004; }
h1, h2 { font-weight:bold; }
h3, h4, h5 { font-style:normal; font-weight:bold; text-transform:uppercase; }
h4, h5 { font-weight:400; }
a:link, a:visited { color: #00469b; text-decoration: none; position: relative; }
a:hover{ color: #9F0004; text-decoration: underline; }
a:focus { outline: none; }

/* =============================================================================
    CORE LAYOUT
=============================================================================*/
#page, #footer { width: 970px; margin:0px auto; }
#pagetop { background: url(images/pagetop.png) top left no-repeat; height: 111px; position:relative; }
#pagearea { background: url(images/pagebg.png) top left repeat-y; height: 1%; padding: 0px 25px;  }
#pageareawrapper { background-color:#FFF; }
#pagebottom  { background: url(images/pagebottom_sidebar.png) top left repeat-y; height: 41px; }
div.full #pagebottom { background: url(images/pagebottom.png) top left repeat-y; height: 41px; }
#logo { background: url(/local/images/nmmalogo.gif) no-repeat left 15px; width: 348px; height: 70px; position: absolute; left: 46px; top: 33px; }
#logo h1 { display:none; }

#sitebar { margin-top:-40px; }
#cms-bartoggler { display:block; width:30px; height:22px; text-align:center; background-color: #ffbf5f; text-decoration:none; font-size:140%; }

#menuarea { background: url(images/menu/bg.jpg) bottom left repeat-x #009CD2; border-top:2px solid #30B5DD; min-height:30px; position: relative; z-index: 100; }
#menulogout { position:absolute; top:-100%; right:15px; z-index:200; width:250px; text-align:right; line-height:2em; margin-top:-1em; }

#menu { list-style: none; margin:0; width:760px; }
#menu li { float: left; position: relative; font-weight:normal; font-weight:400; list-style: none;}
#menu a { color: #FFF; text-decoration: none; cursor: pointer; padding: 0 15px; }
#menu li, #menu a { line-height:2em; height:2em; display:block; margin-top:0; padding-top:0; min-height:30px; vertical-align:middle; }
#menu li a { background: url(images/menu/divider.jpg) 100% 56% no-repeat; }
#menu li:hover, #menu li.sfhover { background: url(images/menu/activebg.jpg) top left repeat-x; margin-top:-2px; border-top:2px solid red; }
#menu #home { background-image:url(images/menu/home.gif); background-repeat:no-repeat; background-position:5px 5px; width:30px; }
#menu #home a { display:block; height:30px; }
#menu #home em { display:none; }

#menu ul, #menu ul a, #menu li li { width:14em; }
#menu ul { position: absolute; top:2em; left:0; height: auto; background: #014B72; border: 1px solid #01324D; margin:0; margin-top:3px; }
#menu ul a { text-align:left; background: none; font-weight: normal; padding: 0; text-indent:12px; line-height:2em; }
#menu ul a:hover{ background: none; }
#menu li li { background: none; border-bottom:1px solid #01324D; padding: 0; height:2em; overflow:hidden; }
#menu li ul ul { margin: -2em 0 0 14em; }
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul { left: -999em; }
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul,#menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul,
#menu li li li li.sfhover ul{ z-index:300; left: 0; }
#menu li li:hover, #menu li li.sfhover { left: 0; background: #01669A; height:2em; margin-top:0; border-top:none; }
#menu a.parent:hover {background-image:none; background-color:#01669A;} 
#menu ul li.parent { background-image:url(images/menu/arrowright.gif); background-repeat:no-repeat; background-position:right; }
#menu ul li.parent:hover, #menu ul li.parent.sfhover { overflow:visible; }
#menu li.last ul li.parent { background-image:url(images/menu/arrowleft.gif); background-repeat:no-repeat; background-position:right; }

#menu li.top a.parent { min-width:45px;}


#highlightarea { background-color:#0C110D; color:#AAA; border-bottom: 5px solid #c1c1c1; }
#highlightarea p { padding:15px; }
#highlightarea p.latestblog { margin:-30px 15px 0 0; text-align:right; }

#scrollerarea { width:920px; margin: 0px auto; overflow: hidden; height: 20em; position: relative; } 
#scrollerareawrapper { width: 4600px; height: 20em; position: relative; }
div.scroll { width: 920px; height: 20em; top:0px; text-align: left; position: absolute; background:url(images/highlightbg.jpg) no-repeat left bottom #232B2C; } 
div.scroll h2, div.scroll h3, div.scroll h4 { color: #FFF; padding:20px; padding-bottom:8px; letter-spacing:0.1em; }
div.scroll p { color: #FFF; padding:5px 25px; }
div.scroll a:link, div.scroll a:visited {	color: #9A9A9A; text-decoration: underline; }
div.scroll a:hover { color: #FFF; }
#scroll1 { left: 0px; }
#scroll2 {	left: 920px; }
#scroll3 { left: 1840px; }
#scroll4 {	left: 2760px; }
#scroll5 {	left: 3680px; }

#scrollerbar{ height: 80px; overflow:hidden; }
#scrollerbuttons { height: 80px; margin:0; }
#scrollerbuttons li { list-style: none; width: 184px; height: 80px; float: left; cursor:pointer; }
#scrollerbuttons li a { width: 154px; height: 60px; display: block; padding:10px 20px 10px 10px; background:url(images/buttonbarbg.jpg) no-repeat 0% 0%; }
#scrollerbuttons li a:hover { background-position: 0% 50%; text-decoration: none; }
#scrollerbuttons li a.active { background-position: 0% 100%; }
#scrollerbuttons li a:hover em { color:#FFF; }
#scrollerbuttons li a.active em { color:#666; }
#scrollerbuttons li a span.icon { display:block; float:left; width:50px; height:80px; background:url(images/scrollerbaricons.png) no-repeat 0% 50%; }
#scrollerbuttons li a strong { color:#FFF; font-size:14px; font-weight:bold; letter-spacing: 0em; line-height:1.6em; }
#scrollerbuttons li a em { color:#AAB; font-size:11px; line-height:1em; text-transform:lowercase; }

#content { background:url(images/twocolumnsbg.gif) repeat-y; }
#content h1 { margin-bottom:10px; border-bottom:1px solid #CCC; padding-bottom:5px; }
#content h2 { margin-bottom:10px; }
#content h3, #content h4, #content h5 { margin-bottom:5px; }
#contentwrapper { padding:15px; }
#contentcolumn { width:655px; float:left; }
#contentcolumnwrapper { padding-right:15px; }
#sidecolumn { width:235px; }
#sidecolumn { float:left; color: #595959; }
#sidecolumnwrapper { margin:10px 0 30px 15px; }
#sidecolumn h3 { color:#587788; margin:0px; margin-bottom:3px; }
#sidecolumn a:link, #sidecolumn a:visited { color: #9F0004; text-decoration: none; }
#sidecolumn a:hover { color: #00469b; text-decoration: underline; }
div.full #content { background:none; background:#FFF; }
div.full #contentcolumn { width:100%; float:none; }
div.full #sidecolumn { width:100%; float:none; clear:both; }

#footer { padding-top: 10px; }
#footerwrapper { color: #c1c1c1; font-size: 11px; text-align:center; }
#footer a:link, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }

/* =============================================================================
    SPECIAL STYLES
=============================================================================*/
div.contentitem {  float:left; }
.newsheadline{ margin:5px; border-bottom:dotted 1px #CCC; padding:5px 0 }
.newsheadline .date { font-size:0.8em; }
p.link { padding-left:30px; background:url(/local/images/icons/); }

/* =============================================================================
    SUBMENU
=============================================================================*/
div.scroll ul.submenu li { padding:10px; margin:3px; background-repeat:no-repeat; background-position:5px 5px; min-height:15px; width:250px; }
div.scroll ul.submenu li a { text-decoration:none; margin-left:30px; }

ul.submenu { margin:10px 0; padding-top:10px; border-top:1px solid #CCC; }
ul.submenu li { list-style:none; padding:0; margin:3px 0; width:315px; float:left; }
ul.submenu li a { text-decoration:none; color:#333; min-height:60px; display:block; padding:5px 5px 10px 65px; margin-left:5px; border:1px solid #EEE; }
ul.submenu li a { background-repeat:no-repeat; background-position:5px 15px; background-color:transparent; }
ul.submenu li a:hover { background-color:#EEE;  }
ul.submenu li a strong { padding:5px; padding-left:0; margin:0; font-weight:bold; text-transform:uppercase; display:block; }
ul.submenu li a em { font-style:normal; }
ul.submenu li.balance a { background-image:url(images/icons/48/balance.gif); }
ul.submenu li.bandaid a { background-image:url(images/icons/48/bandaid.gif); }
ul.submenu li.benefits a { background-image:url(images/icons/48/benefits.gif); }
ul.submenu li.cabinet a { background-image:url(images/icons/48/cabinet.gif); }
ul.submenu li.calculator a { background-image:url(images/icons/48/calculator.gif); }
ul.submenu li.calendar a { background-image:url(images/icons/48/calendar.gif); }
ul.submenu li.categories a { background-image:url(images/icons/48/categories.gif); }
ul.submenu li.city a { background-image:url(images/icons/48/city.gif); }
ul.submenu li.coffee a { background-image:url(images/icons/48/coffee.gif); }
ul.submenu li.deposit a { background-image:url(images/icons/48/deposit.gif); }
ul.submenu li.directory a { background-image:url(images/icons/48/directory.gif); }
ul.submenu li.download a { background-image:url(images/icons/48/download.gif); }
ul.submenu li.faq a { background-image:url(images/icons/48/faq.gif); }
ul.submenu li.femaleandmale a { background-image:url(images/icons/48/femaleandmale.gif); }
ul.submenu li.financials a { background-image:url(images/icons/48/financials.gif); }
ul.submenu li.health a { background-image:url(images/icons/48/health.gif); }
ul.submenu li.html a { background-image:url(images/icons/48/html.gif); }
ul.submenu li.knowledge a { background-image:url(images/icons/48/knowledge.gif); }
ul.submenu li.links a { background-image:url(images/icons/48/links.gif); }
ul.submenu li.people a { background-image:url(images/icons/48/people.gif); }
ul.submenu li.pills a { background-image:url(images/icons/48/pills.gif); }
ul.submenu li.presskit a { background-image:url(images/icons/48/presskit.gif); }
ul.submenu li.pressrelease a { background-image:url(images/icons/48/pressrelease.gif); }
ul.submenu li.progressnote a { background-image:url(images/icons/48/progressnote.gif); }
ul.submenu li.traffic a { background-image:url(images/icons/48/traffic.gif); }
ul.submenu li.nmma a { background-image:url(images/icons/48/nmma.gif); }
ul.submenu li.cmma a { background-image:url(images/icons/48/cmma.gif); }
ul.submenu li.gbi a { background-image:url(images/icons/48/gbi.gif); }
ul.submenu li.affiliates a { background-image:url(images/icons/48/affiliates.gif); }
ul.submenu li.spreadsheet a { background-image:url(images/icons/48/spreadsheet.gif); }
ul.submenu li.advertising a { background-image:url(images/icons/48/knowledge.gif); }
ul.submenu li.statistics a { background-image:url(images/icons/48/financials.gif); }
ul.submenu li.shows a { background-image:url(images/icons/48/nmma.gif); }

#sidecolumn ul.submenu { margin:0 0 5px 0; padding-top:0; padding-bottom:10px; border-top:none; border-bottom:1px solid #CCC; }
#sidecolumn ul.submenu li { list-style:none; padding:0; margin:0; width:100%; float:none; }
#sidecolumn ul.submenu li a { text-decoration:none; color:#333; min-height:16px; display:block; padding:0 0 0 10px; margin-left:0; border:none; }
#sidecolumn ul.submenu li a { background:none; }
#sidecolumn ul.submenu li a:hover { background-color:#EEE;  }
#sidecolumn ul.submenu li a strong { padding:5px; padding-left:0; margin:0; font-weight:bold; text-transform:none; display:block; }
#sidecolumn ul.submenu li em { display:none; }
#sidecolumn ul.submenu li.current strong { color:#9F0004; display:block; padding:5px; }

#highlightarea ul.submenu { margin:5px; padding-top:0; padding-bottom:10px; border-top:none; }
#highlightarea ul.submenu li { list-style:none; padding:0; margin:0; width:100%; float:none; }
#highlightarea ul.submenu li a { text-decoration:none; color:#FFF; min-height:16px; display:block; padding:3px 0 3px 10px; margin-left:0; border:none; }
#highlightarea ul.submenu li a { background:none; }
#highlightarea ul.submenu li a:hover { background-color:#333;  }
#highlightarea ul.submenu li a strong { padding:5px; padding-left:0; margin:0; font-weight:bold; text-transform:none; display:block; }
#highlightarea ul.submenu li em { display:none; }
#highlightarea ul.submenu li.current strong { color:#9F0004; display:block; padding:5px; }

/*====================================================================================
   TABS
====================================================================================*/
.tabs { height:30px; color:#383D42; position:relative; z-index:90; overflow:hidden; /*background:url('http://cdn.last.fm/depth/nav2/gradient.gif') top left repeat-x; */}
.tabs ul { padding:0 10px 0 0; margin:0; }
.tabs li { margin:0; padding-left:11px; line-height:31px; display:block; float:left; height:31px; background:url(images/tabs/left.gif) top left repeat-x; }
.tabs li.first { background-image:url(images/tabs/first.gif); }
.tabs li.firstcurrent { background-image:url(images/tabs/first_on.gif); }
.tabs li a { color:#808080; padding-right:11px; line-height:31px; text-decoration:none; display:block; float:left; background:url('images/tabs/right.gif') top right no-repeat; border:0; }
.tabs li span { color:#808080; padding-right:11px; line-height:31px; text-decoration:none; display:block; float:left; background:url('images/tabs/right.gif') top right no-repeat; border:0; }
.tabs li.current, .tabs li.lastcurrent {	background-image:url(images/tabs/left_on.gif); margin-left:-2px; padding-left:11px; }
.tabs li.current a, .tabs li.firstcurrent a, .tabs li.lastcurrent a { background-image:url(images/tabs/right_on.gif); color:#404040; height:35px; }
.tabs li a:hover {	color:#404040; }
.tabs li.last a { background-image:url(images/tabs/end.gif); padding-right:22px; }
.tabs li.lastcurrent a { background-image:url(images/tabs/end_on.gif); padding-right:25px; }
.tabcontent { overflow:hidden; border:1px solid #999; margin:-1px 0 10px 0; padding:10px; background:#FFF; }

/*====================================================================================
   STAFF
====================================================================================*/
div.staff { width:310px; float:left; margin:10px 10px 0 0; }
div.staff img { margin:0 10px; float:left; padding-bottom:5px; }
div.staff h4 small { color:#333; text-transform:none; }
div.staff h5 { margin:0; text-transform:none; }
div.staff ul { display:block; margin-left:105px; }
div.staff ul li { margin-left:15px; }

/*===============================================================================================
									HR
===============================================================================================*/
tr.hr-listheader { height:20px; font-weight:bold; background-color:#DDEBF3; padding: 5px 0 0 5px; clear:both; }
tr.hr-listitem { display:block; height:18px; padding-left:5px; clear:both; }
tr.hr-listitem.alternate { background-color:#F2F2F2; clear:both; }
th.hr-listheader .fullname, tr.hr-listitem .fullname { float:left; width:180px; clear:both; }
th.hr-listheader .office, tr.hr-listitem .office { float:left; width:120px; }
th.hr-listheader .ext, tr.hr-listitem .ext { float:left; width:60px; }
th.hr-listheader .phone, tr.hr-listitem .phone { float:left; width:120px; }
th.hr-listheader .position, tr.hr-listitem .position { float:left; width:400px; }

/*==================================================================*/
/*=  Login
/*==================================================================*/
.login { padding:20px; width:50%; float:left; }
.login input.text { width:200px; font-size:114%; padding:2px 5px; }
.login div.clearafter label { display:block; width:80px; text-align:right; float:left; padding:3px 5px; }
.login div.rememberme { padding:5px 0 5px 70px; margin:15px 40px 10px 20px; border-top:1px dotted #06234B; border-bottom:1px dotted #06234B; }
.login div.rememberme em { display:block; padding-left:27px; font-size:82%; font-style:normal; }
.login div.rememberme label { padding-left:5px; }
.login div.passwordrecovery { padding:5px; margin:10px; }
.login p.alert { color:red; margin:10px 0; }
.login .buttonarea { text-align:center; padding:5px; }

#popupcontainer { background:url(images/dialog/mask.png); height:100%; left:0pt; position:absolute; top:0pt; width:100%; z-index:34000; }
#popup { left:50%; margin-left:-251px; min-height:100px; position:absolute; top:40px; width:560px; z-index:35000; }
#popuptitlebar { background:url(images/dialog/bar.png) repeat-x top center transparent; height:60px; }
#popuptitlebar a { width:20px; height:20px; margin:26px 28px 0 0; display:block; float:right; background:url(images/dialog/icons.png) no-repeat left -471px; text-decoration:none; }
#popuptitlebar em { display:none; }
#popuptitle { padding:27px 0pt 0pt 30px; width:auto; color:#333; font-size:114%; font-weight:bold; }
#popupform { padding:20px; background:url(images/dialog/bg.png) repeat-y top center transparent; z-index:35000; }
#popupcontent { background:#EAEAEA; z-index:35000; }
#popupmessage { background:#FFE2DF url(/lib/img/icons/50/alert.gif) no-repeat scroll 99% 3px; border:1px solid #C31402; color:#C31402; margin:0px 5px 0px 5px; padding:0px 60px 0px 25px; z-index:35000; min-height: 55px; }
#popupmessagecontainer { padding:0px 20px 0px 20px; background:url(images/dialog/bg.png) repeat-y top center transparent; z-index:35000; }
#popupfooter { background:url(images/dialog/footer.png) no-repeat top center transparent; height:35px;  z-index:35000; }

}

@media print
{
  html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
  #pagearea { background:none; }
  #sitebar { display:none; height:0px; }
  #pagetop { display:none; height:0px; }
  #menuarea { display:none; height:0px; }
  #highlightarea { display:none; height:0px; }
  #contentwrapper { display:block; }
  #pagebottom { display:none; height:0px; }
  #footer { display:none; height:0px; }
}
