body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background: #fff url(../imgs/port_bkgd.png) repeat center top; 	text-align:center; }
#container { text-align: left; padding:10px; margin: 50px auto; position: relative; width: 660px; }
#banner { position: absolute; top:10px; left: 10px; background: #fff; width: 640px; padding: 10px; }
#head { border: 2px solid #000; width: 512px; float: left; text-align: right; }
#mainNav { border-top: 2px solid #000; border-right: 2px solid #000; border-bottom: 2px solid #000; float: left; width: 122px; }
#head h1 { border-bottom: 2px solid #000; font-size: 40px; padding: 40px 15px 8px 0px; color: #900; }
#head h3 { padding: 5px 15px 5px 0px; font-size: 18px; }
#mainNav ul { }
#mainNav li { font-size:18px; border-bottom: 2px solid #000; padding: 5px 5px 5px 10px; }
#mainNav li a { text-decoration: none; display: block; color: #111; }
#mainNav li a:hover {color:#900;}
#mainNav li.select { font-weight: bold; }
#mainNav li.last { border-bottom-style: none; border-bottom-width: 0px; background-color: #900; }
#mainNav li.last a { color: #fff; }

#cb { position: absolute; top:180px; left: 10px; padding: 10px; width: 640px; background:#fff; }
#cc {border: 2px solid #000; padding:10px 20px;  }
#cc p, #cc h2, #cc ul {}
#cc h2 { font-size: 28px; line-height: 36px; color: #900; padding-bottom: 18px; }
#cc h3 { font-size: 18px; line-height: 24px; padding-bottom: 0; border-bottom: 1px solid; margin: 24px 100px 14px 0; }
#cc h3.first { margin-top: 0; }
#cc p, ul, h4 { font-size: 14px; line-height: 18px; }
#cc h4 { margin-top: 7px; font-style: italic; font-weight: bold; }
#cc p {  padding-bottom: 18px; }
div.citations p { padding-left: 16px; text-indent: -16px; }
#cc ul { margin: 0 0 14px 16px; list-style: square; }
#cc ul ul { margin-bottom: 0px; list-style: none; margin-left: 4px;
}
#cc li { }
ul.leftCol { float: left; width: 280px; }
ul.rightCol { float: left; width: 280px; }
#cc a.right { position: absolute; top: 26px; right: 32px; }

#port { margin: 0; padding: 0; height: 85px; list-style: none; display: inline; overflow: hidden; }
#port li { margin: 0; padding: 0; list-style: none; display: inline; }
#port a { float: left; padding: 85px 0 0 0; margin-bottom:10px; width:303px; overflow: hidden; height: 0px !important; height /**/:85px; /* for IE5/Win only */ }
#port a:hover { background-position: 0 -85px; }

#pbmd a, #psyc a, #ptahap a, #phr a, #plogo a, #plms a, #pcostume a {margin-left:10px;}

#pmira a { background: url(../imgs/pmira.png) top left no-repeat; }
#pbmd a { background: url(../imgs/pbmd.png) top left no-repeat; }
#pod a { background: url(../imgs/pod.png) top left no-repeat; }
#psyc a { background: url(../imgs/psyc.png) top left no-repeat; }
#psb a { background: url(../imgs/psb.png) top left no-repeat; }
#ptahap a { background: url(../imgs/ptahap.png) top left no-repeat; }
#plaw a { background: url(../imgs/plaw.png) top left no-repeat; }
#phr a { background: url(../imgs/phr.png) top left no-repeat; }
#pvc a { background: url(../imgs/pvc.png) top left no-repeat; }
#plogo a { background: url(../imgs/plogo.png) top left no-repeat; }
#pread a { background: url(../imgs/pread.png) top left no-repeat; }
#plms a { background: url(../imgs/plms.png) top left no-repeat; }
#pideal a { background: url(../imgs/pideal.png) top left no-repeat; }
#pcostume a { background: url(../imgs/pcostume.png) top left no-repeat; }
#pvid a { background: url(../imgs/pvid.png) top left no-repeat; }

#portItem { width: 366px; margin:0 10px 10px 0; float: left;  }
#portItem img {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
#portInfo { width: 233px; padding-left: 10px; border-left: 1px solid #ccc; float:left; }
#portInfo dl { text-align: left; }
#portInfo dt { font-size: 18px; font-weight: bold; color: #900; padding-bottom: 18px; }
#portInfo dd { font-size: 14px; line-height: 18px; padding-bottom: 18px;  }
#portInfo dd a { color: #900; }