html { min-height: 100.01%; }
body { font-family: arial, sans-serif; font-size: 90%; color: #333; background: #c1cdcd; margin: 0px; padding: 0px;  min-height: 100.01%; } /* background: #8b8878; */
.mainbox { position: relative; background: #ffffff; width: 850px; height: 740px; margin-right: auto; margin-left: auto;}/* FFFFCC or FFF8DC*/ /* margins center main div */
.mainbox_q { position: relative; background: #ffffff; width: 850px; height: 1380px; margin-right: auto; margin-left: auto;}
.mainbox_q_fr { position: relative; background: #ffffff; width: 850px; height: 1620px; margin-right: auto; margin-left: auto;}
.mainbox_directions { position: relative; background: #ffffff; width: 850px; height: 1060px; margin-right: auto; margin-left: auto;}
.mainbox_faqs { position: relative; background: #ffffff; width: 850px; height: 1220px; margin-right: auto; margin-left: auto;}
.mainbox_faqs_fr { position: relative; background: #ffffff; width: 850px; height: 1410px; margin-right: auto; margin-left: auto;}
.mainbox_uip { position: relative; background: #ffffff; width: 850px; height: 850px; margin-right: auto; margin-left: auto;}
.mainbox_uip_fr { position: relative; background: #ffffff; width: 850px; height: 1000px; margin-right: auto; margin-left: auto;}
.mainbox_uip_result { position: relative; background: #ffffff; width: 850px; height: 740px; margin-right: auto; margin-left: auto;}
.mainbox_uni { position: relative; background: #ffffff; width: 850px; height: 1810px; margin-right: auto; margin-left: auto;}
.mainbox_conditions { position: relative; background: #ffffff; width: 850px; height: 920px; margin-right: auto; margin-left: auto;}
.mainbox_conditions_fr { position: relative; background: #ffffff; width: 850px; height: 980px; margin-right: auto; margin-left: auto;}
#header { position: absolute; left: 0px; top: 0px; margin: 0px; background: #fff; height: 155px; z-index: 1; }
#leftnav { position: absolute; z-index: 10000; top: 76.5px; left: 0px; margin: 0px; padding: 0px; background: none; width: 150px; } 
#main { position: absolute; left: 175px; top: 175px; width: 490px; padding: 5px; } /* background: #fff;  */ 
#right { position: absolute; padding: 0px; top: 155px; left: 703px; width: 155px; }
#right_sponsors { position: absolute; padding: 0px; top: 425px; left: 695px; width: 155px; }
#right_sponsors_fr { position: absolute; padding: 0px; top: 440px; left: 695px; width: 155px; }
#right_sponsors_plat { position: absolute; z-index: 10000; padding: 0px; top: 400px; left: 695px; width: 155px; text-align: left; padding-left: 12px; }
<!-- #sponsors {position: absolute; left: 440px; top: 560px; height: 100px; width:400px; border: 1px solid #fff;} -->
<!-- #sponsorlevel {position: absolute; left: 440px; top: 560px; width: 400px; z-index: 10000; text-align: center; } -->
#right_facebook { position: absolute; padding: 0px; top: 652px; left: 700px; width: 155px; }
#right_facebook_fr { position: absolute; padding: 0px; top: 657px; left: 700px; width: 155px; }
#footer { position: absolute; width: 100%; height: 25px; bottom: 0; padding-top: 5px; background: #fdb827; } /* background: #fdb827;  */
#ouflogo { position: absolute; top: 265px; left: 15px; }
#ouflogo_q { position: absolute; top: 920px; left: 15px; }
#ouflogo_q_fr { position: absolute; top: 1150px; left: 15px; }
#ouflogo_directions { position: absolute; top: 600px; left: 15px; }
#ouflogo_faqs { position: absolute; top: 755px; left: 15px; }
#ouflogo_faqs_fr { position: absolute; top: 950px; left: 15px; }
#ouflogo_uip { position: absolute; top: 380px; left: 15px; }
#ouflogo_uip_fr { position: absolute; top: 540px; left: 15px; }
#ouflogo_uip_result { position: absolute; top: 265px; left: 15px; }
#ouflogo_uni { position: absolute; top: 1335px; left: 15px; }
#ouflogo_conditions { position: absolute; top: 460px; left: 15px; }
#ouflogo_conditions_fr { position: absolute; top: 510px; left: 15px; }

p#footer { font: 75% arial, sans-serif;}

h1 {font: bold 1.8em Helvetica, Arial, sans-serif; margin: 5px 0px 5px 0px; color: #231f20; }
h2 {font: bold 1.5em Helvetica, Arial, sans-serif; margin: 5px 0px 5px 0px; color: #231f20; }
h3 {font: bold 1.3em Helvetica, Arial, sans-serif; margin: 5px 0px 5px 0px; color: #231f20; }
h3.city { margin-bottom: -5px;}
h4 {font: bold 1.05em Helvetica, Arial, sans-serif; margin: 5px 0px 5px 0px; color: #231f20; }

ul#bullet { margin-left: 15px; list-style-image: url(../images/solidsquare_on_orange.gif); }
ul#arrow_bullet { margin-left: 15px; list-style-image: url(../images/solidarrow_on.gif); }

/* style for left navigation */
dl, dt, dd, ul, li {margin: 0; padding: 0; list-style-type: none; }
#leftnav { position: absolute; top: 76px;; left: 0px; width: 9.5em; }
#leftnav dt { cursor: pointer; background: #fdb827; height: 35px; line-height: 35px; margin: 2px 0; border: 1px solid gray; text-align: left; font-weight: bold; }
#leftnav dd { position: absolute; left: 5em; margin-top: -2em; width: 11em; background: #e1f3ff; color: #000; border: 1px solid gray; filter:alpha(opacity=95); -moz-opacity:0.95; opacity: 0.95;} /* z-index: 100;  #e1f3ff or fec559  */

#leftnav_fr { position: absolute; top: 76px;; left: 0px; width: 9.5em; }
#leftnav_fr dt { cursor: pointer; background: #fdb827; height: 35px; line-height: 35px; margin: 2px 0; border: 1px solid gray; text-align: left; font-weight: bold; }
#leftnav_fr dd { position: absolute; left: 5em; margin-top: -2em; width: 14em; background: #e1f3ff; color: #000; border: 1px solid gray; filter:alpha(opacity=95); -moz-opacity:0.95; opacity: 0.95;} /* z-index: 100;  #e1f3ff or fec559  */

#leftnav ul { padding: 1px; }
#leftnav li { text-align: left; font-size: 90%; height: 25px; line-height: 25px; }
#leftnav li a, #leftnav dt a { color: #333333;; text-decoration: none; display: block; }
#leftnav dt a:hover { background: #fec559; } <!-- e1f3ff -->
#leftnav li a { margin-left: 20px;}
#leftnav li a:hover { text-decoration: underline; }
/* end of left nav style */

.smallfont { font-size: 75%; }
.colour { color: #ff9900; } /*  fdb827 */
.charcoal { color: #231f20; }
.charcoal_faq { color: #231f20; font-size: 125%; }
.section { color: #ff9900; font-weight: bold; }
.questions {line-height: 18px;}
.smalluni {font-size: 75%; text-align: center; } /* margin-left: 10px; vertical-align: top;  */

a { color: #333333; font-weight: bold; text-decoration: underline; } /* 663366 ff9900 */
a:visited { text-decoration: underline; }
a:hover { color: #999;  text-decoration: underline; } /* 231f20 */
a:hover.white { color: #fff;  text-decoration: underline; }
a:active { text-decoration: none; color: #666666; }

.nowrapper {white-space: nowrap; }


