BODY
{
    BACKGROUND: url("images/NierAston_TH_ZAB_Br_QTOF_Voyager.jpg") ivory fixed center center
}
H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 35pt;
    FONT-FAMILY: "Arial", "Helvetica";
    TEXT-ALIGN: center
MARGIN-TOP: 20px;
COLOR: #FFCC00; (*applies header)
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15pt;
    FONT-FAMILY: "Verdana", "Arial", "Sans-Serif";
    TEXT-ALIGN: left
}
H5
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15pt;
    TEXT-INDENT: 10pt;
    FONT-FAMILY: "Verdana", "Arial", "Sans-Serif";
    TEXT-ALIGN: left
}
H6 
{
PADDING-TOP: 1px;   
 FONT-SIZE: 15pt;
    FONT-FAMILY: "Verdana", "Arial", "Sans-Serif";
    TEXT-ALIGN: center
COLOR: #FFCC00;  (*applies header)
}


.blinking-text {
  animation: blinker 2s linear infinite;
COLOR: #FFCC00
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}



<style>
  @keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }
  
  .spinning-image {
    animation: spin 4s linear infinite; /* Adjust '4s' to make it spin faster or slower */
  }
</style>


.chem-dept {
  PADDING-TOP: 0px; 
  FONT-SIZE: 17pt; 
  FONT-FAMILY: "Verdana", "Arial", "Sans-Serif"; 
  TEXT-ALIGN: center;
  COLOR: #FFCC00; /* Yellow text color shown in your image */
}

/* This targets ONLY the span tag containing "Location:" */
.underline-title {
  text-decoration: underline;
}



.chem-dept2 {
  PADDING-TOP: 0px; 
  FONT-SIZE: 17pt; 
  FONT-FAMILY: "Verdana", "Arial", "Sans-Serif"; 
  TEXT-ALIGN: center;
  COLOR: #000000; /* Yellow text color shown in your image */
}

/* This targets ONLY the span tag containing "Location:" */
.underline-title {
  text-decoration: underline;
}





.chem-dept3 {
  PADDING-TOP: 0px; 
  FONT-SIZE: 17pt; 
  FONT-FAMILY: "Verdana", "Arial", "Sans-Serif"; 
  TEXT-ALIGN: center;
  COLOR: #FF0000; /* Yellow text color shown in your image */
}

/* This targets ONLY the span tag containing "Location:" */
.underline-title {
  text-decoration: underline;
}

IMG
{
    BORDER-RIGHT: thin;
    BORDER-TOP: thin;
    LEFT: 10px;
    BORDER-LEFT: thin;
    BORDER-BOTTOM: thin;
    POSITION: right;
    TOP: 0px
}
IMG.link
{
    BORDER-RIGHT: black 2px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: black 2px;
    PADDING-LEFT: 0px;
    LEFT: 0px;
    PADDING-BOTTOM: 7px;
    MARGIN: 2px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: black 2px;
    WIDTH: 100px;
    PADDING-TOP: 7px;
    BORDER-BOTTOM: black 2px;
    POSITION: relative;
    HEIGHT: 10px
}
IMG.form
{
    LEFT: 0px;
    FLOAT: left;
    MARGIN: 0px 15px 1px 0px;
    WIDTH: 96px;
    POSITION: relative;
    TOP: 0px;
    HEIGHT: 124px
}



A:link
{
    COLOR: #F0F0F0
}
A:visited
{
    COLOR: #A1A1A1
}
A:hover
{
    BACKGROUND: 800000;
    COLOR: #FFFAFA
}




A:active
{
    BACKGROUND-IMAGE: none;
    COLOR: #21005;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: #06600;
    TEXT-DECORATION: none
}
P
{
    FONT-SIZE: 15pt;
    COLOR: #ffffff;
    LINE-HEIGHT: 100%;
    FONT-FAMILY: "Verdana", "Arial", "Sans-Serif";
    TEXT-ALIGN: justify
}
P.centre
{
    FONT-SIZE: 15pt;
    COLOR: #ffffff;
    LINE-HEIGHT: 150%;
    FONT-FAMILY: "Verdana", "Arial", "Sans-Serif";
    TEXT-ALIGN: center
}
P.ind
{
    TEXT-INDENT: 0pt
}
P.link
{
    FONT-SIZE: 80%;
    FONT-FAMILY: "Verdana", "Arial", "Sans-Serif";
    TEXT-ALIGN: center
}
P.form
{
    LINE-HEIGHT: 110%
}
UL
{
    FONT-SIZE: 13pt;
    FONT-FAMILY: "Verdana", "Arial", "Sans-Serif";
    LIST-STYLE-TYPE: disc;
    TEXT-ALIGN: left;
    outside: 
}
OL
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15pt;
    LINE-HEIGHT: 150%;
    FONT-FAMILY: "Verdana", "Arial", "Sans-Serif";
    LIST-STYLE-TYPE: upper-alpha;
    TEXT-ALIGN: justify;
    outside: 
}
OL.sub
{
    FONT-WEIGHT: normal;
    LINE-HEIGHT: 150%;
    LIST-STYLE-TYPE: lower-roman
}
OL.ref
{
    FONT-WEIGHT: normal;
    LIST-STYLE-TYPE: decimal
}
TD
{
    BORDER-RIGHT: 2px;
    BORDER-TOP: 2px;
    FONT-SIZE: 13pt;
    BACKGROUND-IMAGE: none;
    BORDER-LEFT: 2px;
    COLOR: #ffffff;
    BORDER-BOTTOM: 2px;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: "Verdana", "Arial", "Sans Serif";
    BACKGROUND-COLOR: #006633
}
TH
{
    BORDER-RIGHT: 2px;
    BORDER-TOP: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 18pt;
    BACKGROUND-IMAGE: none;
    BORDER-LEFT: 2px;
    COLOR: #ffffff;
    BORDER-BOTTOM: 2px;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: "Verdana", "Arial", "Sans Serif";
    BACKGROUND-COLOR: #006633
}
