.page_body {
    background-color: black;
    font-family: verdana, helvetica, arial, sans-serif;
/* #####     font-family: Arial, Helvetica, sans-serif;  ##### */
}

a:link {
    color:yellow;
    background-color:transparent;
    text-decoration:none;
}
a:visited {
    color:yellow;
    background-color:transparent;
    text-decoration:none;
}
a:hover {
    color:yellow;
    background-color:transparent;
    text-decoration:underline;
}
a:active {
    color:yellow;
    background-color:transparent;
    text-decoration:underline;
}

.top_table {
    position: absolute;
    top: 35px;
    left: 450px;
    width: 960px;
    height: 209px;
    background-color: white;
    font-family: verdana, helvetica, arial, sans-serif;
/* #####     font-family: Arial, Helvetica, sans-serif;  ##### */
}

.top_td {
    position: relative;
    width: 960px;
    background-image: url("images/Wilkes-Barre-Pa-At-Night-21-Tilt-Shifted_960x250px.jpg");
    background-color: transparent;
    background-repeat:no-repeat;
    background-position:1px 1px;
    padding-left:30px;
    border: 5px ridge blue;
    font-size: 120%;
    font-style: italic;
    text-align: center;
}

.caption_td {
    position: absolute;
    top: 250px;
    left: 450px;
    width: 950px;
    background-color: #ffffff;
    border: 5px ridge blue;
    font-size: 80%;
    text-align: center;
}

.heading_td {
    position: absolute;
    top: 0px;
    left: 450px;
    width: 950px;
    color: white;
    background-color: black;
    border: 5px ridge white;
    font-size: 95%;
    font-style: italic;
    text-align: center;
}

/* ##### Horizontal Menu ##### */
.h_ul { 
    position: absolute;
    top: 250px;
    left: 450px;
    width: 960px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    background-color: yellow;
    font-size: 85%;
    font-style: normal;
}

.h_li {
    float: left;
}

.h_a {
    display: block;
    width: 150px;
    color: #ffffff;
    background-color: yellow;
}
.l2_ul { 
    position: relative;
    width: 730px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    background-color: yellow;
    font-size: 85%;
    font-style: normal;
}

.l2_li {
    float: left;
}

.l2_a {
    display: block;
    width: 150px;
    color: #ffffff;
    background-color: yellow;
}



/* ##### Left Side Menu ##### */

.menu_table_left {
    position: absolute;
    top: 280px;
    left: 450px;
    width: 230px;
    border: 5px ridge blue;
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
}

.menu_heading_1_td {
    position: relative;
    color: black;
    background-color: #FFFF00;
    font-size: 100%;
    text-align: center;
}

.menu_heading_2_td {
    position: relative;
    color: black;
    background-color: #33CCFF;
    font-size: 100%;
    text-align: center;
}

.menu_td_white {
    position: relative;
    left: 10px;
    width: 230px;
    color: white;
    background-color: blue;
    font-size: 80%;
    background-image:url(images/redball.gif);
    background-repeat:no-repeat;
    background-position:5px 1px;
    padding-left:30px;

}

.menu_td_red {
    position: relative;
    left: 10px;
    width: 230px;
    color: #ffffff;
    background-color: red;
    font-size: 80%;
    background-image:url(images/blueball.gif);
    background-repeat:no-repeat;
    background-position:10px 1px;
    padding-left:30px;

}

.menu_td_blue {
    position: relative;
    left: 10px;
    width: 230px;
    color: blue;
    background-color: white;
    font-size: 80%;
    background-image:url(images/blueball.gif);
    background-repeat:no-repeat;
    background-position:10px 1px;
    padding-left:30px;

}


/* ##### Main Page INDEX ##### */
.main_table {
    position: absolute;
    top: 280px;
    left: 680px;
    width: 600px;
    height: 75px;
    border: 5px ridge red;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #000000;
}

/* ##### WXRADAR Page Table ##### */
.main_table_1 {
    position: absolute;
    top: 360px;
    left: 680px;
    width: 600px;
    height: 50px;
    border:2px black;
    border-style:solid double
    font-family: Arial, Helvetica, sans-serif;
    padding:0px;margin:0px;
    background-color: #ffffcc;
}

.datahead {
    position: absolute;
    font-size: 75%;
    font-weight: bold;
    color:  white;
    background-color: #3173B1;
    text-align: center;
}

.main_heading_td {
    position: relative;
    width: 632px;
    color: blue;
        background-color: blue;
    font-size: 85%;
    text-align: center;
}

.main_heading_1_td {
    position: relative;
    left: 530px;
    width: 730px;
    color: black;
    background-color: blue;
    font-size: 100%;
    text-align: center;
}
.main_td {
    position: relative;
    width: 730px;
    color: white;
    background-color: blue;
    font-size: 75%;
    text-align: left;
    border: 5px ridge black;
}

.main_note_td {
    position: relative;
    left: 530px;
    width: 730px;
    color: black;
    background-color: #FFFF00;
    font-size: 100%;
    text-align: center;
}

.main_td_wind {
    position: relative;
    color: black;
    font-size: 100%;
    text-align: left;
    background-image:url(images/windcup_icon.jpg);
    background-repeat:no-repeat;
    background-position:10px 1px;
    padding:0px 60px 30px 60px;
    border-bottom: lightgrey solid medium;
}
.main_td_thermometer {
    position: relative;
    color: black;
    font-size: 80%;
    text-align: left;
    background-image:url(images/blueball.gif);
    background-repeat:no-repeat;
    background-position:10px 1px;
    padding:0px 60px 30px 60px;
    border-bottom: lightgrey solid medium;
}
.main_td_white {
    position: relative;
    color: blue;
    font-size: 85%;
    text-align: left;
    background-image:url(images/blueball.gif);
    background-repeat:no-repeat;
    background-position:10px 1px;
    padding-left:30px;
    border-bottom: lightgrey solid medium;
}
.main_td_blue {
    position: relative;
    color: #ffffff;
    font-size: 85%;
    text-align: left;
    background-image:url(images/blueball.gif);
    background-repeat:no-repeat;
    background-position:10px 1px;
    padding-left:30px;
    border-bottom: grey solid medium;
}
.radar_td {
    position: relative;
    color: #ffffff;
    font-size: 85%;
    text-align: left;
    border-bottom: grey solid medium;
}
.main_p {
    position: relative;
    color: #000000;
    font-size: 85%;
    text-align: center;
    border-bottom: grey solid medium;
}
.data1 {
         color: black;
         font-size: 85%;
         border-bottom: 1px solid grey;
         background-color: white;
         text-align: left;
}
.data2 {
         color: black;
         font-size: 100%;
         background-color: white;
         text-align: left;
}

hr {
 color: #000000;
 width: 75%;
 height: 5px;
 background-color: #000000;
}
hr.blue {
 color: #0000FF;
 width: 50%;
 height: 5px;
 background-color: #0000FF;
}
hr.red {
 color: #FF0000;
 width: 50%;
 height: 3px;
 background-color: #FF0000;
}
hr.green {
 color: #008000;
 width: 50%;
 height: 3px;
 background-color:  	#008000;
}
hr.yellow {
 color: #ffff00;
 width: 50%;
 height: 3px;
 background-color:  	#ffff00;
}
hr.gray {
 color: #808080;
 width: 50%;
 height: 3px;
 background-color:  	#808080;