html, body{
    padding:0;
    margin:0;
    font-family: Verdana, Arial, Helvetica, sans-serif;}

div.preview{
    font-size:80%;
    margin:20px;}

a{
    color : #0033ff;
    background-color: inherit;}

a[name]{
    color: #333399;
    background-color: inherit;}

pre{
    font-family: "nonexistent font", monospace;}

tt{
    font-family: "nonexistent font", monospace;}

/* see http://virtuelvis.com/archives/2005/02/monospace-firefox-braindeath */

#TabsMenu{
    padding-top:4px;
    padding-left:5px;
    border: solid 1px #38628B;
    background-color: #FFFFCC;
    padding-left:162px !important;}

h2{
    font-size: 100%;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 8px;
    padding-bottom: 0px;
    color: #39628B;
    background-color: inherit;}

h2 a:link{
    text-decoration: none;
    font-weight: bold;
    color: #333366;
    background-color: inherit;}

h2 a:hover{
    text-decoration: underline;
    font-weight: bold;
    color:#993333;
    background-color: #FFFFFF;}

h2 a:active{
    text-decoration: none;
    font-weight: bold;
    color: #993333;
    background-color: #FFFFFF;}

td.content h2 a:visited{
    font-weight: bold;}

h3{
    font-size: 100%;
    font-weight: bold;
    color: #000000;
    background-color: inherit;
    padding-right: 10px}

/* HEADER */

.role{
    font-size: 100%;
    font-weight: bold;
    background-repeat:no-repeat;
    background-position: 227px;}

.title{
    float:right;
    font-weight:bold;
    margin-top: 10px;
    clear: left;
    font-size: 80%;
    padding-right: 20px;}

.nav_bar{
    background-image: url(/u/UG/Images/breadcrumb_blend_yellow.gif);
    background-repeat: repeat;
    width: 100%;
    float: left;
    padding:0 0 3px 0;
    margin:0;}

.breadcrumb{
    font-size:65%;
    padding: 8px 5px 0 5px;
    float: left;
    width: auto;}

.breadcrumb a{
    display: inline;}

.breadcrumb, .breadcrumb a, .global a, .search
    {color: #993333;
    background-color: inherit;}

.global{
    font-weight: bold;
    float: right;
    font-size: 65%;}

.global div{
    float: left;
    padding: 8px 5px 5px 5px;}

.global div form{
    float: left;}

.global div input{
    float: left;}

.global a{
    text-decoration: none;
    text-align: center;}

.global a:link, a:active{
    text-decoration: none;}

.global a:hover{
    text-decoration: underline;}

input.search{
    font-size:90%;
    font-weight: bold;}

.search{
    font-size: 65%;
    font-weight: bold;}

.qlinks{
    font-size: 11px;
    margin-top: 5px;}

.lmspcr{
    clear:both;
    margin:0;
    padding:0;
    height: 1px;
    line-height:1px;
    color: #FFFFFF;
    background-color:#CCCC66}

.clrspcr{
    clear:both;
    margin:0;
    padding:0;
    height: 5px;
    line-height:3px;
    float: left;}

/* Subheaders */

div.subheader{
    padding: 0px;
    margin-top: 0px;}

.subheader div{
    float: left;
    position: relative;}

td.content div.subheader h2{
    vertical-align: middle;
    text-align: left;
    font-size: 85%;
    padding: 3px 26px 3px 6px;
    margin:0;
    width: auto;}

td.content div.subheader h2{
    color: #FFFFFF;
    background-color: transparent;}

.content div.subheader a{
    color: #FFFFFF;
    background-color: transparent;}

.subline{
    clear:both;
    height:1px;
    line-height:1px;
    width:100%;}

.subspcr{
    clear:both;
    display: block;}

#content>div.subspcr{
    height:1px;}

.superspcr{
    clear:both;
    display:block;
    padding:0;}

#content>div.superspcr{
    margin:0;
    padding:0;
    height:10px;}

.wt{
    background-image:url(/u/UG/Images/wt.gif);
    background-position:top right;
    background-repeat:no-repeat;}

/* Back to Top */

.bt{
    float: right;}

td.content div.bt a{
    color: #8B951B;
    font-size: x-small;
    text-decoration: none;
    padding: 3px 0 0 0;
    background-color:#FFFFFF;}

td.content div.bt a:hover{
    text-decoration: underline;}

/* the "tt" class is used for the timetables on unit of study web pages */

h1.top{margin-top: 0px;
    margin-bottom: 5px;}

h1 a:link.tt{
    text-decoration: none;
    color: #993333;
    background-color: inherit;}

h1 a:link:hover.tt{
    text-decoration: underline;
    color:#336699;
    background-color: inherit;}

h1 a:active.tt{
    text-decoration: none;
    color: #993333;
    background-color: inherit;}

h1 a.tt{
    text-decoration: none;
    color: #993333;
    background-color: inherit;}

table.tt td{
    background-color: #EEEEFF;
    color: #000000;}

/* The part of the page below the tabs is a table. The menu on the left is a cell of this
   table, of class "nav". The main text is another cell, of class "content". If there
   are boxes on the right-hand side, they are in another cell, of class "relatedlink". */

td.content{
    font-size:80%;}

.content table{
    font-size:100%;}

td.content h1{
    padding:5px 0 0 0;
    margin: 0;}

td.content a:visited{
    color : #990099;
    background-color: inherit;}

td.content a:link:hover{
    text-decoration: underline;
    color:#993333;
    background-color: inherit;}

td.content a:link{
    text-decoration: none;
    color:#0000cc;
    background-color: inherit;}

td.content h2 a:link{
    text-decoration: none;
    color:#333399;
    background-color: inherit;}

td.content a:visited{
    text-decoration: none;
    font-weight:normal;
    color: #990099;}

td.content a:visited:hover{
    text-decoration: underline;
    color:#993333;
    background-color: inherit;}

td.content h2.box {font-size: 90%;
    font-weight: bold;
    color: #336699;
    background-color: #FAF8EC;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
    padding-left: 5px;
    background-image: url(/u/UG/Images/lion_banner3.gif);
    background-position: right center;
    background-repeat: repeat-y;
    border-top: solid 1px #CCCC66;
    border-bottom: solid 1px #CCCC66;
    border-right: solid 1px #CCCC66;
    border-left: solid 2px #CCCC66;
    width: 98%
    }

/* FOOTER*/

div.footer{
    font-size: 11px;
    color: #999933;
    border-top: solid #999933 1px;
    background-color: #FFFFFF;
    text-decoration: none;
    padding-top: 10px;
    width: auto;}

.footer a:visited{
    color: #990099;
    background-color: inherit;}

.footer a:hover{
    color: #336699;
    background-color: inherit;}

.footer a{
    text-decoration: none;
    color: #336699;
    background-color: inherit;}

.footer a:link{
    text-decoration: none;
    color: #336699;
    background-color: inherit;}

.footer a:active{
    text-decoration: none;
    color: #336699;
    background-color: inherit;}

.footer a:hover{
    text-decoration: underline;}

td.nav{
    background-color : #006699;
    color: white;}

a.nav{
    font-size: 90%;
    text-decoration: none;
    color: #FFFFFF;
    background-color: inherit;}

span.tabcontent a.nav{
    font-size: 100%;}

a:link.nav{
    font-size: 90%;
    text-decoration: none;
    color: #FFFFFF;
    background-color: inherit;}

a:hover.nav{
    font-size: 90%;
    text-decoration: underline;
    color:#FFFFFF;
    background-color: inherit;}

a:active.nav{
    font-size: 90%;
    text-decoration: none;
    color: #FFFFFF;
    background-color: inherit;}

td.relatedlink p, td.relatedlink div, td.relatedlink ol, td.relatedlink table tr td{
    font-size: 80%;
    color: #000000;
    background-color: inherit;}

a.relatedlink{
    color: #0033CC;
    background-color: inherit;}

td.relatedlink a:visited{
    color: #990099;
    background-color: inherit;}

table.feature{
    background-color: #CCCC66;
    color: inherit;}

.headerright{
    font-size: 80%;
    font-weight: bold;
    color:  #993333;
    background-color: inherit;}

td.content th{
    font-size: 90%;
    font-weight: bold;
    color: #38628A;
    background-color: #ffffdd;
    border: solid 1px #38628B;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px}

td.content th a.tha{
    text-decoration: none;
    color: #38628A;
    border: none;
    background-color : #ffffdd;}

td.content th a:hover.tha{
    text-decoration: underline;
    color: #38628A;
    background-color : #ffffdd;}

td.content th a:visited.tha{
    font-weight: bold;
    color: #38628A;
    background-color : #ffffdd;}

.content td font a:link{color: #993333;
    background-color: inherit;}

.content td font a:link:hover{color: #993333;
    background-color: inherit;}

.content td font a:visited{color: #990099;
    background-color: inherit;}

.content td font a:visited:hover{color: #990099;
    background-color: inherit;}

td img.decor {display: block;}

ul.lfp{margin: 5px 0px 0px 30px;
    padding: 0px}

.plain{width: 100%;
    margin: 0px;
    padding: 0px}

#content .padtop{padding: 5px 0px 0px 0px;
    margin: 0px}

.padbottom{padding: 0px 0px 5px 0px;
    margin: 0px}

.padleft{padding: 0px 0px 0px 5px;
    margin: 0px}

.padright{padding: 0px 5px 0px 0px;
    margin: 0px}

table.WhatsNew{margin: 10px 0px 5px 0px;
    font-size: 90%}

div.xxx{text-align: center;
    padding: 15px 0px 0px 0px;
    margin: 10px 0px 10px 0px;
    color: inherit;
    background-color: #CCCCFF;
    border: solid 1px #333366;}

.content a:link.xxx{color:#3333cc;
    background-color: #CCCCFF;
    font-weight: bold;}

.content a:link:hover.xxx{color:#993333;
    background-color: #CCCCFF;}

#content a:visited.xxx{
    color: #990099;
    font-weight: bold;
    background-color: #CCCCFF;}

.content a:visited:hover.xxx{
    color:#993333;
    background-color: #CCCCFF;}

ul.navmenu{margin-left:0;
    border-top: 0;
    border-bottom: solid 2px #006699;
    line-height: 1.15;
    margin-top:0;
    margin-bottom:0;
    margin-right:0px;
    padding-top: 2px;
    padding-left: 0;
    padding-right: 1px;
    width: 160px;
    }

li.navmenu{
    background-image: url(/u/UG/Images/right_arrow_new.gif);
    background-position: 3px 1ex;
    background-repeat: no-repeat;
    background-color : #006699;
    color: #FFFFFF;
    border-bottom: 0;
    border-top: 0;
    padding-top: 0.9ex;
    padding-bottom: 0.9ex;
    padding-left: 19px;
    padding-right: 0;
    margin: 0;
    font-size:90%;
    }
li:hover.navmenu{
    color: #FFFFFF;
    background-color : #6895C1;
}
li:hover.navselected{
    color: #FFFFFF;
    background-color : #6895C1;
}
li:hover.navselectedsub{
    color: #FFFFFF;
    background-color : #6895C1;
}
li.navselected{
    background-image: url(/u/UG/Images/right_arrow_new.gif);
    background-position: 3px 1ex;
    background-repeat: no-repeat;
    border-bottom: 0;
    border-top: 0;
    background-color : #6895C1;
    color: #FFFFFF;
    padding-top: 0.9ex;
    padding-bottom: 0.9ex;
    padding-left: 0px;
    margin: 0;
    font-size : 90%;
    }
li.navselectedsub{
    background-image: url(/u/UG/Images/right_arrow_new.gif);
    background-position: 3px 1ex;
    background-repeat: no-repeat;
    border-bottom: 0;
    background-color : #6895C1;
    color: #FFFFFF;
    border-top: 0;
    padding-top: 0.9ex;
    padding-bottom: 0.9ex;
    padding-left: 0px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size : 90%;
    }

ul.navsubmenu{
    list-style: none;
    list-style-image: none;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    }

li.navsubmenu{
    list-style: none;
    background-image: url(/u/UG/Images/newbullet.gif);
    list-style-image: none;
    background-position: 2px 0.3ex;
    background-repeat: no-repeat;
    background-color : inherit;
    color: inherit;
    border-top: none;
    border-bottom: none;
    padding-top: 0px;
    padding-bottom: 1px;
    font-size:90%;
    padding-left: 10px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    }

ul.navselsubmenu{
    list-style: none;
    list-style-image: none;
    padding-bottom: 0.9ex;
    padding-top: 0;
    padding-left: 0px;
    background-color: #6895C1;
    color: #FFFFFF;
    font-weight: normal;
    margin-top: 3px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -1ex;
    }

ul:hover.navselsubmenu{
    background-color: #6895C1;
    color: #FFFFFF;
    }

ul.navselsubmenu li:hover.navsubmenu{
    background-color: #6895C1;
    color: #FFFFFF;
    }
ul.navselsubmenu li.navsubmenu{
    list-style: none;
    background-image: url(/u/UG/Images/newbullet.gif);
    list-style-image: none;
    background-position: 20px 0.3ex;
    background-repeat: no-repeat;
    background-color : #6895C1;
    color : #FFFFFF;
    border-bottom: none;
    border-top: none;
    padding-top: 0px;
    padding-bottom: 1px;
    font-weight: normal;
    font-size:90%;
    padding-left: 27px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    }

span.nav{
    font-size: 90%;
    color: #CCCCCC;
    background-color: inherit;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;}

li.navselected .navsubmenu{
    font-weight: normal;}

div.navselected{
    font-size: 90%;
    color: #CCCCCC;
    background-color: inherit;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    margin-left: 19px;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    }

span.navselected{
    font-size: 90%;
    color: #CCCCCC;
    background-color: inherit;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    margin-left: 19px;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    }

.navselected div.selspacing{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 19px;}

.navselectedsub div.selspacing{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 19px;}

li.navselected a.nav{
    margin-left: 19px;}

li.navselected a.nav{
    margin-left: 19px;}

li.navselectedsub a.nav{
    margin-left: 19px;}

li.navselectedsub div.selspacing a.nav{
    margin-left: 0px;}

li.navsubmenu a.nav{
    margin-left: 0;}

.navselected .navselsubmenu a.nav{
    padding-left: 0;}

.navselectedsub .navselsubmenu a.nav{
    padding-left: 0;}

table.nav td.nav{
    color: inherit;
    background-color: #6895C1;}

table.nav {
    color: inherit;
    background-color: #6895C1;}

ul.people{
    list-style-type: none;
    list-style-position: outside;
    margin-bottom: 13px;
    margin-top: 0px;
    padding-right: 0px;}

div.people{
    padding-bottom: 0px;
    margin-bottom: 0px;}

td.people{
    padding-right: 10px; width: 270px;}

.HighLight2{
    color: inherit;
    background-color: #F9F6E7;
/*    background-image: url(/u/UG/Images/bg_repeat.gif); */
/*    background-repeat: repeat; */
    margin-top: 15px;
    padding: 7px;
    border: 2px solid #660000;}

.red{
    color: #990000;
    background-color:inherit}

ul{
    list-style-image: url(/u/UG/Images/smallredball.gif);}

.extraspace li{
    margin-top: 10px;}

table.admin{
    margin-left:10px;
    margin-right: 10px;
    font-size: 90%;
    background-color: #ffffdd;
    color: inherit;
    border-collapse: collapse;}

table.admin td{
    padding-left: 5px;
    border: solid 1px #38628B;
    padding-right: 5px;
    font-size: 90%;}

table.admin th{
    font-size: 90%;
    font-weight: bold;
    color: #38628A;
    background-color: #ffffcc;
    border: solid 1px #38628B;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px}

a.content:link:hover{
    color:#cc3333;
    text-decoration: underline;
    background-color: inherit;}

a.content:link{
    text-decoration: none; }

a.content:visited:hover{
    text-decoration: underline;
    color:#663333;
    background-color: inherit; }

a.content:visited{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color : #336699;
    background-color: inherit;}

p.news{
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: -3px;
    margin-bottom: 6px;}

td.relatedlink p{
    padding-top:0px;
    margin-top: 2px;
    margin-bottom: 4px}

td.relatedlink a:link:hover{
    color:#993333;
    background-color:#FFFFFF;
    text-decoration: underline; }

td.relatedlink a:link{
    text-decoration: none; }

td.relatedlink a:visited:hover{
    color:#993333;
    background-color:#FFFFFF;
    text-decoration: underline; }

td.relatedlink a:visited{
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color : #990099;
    background-color:#FFFFFF;}

td.relatedlink h2{
    color:#993333;
    background-color:#FFFFFF;
    font-size: 80%;
    line-height: 90%;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: -2px}

td.relatedlink li{
    list-style-image: url(/u/UG/Images/smallredball.gif);
    font-size:80%;
    margin-left: 0px}

td.relatedlink ul{
    margin-top: -2px;
    margin-bottom: 0px;
    padding-left: 15px;
    margin-left: 0px}

table table table table.feature table td.relatedlink{
    font-size:120%}

table table table table.feature table td.subheader h2{
    margin-top:0px;
    margin-bottom:1px}

span.ArrowQuestion {padding-bottom: 4px; padding-top: 1px;}

.headerright {color: #ffffff; background-color: #6895C1;}

div span.ArrowQuestion {line-height: 41px; padding-bottom: 4px; padding-top: 1px; background-color: #6895C1; color: #ffffff;}
div span.ArrowQuestion:hover {background-color: #F0C000; color: #993333;}

td.personlist{ padding-left: 10px; padding-right: 10px;}

#content div.insertblue{
    margin:10px;
    border: 2px solid #0000CC;
    padding: 10px;
    background-color:#bbddff;
    color: black;}

#content div.insertblue a{
    background-color:#bbddff;
    color: white;}

#content div.insertblue a:hover{
    background-color:white;
    color: #0000CC;}

table.lfp td{background-color:#ffffdd;
    padding: 5px 10px 5px 10px;
    border: solid 1px #333399;
}
#content table.lfp td a{background-color:#ffffdd;
}
table.lfp {background-color:#3333CC;
    border-collapse:collapse;
}
table.borders tr{
    vertical-align: top;
}
table.borders td{
    border: 1px solid black;
    padding:4px 5px 2px 5px;
}
table.borders th{
    border-style: solid;
    border-color: black;
    border-width: 1px 1px 2px 1px;
    padding:4px 5px 4px 5px;
}