/*** Styles to display on a computer screen ***/

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

/*
html, body
    {overflow: hidden;
     max-height: 100%; margin: 0; padding: 0;
     height: 100%;} */

#PANELCONTENT
    {display: block;
     height: 100%;
     max-height: 100%;
     overflow: auto;
     position: relative;
     z-index: 3;
     word-wrap: break-word;
     }

#PANELHEAD, #PANELFOOTER
    {position: absolute;
     margin: 0;
     right: 18px;
     display: block;
     width: 100%;
     }

#PANELHEAD
    {z-index: 5;
     top: 0;
     height: 100px}

#PANELFOOTER
    {z-index: 4;
     height: 51px;
     bottom: 0;
     }

.PADSCROLL
    {display: block;
     float: left;
     width: 18px;
     height: 50px}

#PADHEAD
    {display: block;
     height: 100px}

#PADFOOT
    {display: block;  clear: right;
     height: 100px}



/*************** End Boilerplate *************************/
#PANELHEAD, #PANELFOOTER
    {display: none}
#PADHEAD, #PADFOOT
    {height: 1px}

#PANELCONTENT
    {display: block;
     height: auto;
    /* max-height: auto; */
     overflow: auto;
     position: relative;
     z-index: 3;
     word-wrap: break-word;
          width: 100%;
     max-width: 100%;
     }

#WRAPPER
    {max-width: 1280px;
     margin: 0 auto 0 auto}

body
    {/*height: auto; overflow: auto;*/ /*max-height: auto*/
     margin: 0; padding: 0; width: 100%}

/*
h1
    {text-align: left;
    margin-left: 30%} */

h1
    {margin: 0 auto 0 auto; text-align: center}

