/*-----
disp1.css
Fri May 30, 2008 07:33 PM GMT-04:00 PMC
This style sheet defines rules for this web site's main page(s).
It defines the areas of the web page layout for normally-visual
users and specifies the special classes required to allow user
control over display of the menu on the left side of the screen,
it's submenus, the news block on the right side of the screen
and the news articles in that news block.
-----*/
BODY      {                                      padding: 0px; margin: 0px; }
#document { width:  100%;  border: none;  padding: 0px; margin: 0px; }

/* TOP BANNER LAYOUT */
#topbanner-left     { float: left;     clear: none; }
#topbanner-right    { float: right;    clear: none; }
#topbanner-bottom   {                  clear: both; }
.topbanner   { padding-top:   0em;   padding-bottom:  1.9em;     padding-left:    0em;    padding-right:    0em;   }
/*.topbanner   { padding-top:   0em;   padding-bottom:  1.8em;     padding-left:    0em;    padding-right:    0em;   }*/
.topbanner   { margin:        0em;   }
.topbanner   { clear:         both;  }
.topbanner   { border-top:    none 0px;     border-bottom:  solid 2px;  }
DIV#topbanner H1  { margin-top: 0.2em;  margin-bottom: 0em;      padding-top:  0em;   padding-bottom:  0em; }
DIV#topbanner H2  { margin-top: 0.1em;  margin-bottom: 0em;      padding-top:  0em;   padding-bottom:  0em; }
DIV#topbanner IMG { float: left;   clear: none;  margin-left: 1.0em;  margin-right: 2.0em; }
DIV#topbanner IMG { margin: 0;	padding: 0;	border: none; }
DIV#topbanner DIV#loginfo { float: right; clear: none; }
DIV#topbanner DIV#loginfo { margin-left: 2.0em; margin-right: 0.4em; margin-top: 0.6em; margin-bottom: 0.0em    }
DIV#topbanner DIV#loginfo { padding: 0.6em; }
DIV#topbanner DIV#loginfo { border: solid 2px;  }

/*
DIV#topbanner #menubttn       { float: left;    clear: none;  height: 1.2em;  width: 90px; }
DIV#topbanner #newsbttn       { float: right;   clear: none;  height: 1.2em;  width: 90px; }
DIV#topbanner .leftbttn       { float: left;    clear: none;  height: 1.2em;  width: 90px; }
DIV#topbanner .rightbttn      { float: right;   clear: none;  height: 1.2em;  width: 90px; }
*/

DIV#topbanner #menubttn       { float: left;    clear: none;  height: 1.2em;               }
DIV#topbanner #newsbttn       { float: right;   clear: none;  height: 1.2em;               }
DIV#topbanner .leftbttn       { float: left;    clear: none;  height: 1.2em;               }
DIV#topbanner .rightbttn      { float: right;   clear: none;  height: 1.2em;               }

DIV#topbanner A#lognbttn,
DIV#topbanner A:link#lognbttn,
DIV#topbanner A:visited#lognbttn,
DIV#topbanner A:hover#lognbttn,
DIV#topbanner A:active#lognbttn,
DIV#topbanner #lognbttn       { float: right;
                                clear: none;
                               padding-left: 1.1em;  padding-right: 1.1em;  padding-top: 0.1em; padding-bottom: 0.1em;
                                height: 1.2em;
                             /*   width: 90px;  */
                                text-align: center;
                                border: solid 2px; }
DIV#topbanner .leftbttn,
DIV#topbanner .rightbttn     { 
                               padding-left: 1.1em;  padding-right: 1.1em;  padding-top: 0.1em; padding-bottom: 0.1em;
                               height: 1.2em;
                            /*   width: 90px;  */
                               text-align: center;
                               border: solid 2px; }
A.linkbttn,
A:link.linkbttn,
A:visited.linkbttn,
A:hover.linkbttn,
A:active.linkbttn            { 
                               padding-left: 1.1em;  padding-right: 1.1em;  padding-top: 0.1em; padding-bottom: 0.1em;
                               height: 1.2em;
                           /*    width: 90px;  */
                               text-align: center;
                               border: solid 2px; }

