*,html{
    margin:0;
    padding:0;
}

.style1 {
    text-align: left;
}
.style3 {
    border-style: solid;
    border-width: 1px;
}
.style4 {
    line-height: 200%;
}
.style7 {
    text-decoration: none;
}

.style8 {
    border-collapse: collapse;
    border: 1px solid #000000;
}

.style9 {
    border: 1px solid #000000;
}

.style10 {
    font-family: serif;
    font-size: medium;
}

.subLeft{
    float:left;
    width:50%;
}

.subRight{
    float:left;
    width:50%;
}

table#bulletPoint{
    margin:0;
    padding:0;
    width:100%;
}

table#bulletPoint li{
    margin-left:25px;
}

#topBotSpace{
    margin-top:5px;
    margin-bottom:5px;
}

body{
    background: white;/* url(myBackground.png); */
    margin:0;
    padding:0;
    font-family: Arial;
    font-size:.9em;
}

#content{
    width:800px;
    margin:auto;
    padding:0;
    height:100%;
}

.float_right{float:right;width:390px;margin:0;padding:0;}
.float_left{float:left;width:390px;}

img {display:block;margin-left:auto;margin-right:auto;image-rendering:optimizeQuality;-ms-interpolation-mode: bicubic;}

.invisTable tr{
    height:50px;
}

.code{
    background:#eeffcc;
    border:1px solid lightgreen;
    border-radius:5px;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:10px;
    padding:5px;
    width:90%;
    height:45px;
    white-space:nowrap;
    overflow-x:auto;
    overflow-y:auto;
    resize:none;
    text-align:left;
    font-size: 1.1em;
    font-family: monospace;
}

.demo{
    border:1px solid lightgray;
    border-radius:5px;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:10px;
    padding:5px;
    width:90%;
    height:45px;
    white-space:nowrap;
    overflow-x:auto;
    overflow-y:auto;
    resize:none;
    text-align:left;
    font-size: 1.1em;
    font-family: monospace;
}

#content #myTitle{
    width:800px;
    position:relative;
    height:80px;
    margin-left:auto;
    margin-right:auto;
    margin:0;
    padding-left:10px;
    padding-right:10px;
    background: white;
}

#content #myTitle h1{
    font-size:30px;
    color:#C68E17;
    position:absolute;
    bottom:30px;
    left:5px;
}

.padding {padding:10px;margin:0;}
.removeSpacing{padding:0;margin:0;}

#content #myTitle h2{
    font-size:18px;
    color:#787878;
    position:absolute;
    bottom:10px;
    left:5px;
}

#content #myTitle h2 a{
    color:#787878;
    text-decoration:none;
}

#content #myTitle h2 a:hover{
    color:#CC2200;
    text-decoration:underline;
}

#content #main{
    width:800px; /*988*/
    /* border: 1px solid black; */
    padding:0;
    margin:0;
    margin-left:auto;
    margin-right:auto;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    margin-bottom:20px;
    background:white;
}

#content #main #top{
    border-radius:10px;
    width:809px; /* 992 */
    background:black;
    /* border:3px solid lightgray;*/
    height:29px;
    padding-left:5px;
    padding-bottom:5px;
    padding-top:5px;
}

#content #main #bot{
    border-radius:10px;
    width:814px; /* 992 */
    background:black;
    /* border:3px solid lightgray; */
    height:29px;
    padding-bottom:10px;
}

#content #main #top h2{
    color:white;
    font-size:22px;
    margin-left:10px;
}


#content #main #left{
    background:lightgray;
    width:0%;
    margin:5px;
    padding:0;
    float:right;
}


