body{
    font-family: Times New Roman, serif;
    font-size: 12pt;
    background-color: #FFFFFF;
    background-image: url(/images/orfBack.PNG);
    background-repeat: repeat-y;
    margin: 0;
    border-top: 0;
    min-width: 850px;
}

P.gomain{
    text-align: center;
}

div.title{
    background-color: #E8E999;
    border: 1px solid #E8E999;
}

h1{
    font-family: Arial, sans-serif;
    font-size: 18pt;
}

h1.title{
    font-family: Arial, serif;
    font-size: 20pt;
    vertical-align: middle;
    line-height: 109px;
    margin-left: 220px;
}

/* vertical-align doesn't work very well, so some
   *hacks* are needed to get things to line up.
   Setting things up as above in H1.title screws
   up non IE browsers. *>H1.title isn't understood
   by IE, so we can use it to fix those non-IE
   browsers.
*/


*>h1.title{
   margin-top: -1px;
   margin-left: 220px;
}

h2{
   font-size: 15pt;
}

.center{
    text-align: center;
}

#header{
    margin-bottom: -100px;
    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 850 ? "850px" : "100%" );
}

#main{
    margin-left: 133px;
    padding-left: 1em;
    padding-right: 1em;
    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 850 ? "717px" : "100%" );
}

#footer{
    margin-left: 133px;
    padding: 1em;
    font-style: normal;
    font-size: 0.7em;
    color: black;
    font-family: sans-serif;
    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 850 ? "717px" : "100%" );
}

.Menu {
    background-color:#C0C0C0;
    z-index: 2;
    border: 1px solid black;
    float: left;
    position: relative;
    padding: 5px;
    visibility: hidden;
}

.Menu a {
    text-decoration:none;
    color: black;
    display: block;
    padding-left: 2px;
}

.Menu a:hover {
    color:white;
    background-color:#D3D3D3;
}

.Links {
    vertical-align:top;
    color:black;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    font-size:14pt;
    font-weight: bold;
}

.Links:hover {
    text-decoration:none;
}

td.menutd{
    vertical-align: top;
    text-align: center;
    white-space: nowrap;
}

img.title{
    float: left;
}

div #logo
{
    width: 175px;
    height: 109px;
    background-image: url("/images/orf_logo_purpleYmed.png");
    background-repeat: no-repeat;
    float: left;
}

#photo{
    float: right;
    position: relative;
    margin: 1em;
}

div .clearDiv{
    clear:both;
}

#menuTable{
    margin-left: 150px;
    margin-top: 1em;
}
#menuTable td{
    padding-right: 1em;
    padding-left: 1em;
}

.question{
	font-weight:bold;
}

.ColLink{
	color:black;
	font-weight:bold;
}

.ColLinkDiff{
	color:black;
}
div #boxbar{
    width: 270px;
    height: 20px;
    background-image: url("/images/purple_bar.png");
    background-repeat: no-repeat;
    float: right;
    margin-top: -4px;
    margin-right: 5%;
}

#Loading{
    position: absolute;
    top: 10px;
    right: 100px;
    background-color: #889FC6;
    visibility: hidden;
}

.undecoratedList{
    list-style-type: decimal;
    padding-left: 1em;
    margin-left: 1em;
}

.smallFont{
    font-size: 9pt;
}

.fixedFont{
    font-family: Courier New, monospace;
}