hr { text-align: center; }
 *.center { margin-left:auto; margin-right:auto; }  
 h2.center { text-align: center; }  
 p.center { text-align: center; }  
 div.center { text-align: center; }  
 span.center { text-align: center; }  

 td { font-size: 12px; }
 td.alignright { text-align: right; }
 td.alignleft { text-align: left; }
 td.aligncenter { text-align: center; }
   .valigncenter { vertical-align: middle; }
   .valigntop { vertical-align: top; }
 td.big { font-size: 16px; }
 th {
     font-size: 12px;
     font-weight: bold;
     }
 th.big { 
     font-size: 16px;
     font-weight: bold;
     }
 .black { color: black; }
 .red { color: red; }
 .blue { color: blue; }
 .white { color: white; }
 
 .cursor { cursor: pointer; }

 .underline { text-decoration: underline; }

              

 a {
   outline-color: red;
   outline-style: none;
   outline-width: medium;
   }

#PrintButton {
  			position: fixed;
  			top: 10px;
  			left: 10px;
        }     


 body { 
        background-color: white;
        background-color: #CCE0FF;
				font-family:  "Arial", "Helvetica", sans-serif;
				font-style: oblique;
				line-height: 1.5;
				margin: 0;
				padding: 0;
				}
  img { border-style: none; }
 .MyLink { text-decoration: none;
           color: white;
	 }
 .MyTbl {
        background-color: transparent;
        }
  .MyTxt {
        color: black;
        font-family: Times, seriph;
        font-weight: bold;
        font-size: medium;
        font-style: oblique;
        }


  .bold { font-weight: bold; }
  .header { font-size: 24pt;
	    font-weight: bold; }

  .XBig { font-size: 24pt;
	  font-weight: bold;
	}

 .title { font-size: 30px;
          font-weight: bold;
	}
 .hidden { visibility: hidden; }

         
 .MyBox {
     padding: 2px 4px 2px 4px;

     border-style: outset;

		 border-width: 8px;
     border-color: blue;

     font-weight: bold;

		 width: 700px;

     }

         
 .MyButton {
		 padding: 2px 4px 2px 4px;
     border-style: outset;

		 border-width: 8px;
     border-color: blue;
     font-weight: bold;
     background-color: #00006B;
     }

 .MyButton:hover {
     background-color: #b0c5ff;
     color: #000000;
     border-style: inset;
     }

         
 .MySmallButton {
     border-style: outset;
     border-top-width: 3px;
     border-bottom-width: 3px;
     border-left-width: 3px;
     border-right-width: 3px;
     border-color: blue;
     font-weight: bold;
     font-size: x-small;
     background-color: #00006B;
     }

 .MySmallButton:hover {
     background-color: #b0c5ff;
     color: #000000;
     }


  .PopUpItem {
       width: 180px;
       height: 100px;
       text-decoration: none;
       font-size: medium;
       font-weight: bold;
       color: white;
       visibility: hidden;
       border-style: outset;
       border-top-width: 3px;
       border-bottom-width: 3px;
       border-left-width: 3px;
       border-right-width: 3px;
       border-color: blue;
       background-color: #00006B;
       }

  .navItem {
       width: 100px;
       height: 20px;
       float: left;
       position: fixed;
       left: 2px;
       text-decoration: none;
       text-align: center;
       font-weight: bold;
       font-size: x-small;
       color: white;
       }

  #navItemTitle {
       position: fixed;
       left: 2px;
       text-decoration: none;
       text-align: center;
       font-weight: bold;
       font-size: x-small;
       color: white;
       top: 2px;
       height: 10px;
       cursor: pointer;
       color: red;
       }

 #navMenuIcon {
      font-weight: bold;
      font-size: 16pt;
      border-width: 2px;
      border-color: black;
      background-color: white;
              }

  .lnkNavItem {
      width: 100px;
      height: 20px;
      float: left;
      position: fixed;
      left: 120px;
      text-decoration: none;
      }





 .smalltext {
        text-decoration: none;
        font-size: 10pt;
	}

 .mediumtext {
        text-decoration: none;
        font-size: 12pt;
	}
 .sometext {
        text-decoration: none;
        font-size: 20pt;
	}
 .Splash { font-size: 12pt;
           font-weight: bold;
           width: 100%;
           margin-left:auto; margin-right:auto;
         }
 .Welcome { font-size: 12pt;
            font-weight: bold;
            position: absolute; left:50px; top: 10px;
            padding-left: 10px;
            margin-left:auto; margin-right:auto;
            visibility: hidden;
	    text-align: left;
            width: 400px;
            height: 100%;
          }

 .Hdg { font-size: 12pt;
        font-weight: bold;
        text-align: center;
      }

 .CoSLogo { visibility: visible;
            position: fixed;
            z-index: 10;
            left: 10px;
            bottom: 26px;
          }

 .NavMenu { visibility: visible; 
            position: absolute;
            top: 26px;
            left: 10px;
            z-index: 10;
           }

 .HelpPort { display: none;
             position:absolute;
             border-style: solid; 
             background-color: white; 
             padding: 5px;
	   }

 .MenuItem { display: none;
             position:relative;
             border-style: solid;
             background-color: white;
             padding: 5px;
             width: 100%;
             height: 100px; overflow: auto;
           }


         
 #UnderConstruction {
     border-style: none;
     font-weight: bold;
     }


