/*** Styles to display on a hand held screen ***/

.SCREENONLY {display: none}
.PRINTONLY  {display: none}
.NOTSCREEN  {display: inline}
.NOTPRINT   {display: inline}

.COLUMN, .COLUMN2
    {float: left;
     width: 100%;
     margin: 0 0 0 0;
     padding: 0}

.COLUMN
    {float: right;
     width: 100%}

.RANDOMIMAGE
    {width: 100%;
     }

.RANDOMIMAGE img
    {margin: 0 auto 0 auto;
     float: none;
     display: block}

#CONTENT
    {background-image: url(../page/logosmall2.jpg);
     background-repeat: no-repeat;
     background-position: center top;
     padding-top: 60px}

#H0
    {position: relative;
     height: auto;
     width: 100%;
     background-image: none;
     background-repeat: no-repeat;
     background-position: top right;
     font-size: 100%;
     color: #ffffff;
     text-align: center}

#NAVIGATION, #SUBNAVIGATION
    {position: relative;
     display: block;
     clear: both;
     background-image: none;
     height: auto;
     padding: 0;
     text-align: left}

#NAVIGATION ul, #SUBNAVIGATION ul
    {background-image: none;
     width: 100%;
     border:none;
     padding: 0 0 0 0;
     height: auto}

#NAVIGATION ul li, #SUBNAVIGATION ul li
    {list-style-type: circle;
     border: none;
     float: none;
     position: relative;
     display: block;
     background-image: none;
     margin: 0 0 0 2em;
     padding: 0;
     font-weight: bolder;
     top: 7px; top: 0}

#NAVIGATION ul li a, #SUBNAVIGATION ul li a
    {background-image: none;
     text-align: left;
     border: none;
     background-repeat: no-repeat;
     background-position: 0 0;
     padding: 0 0 0 0;
     color: blue;
     font-size: inherit;
     }

#NAVIGATION ul li.SELECTED, #SUBNAVIGATION ul li.SELECTED
    {background-image: none;
     border-style: none;
     border-width: 0 0 0 0;
     border-color: #000000}

#NAVIGATION ul li.SELECTED a, #SUBNAVIGATION ul li.SELECTED a
    {background-image: none;
     color: #ffffff}