﻿/*
@font-face
{
    font-family: "Tempus Sans ITC";
    src: url('../Fonts/TEMPSITC.TTF');
} */

a
{
    color: #000077;
    cursor: pointer;
    margin: 0 0 0 0;
    outline-style: none;
    padding: 0 0 0 0;
    text-decoration: none;
}

a.Contact
{
    color: #000066;
    margin-left: 0.5em;
    margin-right: 0.5em;
}
a.Contact:hover
{
    color: #0099ff;
}

a.Hover
{}
a.Hover:hover
{
    color: #0099ff;
}

a.MenuPageFooter
{
    color: #000099;
}

a.MenuText
{
/*    border: 1px orange solid; */
    color: #999999;
    font-family: "Tempus Sans ITC";
    font-family: "Arial, Helvetica, sans-serif";
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
    width: 7.59em;
    width: 6em;
}

a.MenuText.DropDown
{
/*    color: #CCCCCC; */
    display: block;
    margin-bottom: 1.15em;
}

a.NextPage
{
    color: #0000FF;
    color: #000077;
}

a.RSS
{
    height: 4.38em;
    left: 0;
    margin-left: 17em;
    margin-top: -0.25em;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 2.19em;
}

body
{
    background-attachment: fixed;
    background-image: url('../Images/flower2b.01.60.jpg');
    background-position: 0 0;
    background-repeat: repeat;
    color: #003577;  /* 0,53,119 */
    color: #000077;
    color: #000033;
/*    color: rgb(168,200,255);
    color: rgb(183,197,240);
    color: rgb(213,248,255);
    color: rgb(168,168,255);
    color: rgb(223,223,240);
    color: rgb(164,164,210);
    color: rgb(185,185,210); */
    font-family: "Arial, Helvetica, sans-serif";
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

div
{
    border: 0 transparent none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
}

div.Banner
{
/*    border: 1px lime solid; */
    height: 11.60em;
/*    left: 0; */
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
    position: relative;
    top: 0;
    width: 62.54em;
    z-index: 10;
}

div.Banner.Footer
{
    height: 8.5em;
    margin-top: 1em;
    width: 62em;
}

div.Border
{
    border: 1px fuchsia dotted;
    background-attachment: scroll;
/*    background-position: 0 0; */
    background-repeat: no-repeat;
    height: 1em;
    position: relative;
    width: 1em;
}

div.Border.TopLeft
{
    background-image: url('../Images/Borders/BorderUpperLeft.01.gif');
    display: inline;
}

div.Border.TopCenter
{
    background-image: url('../Images/Borders/BorderTop.01.gif');
    background-repeat: repeat-x;
    display: inline;
    width: 0.12em;
}

div.Border.TopRight
{
    background-image: url('../Images/Borders/BorderUpperRight.01.gif');
    display: block;
}

div.Content
{
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

div.ContentBorder
{
    position: absolute;
    
}

div.Content.Heading
{
/*    border: 1px fuchsia dotted; */
    display: block;
}

div.Content div.MainContent
{
    clear: left;
    display: inline;
    float: left;
    left: 0;
    height: 100%;
    margin: 0 1.5em 1em 1.5em;
    overflow: hidden;
    width: 42.5em;
}

div.Content div.MainFrame
{
     left: 0;
     margin-bottom: 1em;
/*     position: relative; */
     top: 0em;
}

div.Content.TextBox
{
    position: absolute;
}

div#divDateTimeFrame, div#divNotiFrame, div#divScheduleFrame, div#divRSSframe
{
    left: 0;
    margin-bottom: 1em;
    margin-right: 1.5em;
    overflow: hidden;
    top: 0;
    width: 17em;
}

div.FooterMenu
{
    color: #000066;
    font-size: 0.7em;
    left: 67em;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 9.25em;
    width: 22em;
    z-index: 15;
}

div.FooterMenu div
{
    display: inline;
    margin-left: 0.18em;
    margin-right: 0.18em;
    position: relative;
}

div.FooterMenu label
{
    cursor: pointer;
}

div.Frame
{
    border: 0.01em transparent solid;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 1em 0 0 0;
    top: 0em;
    width: 64em;
/*    zoom: 85%; */
}

div.MainBG
{
    background-attachment: scroll;
    background-color: #232323;
    background-image: url('../Images/divBg.01.060.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 0;
    width: 100%;
}

div.MenuCell
{
/*    border: 1px red solid; */
    cursor: pointer;
    display: inline;
    height: 5em;
    height: 2.82em;
    height: 2.7em;
    left: 0;
    position: absolute;
    overflow: hidden;
    text-align: center;
    top: 0;
    width: 7.59em;
    width: 6em;
}

div.MenuCell.SubCell
{
    cursor: default;
    height: 0.1em;
}

div.MenuCell div.Button
{
    height: 2.5em;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 6em;
}

div.MenuCell div.ButtonGlow
{
    height: 2.82em;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

div.MenuCell div.Button.DropDown
{
    border: 0 transparent none;
/*    border: 1px black dotted; */
    cursor: pointer;
    height: 1.8em;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

div.MenuCell div.Button.DropDown.Edge
{
    cursor: default;
    height: 0.6em;
}

div.MenuCell div.MenuText
{
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 0.55em;
    width: 100%;
}

div.MenuCell div.MenuText.DropDown
{
    top: 0.5em;
}

div.MenuFrame
{
/*    border: 1px lime solid; */
/*    height: 2.82em; */
    left: 25em;
    left: 31.25em;
    overflow: visible;
    position: relative;
    top: -3.75em;
    width: 39.78em;
    width: 0;
}

div.MenuFrame.SubFrame
{
    left: 0;

    top: 2.3em;
}

div.PageLinks
{
/*    border: 1px aqua dotted; */
    clear: both;
    float: left;
    height: 2em;
/*    left: 0; */
    margin-top: 2.5em;
    position: absolute;
    text-align: center;
    width: 100%;
}

div.SDAstamp
{
    clear: right;
    float: right;
    height: 4.5em;
    left: -1.5em;
    margin-bottom: 1em;
    overflow: hidden;
    top: 0;
    width: 4.5em;
}

.Hidden
{
    display: none;
    visibility: hidden;
}

iframe
{
    display: block;
    margin: 0;
    padding: 0;
}

iframe.Glossary
{
    background-color: transparent;
    border-color: #333366;
    border-style: solid;
    border-width: 0.07em;
    height: 40em;
    left: 1em;
    margin-bottom: 1em;
    position: relative;
    top: 0;
    width: 40em;
}

iframe.Notification
{
    background-color: transparent;
    border-color: #333366;
    border-style: solid;
    border-width: 0.07em;
    height: 0;
    left: 1.5em;
    position: absolute;
    top: 4em;
    width: 14em;
    z-index: 5;
}

img
{
    border: 0 transparent none;
    left: 0;
    margin: 0 0 0 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
}

img.Banner
{
    height: 11.60em;
    width: 62.54em;    
}

img.Banner.Header
{
    outline-style: none;
    visibility: visible;
}

img.Banner.Footer
{
    height: 8.25em;
    width: 62em;
}

img.ContentBox
{
    margin-left: 1em;
}

img.Headings
{
/*    clear: both; */
    display: block;
/*    float: left; */
    height: 3.38em;
    left: 0;
    margin: 1em 2em 1em 1em;
    position: relative;
    top:0;
    width: 18.82em;
}

img.MainBG
{
    
}

img.MenuButton
{
    clip: rect(0em, 7.59em, 2.82em, 0em);
    clip: rect(0em, 6em, 2.5em, 0em);
    height: 5.65em;
    height: 5em;
    left: 0;
    top: -2.82em;
    top: -2.5em;
    width: 7.59em;
    width: 6em;
}

img.MenuButton.DropDown
{
    clip: rect(0em, 6em, 8.47em, 0em);
    height: 8.0em;
    top: 0em;
    width: 6em;
}

img.MenuButton.DropDown.Bottom
{
    top: -7.18em;
}

img.MenuButton.DropDown.Top
{
    top: -0.12em;
}

img.MenuButton.HighLight
{
    height: 3.8em;
    top: 10em;
}

img.MenuButtonGlow
{
    clip: rect(0em, 7.59em, 2.82em, 0em);
    clip: rect(0em, 6em, 2em, 0em);
    height: 5.65em;
/*    height: 2em; */
    left: 0;
    top: -2.82em;
    top: -3.30em;
    width: 7.59em;
    width: 6em;
}

img.RSS
{
    height: 4.38em;
    left: -2.46em;
    margin-left: 17em;
    margin-top: -0.25em;
    margin: 0;
    position: absolute;
    top: 0;
    width: 2.19em;
    width: 4.69em;
/*    clip: rect(0px,20px,0px,0px);*/
}

img.RSS:hover
{
    left: 0;
}

img.SDLogo
{
    
}

label
{
    margin: 0;
    padding: 0;
    position: relative;
}

label.Contact
{
    color: #999999;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

label.Copyright
{
    color: #666699;
    font-size: 0.6em;
}

label.Hover
{}
label.Hover:hover
{
    color: #0099ff;
}

label.NextPage
{
    border: 0.06em transparent solid;
    font-size: 0.8em;
    margin-left: 0.1em;
    margin-right: 0.1em;
}

label.NextPage.Active
{
    color: #000077;
    cursor: pointer;
}

li
{
    margin: 0;
    padding: 0;
}

li.Spaced
{
    margin-bottom: 1em;
}

ol
{
    list-style-position: outside;
    list-style-type: decimal;
    margin: 0;
    padding: 0;
}

ol.Main
{
    margin-left: 2em;
    padding: 0 2em 0 1em;
}

ol.Sub
{
    list-style-type: lower-roman;
    margin-left: 1.5em;
}

.opacityFull
{
    /* for IE */
    filter: alpha(opacity=100);
    /* for mozilla */
    -moz-opacity: 1.0;
    /* CSS3 standard */
    opacity: 1.0;
    /* for safari khtml */
    -khtml-opacity: 1.0;
}

.opacityVHigh
{
    /* for IE */
    filter: alpha(opacity=85);
    /* for mozilla */
    -moz-opacity: 0.85;
    /* CSS3 standard */
    opacity: 0.85;
    /* for safari khtml */
    -khtml-opacity: 0.85;
}

.opacityHigh
{
    /* for IE */
    filter: alpha(opacity=70);
    /* for IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    /* for mozilla */
    -moz-opacity: 0.70;
    /* CSS3 standard */
    opacity: 0.70;
    /* for safari khtml */
    -khtml-opacity: 0.70;
}

.opacityMid
{
    /* for IE */
    filter: alpha(opacity=50);
    /* for mozilla */
    -moz-opacity: 0.5;
    /* CSS3 standard */
    opacity: 0.5;
    /* for safari khtml */
    -khtml-opacity: 0.5;
}

.opacityLow
{
    /* for IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    /* for IE */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    filter: alpha(opacity=30);
    /* for mozilla */
    -moz-opacity: 0.30;
    /* CSS3 standard */
    opacity: 0.30;
    /* for safari khtml */
    -khtml-opacity: 0.30;
}

.opacityVLow
{
    /* for IE */
    filter: alpha(opacity=15);
    /* for mozilla */
    -moz-opacity: 0.15;
    /* CSS3 standard */
    opacity: 0.15;
    /* for safari khtml */
    -khtml-opacity: 0.15;
}

.opacityClear
{
    /* for IE */
    filter: alpha(opacity=0);
    /* for mozilla */
    -moz-opacity: 0.0;
    /* CSS3 standard */
    opacity: 0.0;
    /* for safari khtml */
    -khtml-opacity: 0.0;
}

.opacityHover {}

.opacityHover:hover
{
    /* for IE */
    filter: alpha(opacity=100);
    /* for mozilla */
    -moz-opacity: 1.0;
    /* CSS3 standard */
    opacity: 1.0;
    /* for safari khtml */
    -khtml-opacity: 1.0;
}

p
{
/*    border: 1px aqua dotted; */
/*    color: #003577;  /* 0,53,119 */
    display: block;
    margin: 0;
    padding: 1em 1em 0 1em;
}

span
{
    margin: 0 0 0 0;
}

span.Japanese
{
    font-style: italic;
}

span.Japanese.Terms
{/*
    color: #000077;
    cursor: pointer; */
}

span.MenuPageFooter
{
    color: #000099;
    font-size: 0.7em;
}

span.MenuText
{
/*    border: 1px yellow dashed; */
    font-size: 0.8em;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
}

span.NextPage
{
    border: 0.06em transparent solid;
    font-size: 0.8em;
    margin-left: 0.1em;
    margin-right: 0.1em;
}

span.NextPage.Number
{
    width: 0.8em;
}

span.ParaHead
{
    display: block;
    font-family: "Tempus Sans ITC";
    font-weight: bold;
    margin-bottom: 1em;
}

ul
{
    list-style-type: disc;
    margin: 0;
    padding: 0;
}
