/** This uses the List Apart Holy Grail technique for 3 column layout q.v. to understand it **/
body
{
    margin : 0;
    padding : 0;
    background : white;
/*    color : #68689A; */
    color : #8d9a94;
    min-width : 500px;
}

#pagewrap
{
    margin : 0 auto;
}

#hdr
{
    width : 100%;
    overflow : hidden;
}

#school
{
    float : left;
    margin : 0.5em 0.5em 0.5em 1em;
    background : url(/images/scsnu.gif) no-repeat top center;
    width : 475px;
    height : 55px;
    vertical-align:middle;
    cursor : pointer;
}

#nclun
{
    float : right;
    background : url(/images/flion.jpg) top center no-repeat;
    width : 183px;
    height : 69px;
    margin : 0.5em;
    vertical-align : middle;
    cursor : pointer;
}

#navbar
{
    overflow : hidden;
    padding : 0.25em 1em 0.25em 1em;
    background : #e8d9bc /*#e4bc74*/;
    height : 1.5em;
    font : 11pt corbel,arial,Verdana,sans-serif;
    border-bottom: 1px solid #bd8660;
    color : #909;
}

#navbar a { text-decoration : none; color : #00447e }
#bread
{
    float : left;
    margin-left : 1em;
    padding-top : 0.25em;
}

#search
{
    display : none;
    visibility : hidden;
    float : right;
    margin-right : 1em;
    color : #8d9a94;
}

#search input { color : #559; vertical-align : middle; font : 80% corbel,arial,verdana,sans-serif; width : 15em }

#body
{
    text-align : left;
    overflow : hidden;
    width : 100%;
}

#index
{
    float : left;
    width : 240px;
    background : #fff;
    font-size : 82%;
    margin-left : -100%;
    color : #447
}

#indinner
{
    background : #fcfcfb /*#fdfdf5*/;
    border : 1px solid #bd8660;
    margin : 10px 20px 0px 18px;
    -moz-box-shadow : #ddd 2px 2px 2px 2px;
    -webkit-box-shadow : #ddd 2px 2px 2px 2px;
    box-shadow : #ddd 2px 2px 2px 2px;
}

ul.cont { font : 100% corbel,arial,verdana,sans-serif; list-style : none }
ul.cont li { font-weight : bold; list-style-image : url(/images/box.gif) }
ul.cont ul li { margin-left : -2em }
ul li.exp { font-weight : bold; list-style-image : url(/images/plus.gif) }
ul li.cls { font-weight : bold; list-style-image : url(/images/minus.gif) }
ul li.ext { font-weight : bold; list-style-image : url(/images/extl3.gif) }

