body
{
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: #cccccc;
}

div#container
{
  position:relative;
  margin: 0px auto;
  border: 1px solid #000000;
  text-align: left;
  width: 1200px;
  height: 2470px;
  /*height: 1660px;*/
}

div#container2 {
    position: relative;
    margin: 0px auto;
    border: 1px solid #000000;
    text-align: left;
    width: 1200px;
    height: 1264px;
    /*height: 1660px;*/
}

div#menu {
    position: absolute;
    left: 600px;
    top: 265px;
    width: 600px;
    height: 40px;
    background-color: #3771C8;
    border: 0px solid #000000;
    z-index: 1000
}

div#menu_text {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 10pt;
    font-style: normal;
    font-family: arial, sans-serif;
    color: #ffffff;
    font-weight: bold;
    z-index: 1000;
    padding: 12px 150px
}

div#menu_text2 {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 10pt;
    font-style: normal;
    font-family: arial, sans-serif;
    color: #ffffff;
    font-weight: bold;
    z-index: 1000;
    padding: 12px 325px
}

div#phone {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
    padding: 8px 115px
}

div#email {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1000;
    padding: 0px 280px
}

div#border {
    position: absolute;
    top: 265px;
    border: 0px solid #000;
    left: 0px;
    width: 1200px;
    height: 20px;
    z-index: 100
}

div#ribbon {
    position: absolute;
    top: 265px;
    border: 0px solid #000;
    width: 600px;
    height: 20px;
    z-index: 100
}

#sddm {
    margin: 0;
    padding: 0;
}

#sddm li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font-size: 10pt;
    font-style: normal;
    font-family: arial, sans-serif;
    font-weight:bold;
    align-items: center
 }

#sddm li a {
    display: block;
    margin: 0 0px 0 0;
    padding: 12px 10px;
    width: 60px;
    height: 18px;
    background: rgb(56, 113, 200);
    color: #FFF;
    text-align: center;
    text-decoration: none;
}

#sddm li a:hover {
    background: rgb(136,170,222);
}

#sddm div {
    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    background: #EAEBD8;
    border: 1px solid #5970B2
}

#sddm div a {
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 10px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: #EAEBD8;
    color: rgb(18, 60, 200);
    font-size: 10pt;
    font-style: normal;
    font-family: arial, sans-serif;
}

#sddm div a:hover {
    background: rgb(136,170,222);
    color: #FFF
}


div#banner
{
  position:absolute;
  left:0px;
  top:0px;
  z-index:1000
} 

div#byline
{
  position:absolute;
  left:980px;
  top:83px;
  width:150px;
  height:150px;
}

div#byline_text
{
  font-size:24pt;
  font-style:normal;
  font-family:arial, sans-serif;
  color:#808080;
  font-weight:bold;
}

div#contentbox1_new
{
  position:absolute;
  left:0px;
  top:260px;
  background-color:#ffffff;
  border:0px solid #000000;
  width:1200px;
  height:600px;
}

div#contentbox2_new
{
  position:absolute;
  left:0px;
  top:863px;
  background-color:#ffffff;
  border:0px solid #000000;
  width:1200px;
  height:1600px;
}

div#content_top
{
  position:absolute;
  text-align:center;
  left:0px;
  top:46px;
  width: 1200px;
  height: 600px;
  border: 0px solid #000000;
  padding: 0px;
}

div#content_left
{
  position:absolute;
  text-align:center;
  left:50px;
  top:50px;
  width: 388px;
  height: 400px;
  border: 0px solid #000000;
  padding: 0px;
}

div#content_right
{
  position:absolute;
  text-align:center;
  left:650px;
  top:600px;
  width: 388px;
  height: 400px;
  border: 0px solid #000000;
  padding: 0px;
}

div#content_bigtext1
{
  position:absolute;
  font-size:28pt;
  font-style:normal;
  font-family:arial, sans-serif;
  color:#000000;
  left:750px;
  top:50px
}

div#content_text1
{
  position:absolute;
  font-size:18pt;
  font-style:normal;
  font-family:arial, sans-serif;
  color:#000000;
  left:650px;
  top:100px;
  width: 500px
}

div#content_bigtext2 
{
    position: absolute;
    font-size: 28pt;
    font-style: normal;
    font-family: arial, sans-serif;
    color: #000000;
    left: 200px;
    top: 600px;
}