/* Style definitions for the main page */

#LogoDiv {
  width: 100%;
  height: 500px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border-width: 2px;
  border-style: dotted;
  border-style: none;
}
#QuickInfo {
      text-align: left;
      margin-left: 20px;
      position: absolute;
      bottom: -50px;
      width: 90%; height: 160px;
      overflow-y: scroll;
      background-color: white;
      border-radius: 10px;
      border: 2px solid red;">
}
#SplashWords {
  border-width: 2px; border-style: none;
  position: absolute;
  width: 100%; height: 100%;
  margin-left: auto; margin-right: auto;
  background-image: url('../Logos/WChLogo.png');
  background-position: center center;
  background-repeat: no-repeat;

}
#Welcome {
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  visibility: hidden;
  width: 100%; height: 100%;  z-index: 8;
  background-color: white;
  background-image: url('../Logos/WChLogoFaded.png');
  background-position: center center;
  background-repeat: no-repeat;
}
#WelcomeWords {
	border-width: 2px;
  border-style: none;
  text-align: left;
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  width: 90%;
  height: 85%;
  top:10%;
  z-index: 8;
}
#WelcomeActivate {
  position: absolute; width: 50%; height: 40%;
  margin-left: 25%;
  top: 25%; z-index: 10;
  opacity: 0; background-color: #000000;
  MozOpacity: 0;
  KhtmlOpacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  border-width: 2px;border-style: none;
}

/* Eliminate the blank space when a <p> is encountered */
.QuickInfo p { margin: 0; }

.smallLogos { display: inline-block;
              vertical-align: top;
              width: 240px;
              font-size: 12pt;;
              font-weight: bold;
            }


#Ticker { width: 100%;
            height: 30px;
            background-color: white;
            border: 2px solid red;
            border-radius: 5px;
            position: fixed;
            bottom: 1px;
            left: 0;
            z-index: 10;
            font-size: 18pt;
         }



/* Style definitions for the Blog page */


#BlogSidebar {position: fixed;
              right: 20px;
              width: 200px;
              height: 600px;
              overflow: auto;
              border-style: solid;
              border-radius: 10px;
              background-color: white;
              z-index: 10;
						 }	

.pseudoLink { text-decoration: underline; }
.pseudoLink:hover { color: red;
                    cursor: pointer;
                  }

#BlogSideBarActivate {
               position: relative;
					     left: 0px;
               top: 2px;
               height: 10px;
               cursor: pointer;
              }
              


#BlogshowTime {position: relative;
              margin-left: auto;
              margin-right: auto;
              width: 85%;
							height: 600px;
           /* max-width: 600px; */
              border-style: solid;
							border-radius: 10px;
              background-color: white;
							z-index: 5;
						 }