.libox { cursor : pointer }
.libox:hover { background : #eee }

ul.cont a { text-decoration : none; color : #818181 }
#mainwrap
{
    float : left;
    width : 100%
}

#main
{
    font : 12pt corbel,arial,verdana,sans-serif;
    color : #447;
    border :1px solid #bd8660;
    background-color : #fcfcfb /*#fdfdf5*/;
    min-height : 450px;
    overflow : auto;
    margin : 10px 10px 10px 240px;
    padding : 1em;
    -moz-box-shadow : #ddd 2px 2px 2px 2px;
    -webkit-box-shadow : #ddd 2px 2px 2px 2px;
    box-shadow : #ddd 2px 2px 2px 2px;
    -moz-border-radius : 6px;
    -webkit-border-radius : 6px;
    border-radius : 6px;
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, .headline
{
    font-family : Cambria,Bookman,Garamond,Georgia,serif;
    color : #644 
}
#main h1 { font-size : 18pt }
#main h2 { font-size : 16pt }

#main h3 { font-size : 18pt }
#main h4 { font-size : 16pt }
#main h5 { font-size : 15pt }
#trail
{
    width : 10em;
    margin-right : -10.5em;
    background : white;
    display : none; /* inline */
    font-size : 80%;
}

#foot
{
    clear : both;
    position : relative;
    width : 100%;
    margin-top : 10px;
    padding-top : 0.5em;
    text-align : center;
    font : italic 80% sans-serif;
    overflow : hidden;
    border-top: 3px double #bd8660;
}

#owner
{
    position : absolute;
    left :1em;
    bottom : 1.5em;
}
#report
{
    position : absolute;
    right :1em;
    bottom : 1.5em;
}

#owner input, #report input
{
    background-color : #e4bc74;
    color : #68689A;
    font-style : normal;
}

#cmap { float : right; margin-left : 1em; border : 1px solid #bd8660}
.hidden { display : none }
input:focus, textarea:focus { background-color : #f0f0f0 }
input[type="button"], input[type="submit"]
{
    background-color : #e4bc74 ;
    font : 90% bold corbel,arial,Verdana, sans-serif;
    color : black
}
.cent { text-align : center }

fieldset { border : 2px solid #e4bc74 }

legend { font : 110% bold corbel,arial, Verdana, sans-serif }
label { font : 90% normal corbel,arial, Verdana, sans-serif }

#content { float : left; width : 70%; min-height : 35em}

#content textarea { width : 95% }

#other
{
    float : right;
    width : 20%;
    min-height : 35em;
    overflow : auto;
}

#files, #mdct, #cdiv, #cssdiv, #mened
{
    clear : both;
    margin : 1em 10%;
    position : relative
}

#ectl
{
    float : right;
    width :20%
}

#meta, #pmeta
{
    float : left;
    width : 70%;
    text-align : center
}
#pmeta label { clear: both; float : left; width : 8em; text-align : right; margin : 0.25em 2em 0.5em 0 }
#pmeta input { float : left; margin : 0.25em 0 }
#mened { width : 90%; margin : 0 auto; }
#mconf { text-align : left; }
#mconf input[type="submit"] { margin-left : 10em; margin-top : 1em }
.menit { margin-left : 10em; margin-bottom : 1em}
.menit div { margin : 0 0 0 4em }
#conf
{
    float : left;
    width : 45%
}
.newsitem {}
.headline { font-size: 120%}
.story {}
#newf
{
    float : right;
    width : 45%
}
th {    font-family : corbel,arial,Verdana, sans-serif }

.stafflist { width : 80%; margin : 0 auto }
tr.even {}
tr.odd { background : #ddf}
.maptab td { vertical-align : top }
.perimg { float : left; margin-left : 4em}
.perimg img { border : 0 }
.perloc { float : left; margin-left : 4em }
.maptab th, .perloc th, .othset table th {
    font-family : corbel,arial,verdana, sans-serif;
    font-weight : bold;
    vertical-align : top;
    padding-right : 1em;
}

.clearb { clear : both }

#map { margin : auto }
.perloc th, .othset table th { text-align : right }
.perinfo { clear : both; padding : 1em 4em; }
.othset { text-align : center }
.othset table { text-align : center; font-size : 80%; margin : 0 auto }

.rpic { float : right; padding : 0.5em; border : 0}
.lpic { float : left ; padding : 0.5em; border : 0}
.hilite { font-style : italic  }

dt { padding : 0; margin-top : 1em; font-weight : bold }
dd { padding : 0; margin-top : 0.5em }

div.markerTooltip, div.markerDetail {
          color: black;
          font-weight: bold;
          background-color: white;
          white-space: nowrap;
          margin: 0;
          padding: 2px 4px;
          border: 1px solid black;
       }
dl.evd dt { font-weight : normal}

fieldset label { width : 10em; float : left}

.absbtn, .rhs  { float : right }

.pubnotes, .pubabstract { }

.ui-shadow-color { background : #333 }

.evtoday { font-size : 125%; border : thin solid blue; padding : 0.5em; background : #eee}

#limg { width : 100%; text-align : center; background :/* #e4bc74 */ #fff;
border-bottom : 1px  solid #bd8660; margin : 0; padding : 0 }
/* publications formats - move into separate file later
 *
 * book : book or a chapter in a book
 * ntr : Newcastle Technical Report
 */
.title, .papertitle, .conftitle, .book .seriestitle, .chaptertitle, .conference, .thesisauthor { font-weight : bold}
.author, .editor, .serieseditor, .chapterauthor, .thesistitle { font-style : italic }
.techreport .number { font-weight : bold }
h4 { clear : both }
.publ { clear : both }
.publ p, .publ .rhs { position : relative }
.publ .rhs { width : 7%; margin-top : 2em }
.publ p { width : 92% }

.book, .article, .techreport, .inproc, .proceedings, .thesis, .nntechreport, .patent { float : left }