div#content_text2 {
    position: absolute;
    font-size: 18pt;
    font-style: normal;
    font-family: arial, sans-serif;
    color: #000000;
    left: 50px;
    top: 650px;
    width: 500px
}

div#content_text3 {
    position: absolute;
    font-size: 28pt;
    font-style: normal;
    font-family: arial, sans-serif;
    color: #000000;
    left: 500px;
    top: 1150px
}

ul 
{
    list-style-type: disc; /* Default bullet style */
    margin: 0;
    padding: 0 20px; /* Indent for all lists */
}

/* Custom styles for a specific <ul> */
.custom-bullets 
{
    list-style-type: none; /* Remove default bullets */
    padding-left: 20px; /* Adjust indent */
    width: 500px;
}

 .custom-bullets li 
{
    position: relative; /* For custom bullets */
    padding-left: 25px; /* Space for custom bullet */
    margin-bottom:15px
}

.custom-bullets li::before {
    content: "-"; /* Custom bullet, e.g., a checkmark */
    color: green; /* Bullet color */
    font-size: 16px; /* Bullet size */
    position: absolute;
    left: 0;
    top: 0;
}

div#content_partner_EW
{
  position:absolute;
  width: 1200px;
  height: 300px;
  left: 10px;
  top: 1200px;
}

div#content_partner_KD {
    position: absolute;
    width: 1200px;
    height: 300px;
    left: 650px;
    top: 1200px;
}

div#copyright_text
{
  position:absolute;
  text-align:center;
  left:0px;
  top:2445px;
  width:1200px;
  height:20px;
  font-size:8pt;
  font-style:normal;
  font-family:arial, sans-serif;
  color:#ffffff;
  z-index:100
}

div#copyright_banner 
{
    position: absolute;
    text-align: center;
    left: 0px;
    top: 2430px;
}

div#copyright_text2
{
  position:absolute;
  text-align:center;
  left:0px;
  top:1239px;
  width:1200px;
  height:20px;
  font-size:8pt;
  font-style:normal;
  font-family:arial, sans-serif;
  color:#ffffff;
  z-index:100
}

div#copyright_banner2
{
    position: absolute;
    text-align: center;
    left: 0px;
    top: 1224px;
}

table,th,td
{
  border: 1px solid black;
  padding: 5px;
  vertical-align: top;
}

th
{
  text-align: left;
}

td
{
  width: 150px;
}

div#date
{
  text-align: right;
}

div#center_text
{
  text-align: center;
}

div#contentbox1
{
  position:absolute;
  left:0px;
  top:170px;
  background-color: #ff9900;
  /*border: 10px solid #ffffff;*/
  border: 10px solid #000066;
  width: 600px;
  height: 290px;
}

div#contentbox2
{
  position:absolute;
  left:600px;
  top:170px;
  background-color: #99cc66;
  /*border: 10px solid #ffffff;*/
  border: 10px solid #000066;
  width: 600px;
  height: 290px;
}

div#contentbox3
{
  position:absolute;
  left:0px;
  top:470px;
  background-color: #33ffff;
  /*border: 10px solid #ffffff;*/
  border: 10px solid #000066;
  width: 600px;
  height: 290px;
}

div#contentbox4
{
  position:absolute;
  left:600px;
  top:470px;
  background-color: #ffcccc;
  /*border: 10px solid #ffffff;*/
  border: 10px solid #000066;
  width: 600px;
  height: 290px;
}

div#contentbox5
{
  position:absolute;
  left:0px;
  top:770px;
  background-color: #ffcc66;
  /*border: 10px solid #ffffff;*/
  border: 10px solid #000066;
  width: 600px;
  height: 290px;
}

div#contentbox6
{
  position:absolute;
  left:600px;
  top:770px;
  background-color: #33ffff;
  /*border: 10px solid #ffffff;*/
  border: 10px solid #000066;
  width: 600px;
  height: 290px;
}

div#contentbox7
{
  position:absolute;
  left:0px;
  top:1070px;
  background-color: #99cc66;
  /*border: 10px solid #ffffff;*/
  border: 10px solid #000066;
  width: 600px;
  height: 290px;
}

div#contentbox8
{
  position:absolute;
  left:600px;
  top:1070px;
  background-color: #ff9900;
  /*border: 10px solid #ffffff;*/
  border: 10px solid #000066;
  width: 600px;
  height: 290px;
}

div#left_item
{
  position:absolute;
  text-align: center;
  left:30px;
  top:30px;
  width: 320px;
  height: 220px;
  border: 0px solid #ffffff;
  /*padding: 20px;*/
}