ul#nav {margain:0; list-style:none; padding: 0px; margin-top:10px;}
ul#nav li a{ float:left; display:block; color:white; padding: 5px 10px 5px 10px; text-decoration:none; font-weight: bold; font-size:20px; }
ul#nav li a { float:none; border-top-left-radius:5px; border-top-right-radius:5px;}
ul#nav li { float:left; color: white; margin:0; padding:0 0 0 0px; border-top-left-radius:5px; border-top-right-radius:5px;}
ul#nav #current { float:left; background: #aeaeae; color: #FFF; }
ul#nav #current a { float:left; background: #aeaeae; padding:5px 10px 5px 10px; color:#FFF; }
ul#nav li:hover a { float:left; text-decoration: underline;}
ul#nav .padding { padding: 5px 0 0 10px; font-weight: bold; }

ul#subnav{
    display:none;
    list-style:none;
}

ul#nav li{
    position:relative;
}

ul#nav li:hover ul#subnav{
    background:#9e9e9e;
    display:block;
    padding:0;
    /* margin-top:26px; */
    position:absolute;
    left:0px;
    top:32px;
    width:auto;
    z-index:10;
    /* min-width: 150px; */
}

ul#nav, ul#nav ul, ul#nav li
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

ul#subnav li{
    float:left;
    border-top-left-radius:0px; border-top-right-radius:0px;
}

ul#nav li:hover ul#subnav li a{
    display:block;
    color:white;
    background:#9e9e9e;
    margin:0;
    padding:5px;
    width:150px;
    font-size: 12px;
    border:1px solid black;
    border-top-left-radius:0px; border-top-right-radius:0px;
}
ul#nav li:hover ul#subnav li a:hover{
    color:black;
    background:lightgrey;
}

#content #main #right{
    background:white;
    margin:0;
    width:794px;
    /* border-left: 3px solid lightgray;
        border-right: 3px solid lightgray; */
    /* min-height:600px; */
    padding:10px;

}

h2{
    color:darkred;
    font-size:22px;
}

#content #main  a:hover h2{
    color:blue;
}

#content #main a{
    text-decoration:none;
}

#content #main a:hover{
    text-decoration:underline;
}

a:hover{ text-decoration: underline; }

.updateBox{
    border: 1px solid lightgray;
    border-radius: 10px;
    height:490px;
    overflow:auto;
}

#content #main #top a:hover{text-decoration:underline;}

#content #navBar{
    width:1000px;
    height:45px;
    background:black;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    margin:0;
    padding:0;

    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.4, rgb(40,40,40)),
        color-stop(1.0, rgb(144,144,144))
    ) scroll;

    background:    -moz-linear-gradient(top,#909090 , #282828 ) no-repeat center center scroll;
    background:     -ms-linear-gradient(top, #909090 , #282828 ) scroll;
    background:      -o-linear-gradient(top, #909090 , #282828 ) scroll;
    background: linear-gradient(top, #909090 , #282828 ) scroll;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#909090', endColorstr='#282828');
}

#content #webTop{
    width:1000px;
    background:lightgray;
    margin:0;
    padding:0;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}

#content #webTop img{
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    margin-bottom:0px;
    display:block;
    padding:0;
}

#subSection{
    margin:10px;

}

.outputTable{
    margin-top:5px;
    margin-bottom:5px;
    border-radius:5px;
    border-collapse:collapse;

}

.outputTable td{
    font-family: arial, helvetica;
    font-size: 16px;
    padding: 6px 12px;
    border:none;
    color:#000;
    text-align: center;
    background-color: #B9B9B9;
}

.outputTable tr{
    background: #E8E8E8;
}

.outputTable tr:nth-child(even){
    background-color:#E8E8E8;
}

.outputTable th {
    font-family: arial, helvetica;
    font-size: 11px;
    background-color: #000000;
    padding: 6px 12px;
    color: #FFFFFF;
    border:none;
    font-weight: bold;
}

.outputTable tr:first-child th:first-child{
    border-top-left-radius:5px;
}

.outputTable tr:first-child th:last-child{
    border-top-right-radius:5px;
}

.outputTable tr:last-child td:first-child{
    border-bottom-left-radius:5px;
}

.outputTable tr:last-child td:last-child{
    border-bottom-right-radius:5px;
}