/* LEFT SIDE MENU LAYOUT AND BEHAVIOR */
.menu-show  { width: 10%;
              float: left; clear: none;
              margin:     0px;
              padding-top:  4.0em;                        /* Space above menu for background to show through */
              padding-bottom:  6.0em;                     /* Space below menu for background to show through */
              padding-left:	0.5em;                        /* Move displayed menu in from extreme left        */
              padding-right: 0.0em;
            }
.menu-hide  { display: none; }

/*-----
	The distinction between ".menuitem-exp" and ".menuitem-col":
	"exp" is "expanded", "col" is "collapsed".
	The "-exp" selector applies when the submenu under the menu item is visible.
	The "-col" selector applies when the submenu under the menu item is hidden.
-----*/
.menuitem-exp,            .menuitem-col
            { margin-top:     0.0em;
              margin-bottom:  0.4em;                      /* Space between menu items for background to show */
              margin-left:    0.0em;
              margin-right:   0.0em;
              padding-left:   0.0em;
              padding-right:  0.0em;
              width:   100%;
              border:  solid 1px;
            }
.menuitem-exp A,          .menuitem-col A,        
.menuitem-exp A:link,     .menuitem-col A:link,   
.menuitem-exp A:visited,  .menuitem-col A:visited,
.menuitem-exp A:hover,    .menuitem-col A:hover,  
.menuitem-exp A:active,   .menuitem-col A:active  
               { display: block;
	             margin:         0.0em;
	             padding:        0.0em;
                 padding-left:   0.1em;
                 padding-right:  0.0em;
                 border:         none;
                 width: 100%;
               }
.submenu-show  { margin-top: 0.0em;                       /* Close up space for submenu to butt against menuitem */
                 margin-bottom: 0.0em;                    /* Space below submenu for background to show through  */
                 margin-left:   0.0em;
                 margin-right:  0.0em;
                 padding:       0.0em;
                 border:     none;
                 border-top: none;
               }
.submenu-hide  { display: none;
               }
.submenuitem,
.submenuitem A,
.submenuitem A:link,
.submenuitem A:visited
               { display: block;
                 width:   100%;
                 margin: 0px;  padding: 0px;
               }
.submenuitem A:hover,
.submenuitem A:active
               { display: block;
                 width:   100%;
                 margin: 0px;  padding: 0px;
               }



/* NEWS BLOCK LAYOUT AND BEHAVIOR */
.newsshow    { float: right;  width:  20%;                            padding: 0px;    margin: 0px; }
.newsshow    { border-top:   none;  border-right: none;   border-left: solid 2px; border-bottom: solid 2px; }
.newshide    { float: right;  width:  0px;     display: none;         padding: 0px;    margin: 0px; }
.news-div    {                                                        padding: 0px;    margin: 0px; }
.newsartshow {                                                        padding: 0px;    margin: 0px; }
.newsarthide {      display: none; }
#news-block DIV.news-div H1 BUTTON { margin-right: 0.3em; }
#news-block DIV.news-div H1 { padding-bottom: 0px; margin-bottom: 0px;  }
#news-block DIV.news-div H1 { padding-top:    0px; margin-top:    0px;  }
#news-block DIV.news-div H1 { border-top:   solid 1px;  border-right: none;   border-left: none;      border-bottom: none; }

/* THE REST OF THE DOCUMENT */
/*-----
.mainarea    { float:  left;                                                           padding: 0px;    margin: 0px; }
#mainarea { border: 1px;   padding: 0.2em; margin: 0px; }
-----*/
#mainarea    { float: left;
               clear: none;
               margin:  2.0em;
               padding: 0.0em;
               border:  solid 1px;
             }

.footer      { clear:  both;  width: 100%;     border-top: solid 1px;  }
.mybutton IMG { border-style: none; }