body
    {/*background-image: url(../page/logo.gif);
     background-repeat: no-repeat;
     background-position: 0 0;
     background-attachment: scroll; */
     scrollbar-base-color: #000000;
     scrollbar-arrow-color: #ffffff;
     scrollbar-shadow-color: #666666}

address
    {margin: 1em}     

.TOPLEFT     {background-image: url(../page/topleft.gif);     margin: 0; padding: 0; background-repeat: no-repeat;                              width: 100%; height: 18px; float: left ; z-index: 10}
.TOPRIGHT    {background-image: url(../page/topright.gif);    margin: 0; padding: 0; background-repeat: no-repeat; background-position: 100% 0; width: 28px; height: 18px; float: right; z-index: 10}
.LEFT        {background-image: url(../page/left.gif);        margin: 0; padding: 0; background-repeat: repeat-y;                               width: 100%;               float: left ; z-index: 10}
.RIGHT       {background-image: url(../page/right.gif);       margin: 0; padding: 0; background-repeat: repeat-y;  background-position: 100% 0; width: 100%; height: 100%; float: right; z-index: 10}
.BOTTOMLEFT  {background-image: url(../page/bottomleft.gif);  margin: 0; padding: 0; background-repeat: no-repeat;                              width: 100%;               float: left ; z-index: 10}
.BOTTOMRIGHT {background-image: url(../page/bottomright.gif); margin: 0; padding: 0; background-repeat: no-repeat; background-position: 100% 0; width: 28px; height: 18px; float: right; z-index: 10}

.BOX
    {margin-right: 15px}

.BOXCONTENTS
    {top: -15px;
     margin: 0 30px 0 15px}

.RULE {height: 8px; background-image: url(../page/chromebar.gif); clear: both;}
.RULE hr {display: none}
.CONTACT
    {margin: 0; padding: 0;
     text-align: right;
     clear: both}

.CONTACT p
    {padding: 0.5em}

.COLUMN, .COLUMN2
    {float: left;
     width: 300px;
     margin: 0 0 0 0}

.COLUMN2
    {float: left;
     width: 600px;
     width: 40%}

.COLUMN3
	{float: left;
         width: 70%}

#Gallery .COLUMN2
	{width: 70%;
         }
#GALLERY .COLUMN
	{}

.RANDOMIMAGE
    {float: left; min-width: 300px}

.GALLERY {padding: 0; margin: 1ex}

.GALLERY img {margin: 1ex; vertical-align: top;}

.CALENDARDATE
	{margin: 0 0 0.5em 0}


.CALENDARDATE h3, .CALENDARDATE h4, .CALENDARDATE p
	{margin-top: 0; 
         margin-bottom: 0; 
         padding-top: 0; 
         padding-bottom: 0;
         font-size: 100%;
         padding-left: 1em}

.CALENDARDATE h3
    {padding-left: 0.5em}

.CALENDARDATE p
    {margin-left: 1em}

.CALENDARDATE h3 a
	{font-size: 110%;
         margin-left: 0.5em}

form { position: relative;}

.BUTTON2
	{text-align: right; position: relative;
         font-size: 110%;
         color: #4169E1}

.BANNER, .BANNER img
	{margin: 0.25em auto 0.25em auto; 
         text-align: center;}

.BOXLINK
	{text-align: right}

#H0
    {position: absolute;
     height: 150px;
     width: 100%;
     background-image: url(../page/strap.gif);
     background-repeat: no-repeat;
     background-position: top right;
     font-size: 0;
     color: #111111}

#CONTENT
    {/*float: right;*/
     /*width: 100%;*/
     padding: 200px 0 0 0;
     margin: 0;
     clear: left}

#NAVIGATION
    {/* background-image: url(../page/strap.gif);
     background-repeat: no-repeat;
     background-position: top right;
     padding-top: 150px;
     width: 100% */
     position: absolute;
     top: 0; left: 0;
     background-image: url(../page/logo.gif);
     background-repeat: no-repeat;
     background-position: top left;
     padding: 150px 0 0 0;
     margin: 0;
     width: 100%;
     font-size: 16px;
     }
/*
#NAVIGATION:hover
    {background-image: url(../page/strap.gif)} */
#NAVIGATION ul
    {background-image: url(../page/chromebar.gif);
     width: 100%;
     border:none;
     background-repeat: repeat-x;
     background-position: bottom;
     padding: 0 0 7px 0;
     height: 22px; height: 1.3em}
#NAVIGATION ul li
    {list-style: none;
     border: none;
     float: left;
     background: url(../page/fullright.gif) no-repeat right top;
     padding: 0 19px 0 0;
     top: 7px; top: 0}
#NAVIGATION ul li a
    {background-image: url(../page/fullleft.gif);
     text-align: left;
     border: none;
     background-repeat: no-repeat;
     background-position: 0 0;
     padding: 0 0 0 19px;
     color: #000000;
     font-size: 110%;
     font-weight: bolder;}

#NAVIGATION ul li.SELECTED
    {background-image: url(../page/emptyright.gif);
     border-style: solid;
     border-width: 0 0 7px 0;
     border-color: #000000}

#NAVIGATION ul li.SELECTED a
    {background-image: url(../page/emptyleft.gif);
     color: #ffffff}

#SUBNAVIGATION
    {margin: 0;
     padding: 0; display: block; width: 100%;
     font-size: 110%;}

#SUBNAVIGATION ul

          {display: block; width: 100%; margin: 0; padding: 0;
          text-align: center; background-image: none}



#SUBNAVIGATION ul li

          {display: inline; margin: 0; padding: 0;
            background-image: none}



#SUBNAVIGATION li span

          {background-image: url(../page/bullet.jpg);
           padding: 0 0 0 19px;
     background-repeat: no-repeat;

     background-position: 4px 4px;
     min-height: 16px;
     }



#SUBNAVIGATION ul li:first-child span

          {background-image: none;}





#SUBNAVIGATION ul li span a
    {background-image: none;
     color: #4169E1;
     padding: 0 0 0 0;
     font-weight: normal}



#MENUITEMS .UNSELECTED
              {background: url(../black/fullright.gif) no-repeat right top;}

#MENUITEMS .SELECTED
              {background: url(../black/emptyright.gif) no-repeat right top;}

#MENUITEMS .UNSELECTED a {background-image: url(../black/fullleft.gif);
                      background-repeat: no-repeat;
                      background-position: left top;
                      color: #000000;}

#MENUITEMS .SELECTED   span {background-image: url(../black/emptyleft.gif);
                      background-repeat: no-repeat;
                      background-position: left top;
                      color: #ffffff;}



#Home h1
	{margin-left: 0; text-align: left}