div#right_item
{
  position:absolute;
  left:360px;
  top:30px;
  width: 200px;
  height: 220px;
  border: 0px solid #ffffff;
  /*padding: 20px;*/
}

div#largepage_contentbox
{
  position:absolute;
  left:0px;
  top:264px;
  background-color: #ffffff;
  border: 0px solid #000066;
  width: 1200px;
  /*height:600px;*/
  height:1000px;
}

div#overview_graphic
{
  position:absolute;
  text-align: center;
  left:10px;
  top:50px;
  width: 320px;
  height: 220px;
  border: 0px solid #ffffff;
}

div#status_graphic
{
  position:absolute;
  text-align: center;
  left:30px;
  top:300px;
  width: 320px;
  height: 220px;
  border: 0px solid #ffffff;
}

div#graphs_graphic
{
  position:absolute;
  text-align: center;
  left:360px;
  /*top:330px;*/
  top:430px;
  width: 320px;
  height: 220px;
  border: 0px solid #ffffff;
}

div#alarmlog_graphic
{
  position:absolute;
  text-align: center;
  left:700px;
  /*top:310px;*/
  top:410px;
  width: 320px;
  height: 220px;
  border: 0px solid #ffffff;
}

div#largepage_text
{
  position:absolute;
  left:640px;
  top:50px;
  width: 400px;
  height: 280px;
  border: 0px solid #000000;
}

a:link
{
  color: #000000;
}

a:visited
{
  color: #000000;
}

a:hover
{
  color: #777777;
}

a:active
{
  color: #000000;
}

div#content
{
  position:absolute;
  left:0px;
  top:85px;
  background-color: #3366ff;
  border: 0px solid #000;
  /*border: 1px solid #ccc;*/
  width: 600px;
  height: 300px;
}

a.title:visited
{
  text-decoration: none;
  color: black;
  font-size: 10pt;
  font-style: normal;
  font-family: arial, sans-serif;
  font-weight: bold;
}

div#arial_7_normal
{
  color: white;
  font-size: 7pt;
  font-style: normal;
  font-family: arial, sans-serif;
  padding: 2px;
}
div#arial_8_normal
{
  font-size: 8pt;
  font-style: normal;
  font-family: arial, sans-serif;
  padding: 2px;
}
div#arial_8_bold
{
  font-size: 8pt;
  font-style: normal;
  font-family: arial, sans-serif;
  padding: 2px;
  font-weight: bold;
}
div#arial_8_red
{
  font-size: 8pt;
  font-style: normal;
  font-family: arial, sans-serif;
  color: red;
  font-weight: bold;
}
div#arial_10_normal
{
  font-size: 10pt;
  font-style: normal;
  font-family: arial, sans-serif;
}
div#arial_10_bold
{
  font-size: 10pt;
  font-style: normal;
  font-family: arial, sans-serif;
  font-weight: bold;
}
div#arial_10_red
{
  font-size: 10pt;
  font-style: normal;
  font-family: arial, sans-serif;
  color: red;
}
div#arial_12_normal
{
  font-size: 12pt;
  font-style: normal;
  font-family: arial, sans-serif;
}
div#arial_12_bold
{
  font-size: 12pt;
  font-style: normal;
  font-family: arial, sans-serif;
  font-weight: bold;
}
div#arial_12_red_bold
{
  font-size: 12pt;
  font-style: normal;
  font-family: arial, sans-serif;
  color: red;
  font-weight: bold;
}
div#arial_12_green_bold
{
  font-size: 12pt;
  font-style: normal;
  font-family: arial, sans-serif;
  color: darkgreen;
  font-weight: bold;
}
div#arial_14_normal
{
  font-size: 14pt;
  font-style: normal;
  font-family: arial, sans-serif;
}
div#arial_14_blue
{
  font-size: 14pt;
  font-style: normal;
  font-family: arial, sans-serif;
  color: blue;
}
div#arial_18_normal
{
  font-size: 18pt;
  font-style: normal;
  font-family: arial, sans-serif;
}
div#arial_18_red
{
  font-size: 18pt;
  font-style: normal;
  font-family: arial, sans-serif;
  color: red;
}
div#arial_18_blue
{
  font-size: 18pt;
  font-style: normal;
  font-family: arial, sans-serif;
  color: #3771C8;
}
div#arial_24_normal
{
  font-size: 24pt;
  font-style: normal;
  font-family: arial, sans-serif;
}