body {background: #136 url(../images/bg-body.gif) repeat-x;}
#wrap {width: 960px; margin: 10px auto 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {position: relative;}
#header p#utility {color: #025; margin: 0 0 10px 0; font-size: 1.1em; text-align: right;}
#header p#utility a {color: #fff; font-weight: bold; padding: 0 0 0 10px;}
#header p#utility a:hover {color: #bde;}
#header h1 {background: #fff url(../images/bg-header.png) no-repeat; width: 960px; height: 82px; padding: 0 0 20px 0; position: relative;}
#header h1 a {width: 500px; height: 82px; display: block; top: 0px; left: 0px; position: absolute;}
#header ul#headerNav {background: url(../images/bg-headerNav.gif) no-repeat 0 100%; padding: 0 0 0 33px;}
#header ul#headerNav:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#header ul#headerNav li {list-style: none; display: block; float: left;}
#header ul#headerNav li.selected {background: url(../images/headerNav-left.gif) no-repeat;}
#header ul#headerNav li a {color: #aaa; padding: 7px 18px 8px 18px; font-weight: bold; font-size: 1.8em; display: block; text-decoration: none;}
#header ul#headerNav li a:hover {color: #666; text-decoration: none;}
#header ul#headerNav li.selected a {background: url(../images/headerNav-right.gif) no-repeat 100% 0; color: #69c;}

/**************************************************content area********************************************/
#content {background: #fff; border: 1px solid #fff; position: relative;}

/**************************************************center column*******************************************/
#main {background: #fff; min-height: 350px; margin: 50px 90px;}
#main h2 {color: #750; margin: 0 0 5px 0; font-weight: normal; font-size: 1.8em; text-transform: uppercase;}
.visitorprofile #main h2 {margin: 0 0 50px 0;}
#main h3 {color: #999; margin: 0 0 60px 0; font-weight: normal; font-size: 1.2em; text-transform: uppercase;}
#main h3#select-fund {background: url(../images/right-arrow.gif) no-repeat; padding: 0 0 0 15px; top: 60px; left: 32em; margin: 0;} 
#main p {margin: 0 0 20px 0; font-size: 1.2em;}
#main p {color: #555;}
#main ul {}
#main ul li {color: #999; margin: 0 0 20px 0; font-size: 1.2em; list-style: none;}
#main ul li a {font-weight: bold; font-size: 1.2em;}
#main ul li a:hover {}
#main table {width: 780px; margin: 0 0 20px 0; display: table; border-collapse: collapse;}
#main table thead {display: table-header-group;}
#main table thead tr {display: table-row;}
#main table thead tr th {background: #fff; color: #333; display: table-cell; padding: 5px 10px; text-align: left; font-size: 1.8em; vertical-align: bottom;}
#main table thead tr th.col1 {color: #999; font-size: 1.2em; text-transform: uppercase;}
#main table tbody {display: table-row-group;}
#main table tbody tr {display: table-row;}
#main table tbody tr.odd {background: #fff;}
#main table tbody tr.even {background: #eee;}
#main table tbody tr td {color: #666; display: table-cell; padding: 5px 0; font-size: 1.2em; vertical-align: middle;}
#main table tbody tr td.colA {width: 250px;}
#main table tbody tr td.colB {width: 200px;}
#main table tbody tr td a {font-size: .9em; font-weight: bold;}
#main ul#fundNav {margin: 0 0 50px 0; position: relative; z-index: 999;}
#main ul#fundNav:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main ul#fundNav li {background-image: url(../images/fundNav-bottom-left.gif); background-repeat: no-repeat; background-position: 0 100%; margin: 0; font-size: 1em; display: block; float: left;}
#main ul#fundNav li:hover,#main ul#fundNav li.iehover {background-position: -900px 100%;}
#main ul#fundNav li a {background: url(../images/fundNav-top-left.gif) no-repeat; color: #750; font-size: 1.4em; text-decoration: none; display: block; float: left;}
#main ul#fundNav li a strong {background: url(../images/fundNav-bottom-right.gif) no-repeat 100% 100%; display: block; float: left;}
#main ul#fundNav li:hover a strong,#main ul#fundNav li.iehover a strong {background: url(../images/fundNav-bottom-right02.gif) no-repeat 100% 100%;}
#main ul#fundNav li a strong em {background: url(../images/fundNav-top-right.gif) no-repeat 100% 0; width: 14.3em; padding: .5em 2.5em .3em 2.5em; font-style: normal; display: block; float: left;}
#main ul#fundNav li a:hover {text-decoration: none;}
/*1st level dropdown*/
#main ul#fundNav li div {background: #eee url(../images/fundNav-ul-left.gif) no-repeat 0 100%; width: 27em; margin: 2.95em 0 0 0; left: -9999px; position: absolute; z-index: 99;}
#main ul#fundNav li ul {background: url(../images/fundNav-ul-right.gif) no-repeat 100% 100%; padding: 6px 0;}
#main ul#fundNav li ul li,#main ul#fundNav li ul li {background: none; display: inline; float: none;}
#main ul#fundNav li ul li a {background: #eee; background-image: none; color: #69c; margin: 0 1px; padding: 5px 12px; font-size: 1.2em; float: none;}
#main ul#fundNav li ul li a:hover {color: #358;}
#main ul#fundNav li:hover div, #main ul#fundNav li.iehover div {left: 0;}
a.grunt-file-pdf {background: url(http://www.pnmg.com/app/images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-doc {background: url(http://www.pnmg.com/app/images/icon-msword.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-ppt {background: url(http://www.pnmg.com/app/images/icon-mspowerpoint.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-xls {background: url(http://www.pnmg.com/app/images/icon-msexcel.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-txt {background: url(http://www.pnmg.com/app/images/icon-text.gif) no-repeat; padding: 0 0 10px 23px;}
/*form elements*/
#main form label {background: url(../images/left-arrow.gif) no-repeat 7px 3px; color: #999; width: 200px; margin: 3px 0 10px 0; padding: 0 0 0 25px; font-size: 1.2em; float: left; display: block;}
#main form input {color: #666; width: 400px; margin: 0 0 10px 0; padding: 3px; font-size: 1.2em; border: 1px solid #999;}
#main form input#txtFirstName {width: 182px; margin: 0 2px 10px 0;}
#main form input#txtLastName {width: 190px;}
#main form input#txtZip {width: 190px;}
#main form select {color: #666; margin: 0 0 10px 0; padding: 2px; font-size: 1.2em; border: 1px solid #999;}
#main form select#slctState {width: 190px; margin: 0 2px 10px 0;}
#main form hr {margin: 0 0 10px 0; clear: both; display: block; border: 1px solid #f3e7cd; border-bottom: 0;}
#main form input#btnSaveChanges {width: auto; margin: 0 0 0 225px; padding: 0; border: none;}
#main form input#btnNext {width: auto; margin: 0 0 0 225px; padding: 0; border: none;}
#main form input#btnEdit {width: auto; margin: 0 0 0 225px; padding: 0; border: none;}
#main form input#btnSubmit {width: auto; margin: 0 0 0 225px; padding: 0; border: none;}
#main form p.required {color: #999; font-size: .9em; font-style: italic;}
#main #errorMessage {background: #9be; color: #fff; font-weight: bold; padding: 5px; margin: 0 0 20px 0; text-align: center; font-size: 1.2em;}
#main ul.formVerify {margin: 0 0 20px 0; position: relative;}
#main ul.formVerify li {margin: 0 0 5px 0; list-style: none; display: block; clear: both; border-bottom: 1px dotted #666;}
#main ul.formVerify li:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main ul.formVerify li strong {background: #fff; margin: 0; top: .6em; font-weight: normal; float: left; display: block; position: relative;}
#main ul.formVerify li em {background: #fff; margin: 0; top: .6em; float: right; display: block; position: relative;}
#main ul.formVerify li.textbox {margin: 15px 0 0 0; border: none;}
#main ul.formVerify li.textbox strong {float: none;}
#main ul.formVerify li.textbox em {float: none; overflow: auto;}
#messages p {background: #eeeebb; border-style:solid; border-color:#A7A783; border-width: 1px; text-align:center; vertical-align:middle; font-size:16px;}
/*end form elements*/

/**************************************************footer**************************************************/
#footer {background: url(../images/bg-footer.gif) no-repeat 0 100%; position: relative; font-size: 1em;}
#footer:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#footer p#contact {padding: 10px 0 13px 15px; float: left;}
#footer p#contact a {color: #751; font-weight: bold;}
#footer p#contact a:hover {color: #960;}
#footer p#copyright {color: #751; padding: 10px 15px 13px 0; float: right;}