body { color: #333333; font-family: Georgia, Times New Roman, Times, serif; font-size: 1em; }
body.extra { margin: 0em; }

a { border-bottom: 1px dotted #0390C9; color: #0390C9; padding: 1px; padding-bottom: 0em; text-decoration: none; }
a:hover { background: #0390C9; color: #FFFFFF; border: 0em; }

span.href { border-bottom: 1px dotted #0390C9; color: #0390C9; cursor: pointer; display: inline; padding: 1px; padding-bottom: 0em; text-decoration: none; }
span.href:hover { background: #0390C9; color: #FFFFFF; border: 0em; }

ul { list-style-type: square; }
li { padding-bottom: 0.125em; padding-left: 2em; text-indent:-2em; }

li.list { color: #999990; padding-bottom: 0.25em; }
li.list div.title { display: inline; font-size: 0.9em; }
li.list div.author { font-size: 75%; font-style: italic; text-indent: -1em; }
li.list div.summary { background: #F0F0F0; border: 1px solid #999999; color: #666666; font-size: 75%; margin: 0.5em; margin-left: -1em; padding: 0.5em; padding-left: 1em; padding-right: 1em; text-indent: 0em; width: 40em; }
li.list div.issue { font-size: 65%; letter-spacing: 0.1em; padding-bottom: .3em; padding-left: 2em; text-transform: uppercase; }
li.list a { border: 0em; color: #003333; text-decoration: none; }
li.list a:hover { background: #0390C9; color: #FFFFFF; }

div#body { width: 40em; }

div#header { left: -2.5em; position: relative; top: 3em; }
div#header div#left { font-size: 225%; }
div#header div#left span#title { background-image: url(images/title-bkg.gif); background-repeat: repeat-x; position: relative; }
div#header div#left span#title_layer_a { position: relative; top: -0.5em; }
div#header div#left span#title_layer_white { border-bottom: 0.25em solid #0390C9; color: #FFFFFF; line-height: 0em; position: relative; top: -0.25em; }
div#header div#left span#title_layer_b { cursor: pointer; position: absolute; top: -0.5em; left: 0px; }
div#header div#left span#subtitle { position: absolute; top: 1.25em; left: 15em; font-size: 45%; }
div#header div#right { cursor: pointer; position: absolute; right: -3em; top: -3em; }

div#main { margin-left: .65em; padding: 1.25em; padding-top: 0em; position: relative; text-align: left; top: 5.65em; width: 37.5em; }

div#footer { padding: .65em; padding-bottom: 2em; position: relative; top: 6.5em; width: 100%; }
div#footer a { border: 0em; color: #000000; }
div#footer a:hover { background: transparent; }
div#footer div#sponsors { border: 1px dotted #999999; border-left: 0em; border-right: 0px; color: #999999; font-size: 0.75em; letter-spacing: 0.5em; margin-top: 1em; padding: 0.25em; text-align: center; text-transform: uppercase; }
div#footer div#unc_sph { font-family: Arial, Helvetica, Sans; float: left; font-size: 70%; text-transform: uppercase; width: 50%; }
div#footer div#ibiblio { font-style: italic; padding-top: 1.25em; }

div.article { margin-top: 0em; }
div.article div.head { padding-bottom: 1em; }
div.article div.title { font-size: 160%; }
div.article div.author { font-style: italic; letter-spacing: 0.04em; padding-top: 0.125em; }
div.article div.issue { font-size: 65%; letter-spacing: 0.1em; padding-bottom: .25em; text-transform: uppercase; }
div.article div.url { font-size: 100%; font-style: italic; letter-spacing: 0.05em; padding-bottom: 0.25em; padding-top: 0.125em; text-transform: lowercase; }
div.article div.url a { border: 0em; color: inherit; }
div.article div.url a:hover { color: #FFFFFF; }
div.article div.attribution { color: #B1B1B1; font-size: 75%; padding: 1em; padding-top: 0em; }

div.spectitle { color: #999999; font-size: 175%; letter-spacing: 0.1em; text-transform: uppercase; }

div.contact { font-size: 90%; margin-bottom: 1em; }
div.contact div.title { color: #999999; font-size: 110%; letter-spacing: 0.15em; margin-left: -1em; padding-bottom: 0.25em; text-transform: uppercase; }
div.contact li.browse { letter-spacing: 0.15em; padding-left: 10%; text-transform: uppercase; }
div.contact li a { color: #333333; border: 0em; }
div.contact li a:hover { color: #FFFFFF; }

div#history { line-height: 1.35em; margin-left: 0em; padding-right: 2.25em; padding-top: 0.75em;}
div#intro { line-height: 1.35em; margin-left: -1em; padding-right: 2.25em; padding-top: 0.5em; padding-bottom: 0.5em; }
div.contact#search,#browse { margin-left: -1em; }

div.article div.article { line-height: 1.35em; }

div.article div.related { background: #0390C9; border: 1px solid #E1E1E1; color: #FFFFFF; cursor: pointer; float: right; font-size: 75%; letter-spacing: 0.1em; margin: 8px; margin-top: 1.25em; padding: 3px; text-transform: uppercase; }
div.article div.related:hover { background: #E1E1E1; border: 2px solid #0390C9; color: #0390C9; padding: 2px; }

div.article_list { padding-bottom: 0.75em; }
div.article_list li { list-style-type: none; padding-left: 4em; padding-top: 0.25em; }
div.article_list li a { border: 0em; color: #333333; }
div.issue_list li { list-style-type: none; padding-top: 0.25em; }

div.large_title { color: #CCCCCC; font-size: 175%; letter-spacing: 0.125em; margin: 0.4em; margin-left: -0.4em; margin-top: 0em; padding-bottom: 0.5em; text-transform: uppercase; }
div.large_subtitle { color: #CCCCCC; display: inline; font-size: 67%; letter-spacing: 0.1em; text-transform: uppercase; }

div.article_box { background: #F0F0F0; border: 2px solid #E1E1E1; cursor: pointer; font-size: 95%; left: 1.5em; padding: 0.75em; position: absolute; width: 25em; z-index: 2; }

span.divider { letter-spacing: -0.1em; padding-left: 0.125em; padding-right: 0.125em; }

div.searchbox { background: #F0F0F0; border: 1px solid #0390C9; color: #0390C9; margin: 0.5em; margin-top: 0.125em; padding: 0.5em; text-align: right; width: 36em;; }
div.searchbox div.row { border-bottom: 1px solid #E1E1E1; margin-top: 0.125em; margin-bottom: 0.25em; padding-bottom: 0.125em; white-space: nowrap; }
div.searchbox div.row div.rowtitle { float: left; letter-spacing: 0.05em; padding-top: 1px; text-transform: uppercase; }
div.searchbox input { background; #E1E1E1; border: 1px solid #0390C9; color: #333333; padding-left: 0.25em; padding-right: 0.25em; text-transform: none; width: 80%; }
div.searchbox div.checkboxes { font-size: 90%; }
div.searchbox div.checkboxes input { margin-top: 0.1em; }
div.searchbox input.checkbox { border: 0px; width: 0.75em; margin-left: 1.5em; }
div.searchbox select { background; #E1E1E1; border: 1px solid #0390C9; color: #333333; font-size: 75%; text-transform: uppercase; }
div.searchbox li { color: #0390C9; letter-spacing: 0.1em; text-transform: uppercase; }
div.searchbox li a { border: 0em; color: #0390C9; }

div.searchsubmit { text-align: right; width: 36em; }
input.submit { background: #0390C9; border: 1px solid #FFFFFF; color: #FFFFFF; cursor: pointer; letter-spacing: 0.2em; padding: 1px; padding-left: 3px; text-transform: uppercase; }
input.submit:hover { background: #FFFFFF; border: 2px solid #0390C9; color: #0390C9; padding: 0px; padding-left: 3px; }

div.extra_subtitle { color: #999999; font-size: 100%; letter-spacing: 0.25em; text-transform: uppercase; }
div.extra_title { color: #666666; font-size: 125%; padding-top: 0.2em; }
div.extra_head { position: fixed; z-index: 1; background: #F0F0F0; border-bottom: 1px solid #CCCCCC; padding: 0.25em; padding-left: 0.5em; padding-right: 0.5em; }
div.extra_body { position: absolute; top: 3.75em; height: 80%; padding: 0.75em; }
div.extra_button  { background: #0390C9; border: 1px solid #FFFFFF; color: #FFFFFF; cursor: pointer; float: right; font-size: 75%; letter-spacing: 0.1em; padding: 1px; padding-left: 2px; text-transform: uppercase; }
div.extra_button:hover { background: #FFFFFF; border: 2px solid #0390C9; color: #0390C9; padding: 0px; padding-left: 1px; }