/* ============= General Site Layout ================ */

#boxmain            {height: 620px ; width: 871px ; padding:  5px 10px 5px 10px ; border: 1px solid #666666 ; margin-left:auto ; margin-right:auto ; background-color:#ffffff ; background-image:url('img/right_back.gif') ; background-position: right bottom ; background-repeat: no-repeat}
#header             {height:  87px ; width: 871px ; padding:  0px 0px 5px 0px ; border: 0px ; margin: 0px ; float:left}
#content            {height: 444px ; width: 871px ; padding:  5px 0px 5px 0px ; margin: 0px ; float:left}
#footer             {height:  69px ; width: 871px ; padding:  5px 0px 0px 0px ; border: 0px ; margin: 0px ; float:left}


/* ==================== HEADER ====================== */
img.opexlogo        {height: 81px ; width: 199px ; padding: 0px 5px 5px 0px ; border-style: solid ; border-width: 0px 0px 1px 0px ; border-color: #666666}
#headtxt            {height: 60px ; width: 666px ; padding: 0px ; border: 0px ; margin: 0px ; float:left ; color: #666666 ; text-decoration:none ; font-size: 15px ; font-weight: bold}
#menu               {height: 22px ; width: 666px ; padding: 5px 0px 0px 0px ; border: 0px ; margin: 0px ; float:left}
dl#nav              {}
dt.nav0             {width: 110px ; margin: 0px ; text-align: center ; float:left ; display: block ; font-size: 16px ; text-transform:uppercase}
dt.nav0 a           {height: 20px ; text-decoration: none ; font-weight: bold ; display: block}
dt.nav0 a           {border-width: 1px 0px 0px 1px ; border-style: solid ; border-color: #666666 ; background: #ffffff ; color: #666666}
dt.nav0 a:hover     {border-width: 1px 0px 1px 1px ; border-style: solid ; border-color: #666666 ; background: #6688ff ; color: #000000}
dt.nav1             {width: 110px ; margin: 0px ; text-align: center ; float:left ; display: block ; font-size: 16px ; text-transform:uppercase}
dt.nav1 a           {height: 20px ; text-decoration: none ; font-weight: bold ; display: block}
dt.nav1 a           {border-width: 1px 0px 1px 1px ; border-style: solid ; border-color: #666666 ; background: #eeeeee ; color: #aaaaaa}
dt.nav1 a:hover     {border-width: 1px 0px 1px 1px ; border-style: solid ; border-color: #666666 ; background: #6688ff ; color: #000000}
dt.navx             {border-width: 0px 0px 1px 1px ; border-style: solid ; border-color: #666666 ; height: 21px ; width: 5px ; margin: 0px ; float:left}


/* ==================== FOOTER ===================== */

img.bifmlogo        {height: 55px ; width:100px ; padding: 0px 20px 0px 0px}
.foottxt            {color: #666666 ; text-decoration:none ; font-size: 13px}
.foottxt a:link     {color: #666666 ; text-decoration:underline}
.foottxt a:active   {color: #666666 ; text-decoration:underline}
.foottxt a:visited  {color: #666666 ; text-decoration:underline}
.foottxt a:hover    {color: #666666 ; text-decoration:underline}


/* ============== General Site Format =============== */

body                {background-color: #ccccff ; margin-top:10px}
*                   {font-family: Calibri, Arial, Sans-serif}   
h1                  {color: #666666 ; text-decoration:none ; font-size: 15px ; margin:0px ; font-weight: bold}
h2                  {color: #666666 ; text-decoration:none ; font-size: 14px ; margin:0px}

.warn               {color: #ff0000 ; font-size: 16px}

.maintxt            {color: #666666 ; text-decoration:none ; font-size: 13px}
.maintxt a:link     {color: #666666 ; text-decoration:none}
.maintxt a:active   {color: #666666 ; text-decoration:none}
.maintxt a:visited  {color: #666666 ; text-decoration:none}
.maintxt a:hover    {color: #666666 ; text-decoration:underline}

.srch               {color: #333333 ; text-decoration:none ; font-size: 12px}
.srch a:link        {color: #333333 ; text-decoration:none}
.srch a:active      {text-decoration:none}
.srch a:visited     {color: #333333 ; text-decoration:none}
.srch a:hover       {color: #333333 ; text-decoration:underline}

img                 {border:0px ; float:left}
img.t               {padding: 5px 0px 0px 0px}
img.r               {padding: 0px 5px 0px 0px}
img.b               {padding: 0px 0px 5px 0px}
img.l               {padding: 0px 0px 0px 5px}
img.rb              {padding: 0px 5px 5px 0px}
img.trb             {padding: 5px 5px 5px 0px}
img.tbl             {padding: 5px 0px 5px 5px}
img.trbl            {padding: 5px}


/* =============== News Page Format ================= */

.newsgeneral {color:#666666 ; text-decoration:none ; font-size: 14px ; width: 100% ; height: 19px ; padding:0 ; border-style: solid ; border-width:1px ; border-color: #cccccc; background-color: #ccccff}


/* ============= RSS Reader Formatting ============== */

#boxindex1          {height: 200px ; width: 300px ; margin: 5px  5px  5px 40px ; padding: 5px ; border-style: solid ; border-width: 0px ; border-color: #cccccc; font-size: 13pt ; color: #666666 ; background-color:#ffffff ; float:left}
#boxindex2          {height: 200px ; width: 450px ; margin: 5px  5px  5px  5px ; padding: 5px ; border-style: solid ; border-width: 0px ; border-color: #cccccc; font-size: 13pt ; color: #666666 ; background-color:#ffffff ; float:left}
#boxrssindex        {height: 180px ; width: 442px ; overflow: auto ; padding: 2px ; border-style: solid ; border-width: 1px ; border-color: #cccccc; font-size: 10pt ; color: #666666 ; background-color:#ffffff}
#boxprojects        {height: 300px ; width: 865px ; overflow: auto ; padding: 2px ; border-style: solid ; border-width: 1px ; border-color: #cccccc}
#boxrss             {height: 270px ; width:   50% ; overflow: auto ; padding: 2px ; border-style: solid ; border-width: 1px ; border-color: #cccccc; font-size: 10pt ; color: #666666 ; float:left}

