* {
    margin: 0;
    padding: 0
}

*
body {
    font: 0.9em Verdana, Helvetica, Sans-Serif;
    color: #444;
    margin-left: 7px;
    background-color: #F6F6F6
}

h1 {
    font-size: 1.2em;
    font-weight: 400;
    float: left
}

h1 a {
    text-decoration: none;
    color: #444
}

.marginTop {
    padding-top: 0.7em
}

h2 {
    font-size: 1.1em;
    color: #8C8C8C;
    font-weight: 400;
    margin: 0 0 .8em
}

h3 {
    font-size: 1em;
    border-bottom: 1px solid #eee;
    margin: 0 0 .8em
}

p {
    line-height: 0.8em;
    margin: 0 0 0.5em
}

#ddfds {
    background-color: red;
    height: 100%;
}

strong {
    line-height: 1em;
}

a {
    color: #0142A8
}

a:hover {
    color: #55B1DA;
    text-decoration: none
}

img {
    border: 0
}

#container {
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    width: 1055px;
}

#header {
    width: 100%;
    height: auto;
}

#footer {
    background-color: #fff;
    clear: both;
    border-top: 1px solid #e0e0e0;
    margin: 0 auto;
    padding: 15px;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    width: auto
}

#footer .right {
    float: right
}

#leftcolumn {
    background: #75a6b4;
    float: left;
    margin-right: 6px;
    padding: 5px 5px 5px 8px;
    line-height: 140%;
    margin-bottom: 10px;
    width: 350px
}

#leftcolumn a {
    color: #111;
    width: 100%;
    text-decoration: underline
}

#leftcolumn ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#leftcolumn a:hover {
    background-color: #D6E5F2;
    color: #000;
    text-decoration: none
}

#leftcolumn li {
    float: left;
    margin: 0 0.15em
}

#rightcolumn {
    padding: 10px;
    background: #FFF;
    float: left;
    width: 1055px;
    margin-top: 20px;
    border: 1px solid #aaa
}

#bottom-nav {
    background: #6e8fb8;
    float: left;
    margin-right: 6px;
    padding: 5px 5px 5px 8px;
    line-height: 140%;
    margin-bottom: 10px;
    width: 750px;
    clear: both
}

#bottom-nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#bottom-nav li {
    float: left;
    margin: 0 0.15em
}

#bottom-nav h3 {
    font-size: 1em
}

.align-right {
    float: right;
    margin: 0 0 15px 15px
}

#bottom-nav a {
    color: #111;
    width: 100%;
    text-decoration: underline
}

#bottom-nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#bottom-nav a:hover {
    background-color: #D6E5F2;
    color: #000;
    text-decoration: none
}

#bottom-nav li {
    float: left;
    margin: 0 0.15em
}

#info {
    float: left;
    width: 400px;
    overflow: auto
}

#ieVer {
    background: #f9df01
}

#supportinfobox {
    margin-right: 4px
}

.dyk {
    background-color: #80ACB7
}

.dykh {
    background-color: #427A87;
    color: white
}

.notice {
    background-color: #800000;
    color: #F9F9F9
}

.noticeh {
    background-color: #600000;
    color: white
}

.announce {
    background-color: #C04000;
    color: white
}

.announceh {
    background-color: #A03000;
    color: white
}

.downtime {
    margin-bottom: 0.5em;
    margin-left: 1em;
    padding: 0.1em;
    border: 1px solid #AAA
}

.scheduled {
    background-color: yellow;
    color: black
}

.unscheduled {
    background-color: red;
    color: white
}

.none {
    background-color: #0e0
}

.sdowntimeHeader {
    padding: 0.1em;
    background-color: #ee0
}

.udowntimeHeader {
    padding: 0.1em;
    background-color: #e00
}

.ndowntimeHeader {
    padding: 0.1em;
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: green;
    color: white
}

.sdowntimeAffects {
    color: red;
    font-weight: bold;
    vertical-align: top
}

.udowntimeAffects {
    color: yellow;
    font-weight: bold;
    vertical-align: top
}

.downtimeIssue {
    font-weight: bold;
    text-align: center
}

.downtimeDate {
    font-style: italic;
    text-align: right
}

.downtimeDescription {
    text-align: center
}

.downtimeUnscheduled {
    margin-bottom: 0.5em;
    margin-left: 1em;
    padding: 0.1em;
    border: 1px solid #AAA;
    color: black;
    width: 300px;
    background-color: red
}

.white {
    color: white
}

.nfoh5 {
    line-height: 90%
}

.tableYellow {
    background-color: yellow;
    color: black
}

.hotspot {
    cursor: pointer
}

#tt {
    position: absolute;
    display: block;
    background: url(images/tt_left.gif) top left no-repeat;
    font-size: 0.75em
}

#tttop {
    display: block;
    height: 5px;
    margin-left: 5px;
    background: url(images/tt_top.gif) top right no-repeat;
    overflow: hidden
}

#ttcont {
    display: block;
    padding: 2px 12px 3px 7px;
    margin-left: 5px;
    background: #666;
    color: #FFF
}

#ttbot {
    display: block;
    height: 5px;
    margin-left: 5px;
    background: url(images/tt_bottom.gif) top right no-repeat;
    overflow: hidden
}

.viewport {
    cursor: move
}

#test {
    overflow: auto;
    width: 100%;
    line-height: 1.5em
}

.mahoosive {
    font-size: 1em;
    border-bottom: 1px solid #eee;
    margin: 0 0 .8em
}

.flleft {
    width: 45%;
    float: left
}

.flright {
    width: 45%;
    float: right
}

.inforForIE {
    background-color: #E8ECF1;
    padding: 10px
}

.biggap {
    margin-top: 2.5em;
    font-size: 0.9em
}

.NotLoggedIn {
    width: 400px
}

#LoggedIn {
    width: 200px;
    height: 15px;
    background-color: #E8ECF1
}

#LoggedIn ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#LoggedIn li {
    float: left;
    margin: 0 0.15em
}

#didyouknowbox {
    width: 400px;
    padding: 10px
}

#smallertabs {
    width: 450px
}

#frontpagesearch {
    background: #75a6b4;
    margin-right: 6px;
    padding: 5px 5px 5px 8px;
    line-height: 140%;
    margin-bottom: 10px;
    width: 250px
}

#supportscreen {
    height: 400px;
    float: right;
    padding-bottom: 5px
}

#csemaps {
    background-image: url('../images/photos/cse-bg.png');
    background-repeat: no-repeat;
    height: 200px
}

#csemaps ul {
    padding-top: 70px;
    padding-left: 45px;
    list-style: none
}

#csemaps li {
    padding-bottom: 20px
}

#hubmaps {
    background-image: url('../images/photos/hub-bg.png');
    background-repeat: no-repeat;
    height: 200px
}

#hubmaps ul {
    padding-top: 20px;
    padding-left: 45px;
    list-style: none
}

#hubmaps li {
    padding-bottom: 20px
}

.cseGroundFloor {
    background-color: #00A728;
    color: white;
    padding-right: 40px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none
}

.cseFirstFloor {
    background-color: #F45807;
    color: white;
    padding-right: 60px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none
}

.cseSecondFloor {
    background-color: #259CD8;
    color: white;
    padding-right: 40px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none
}

.HubThirdFloor {
    background-color: #954E6B;
    color: white;
    padding-right: 40px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none
}

.cseFirstFloorHeading {
    background-color: #F45807;
    color: white;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 45%;
    font-size: 1.3em
}

.cseSecondFloorHeading {
    background-color: #259CD8;
    color: white;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 45%;
    font-size: 1.3em
}

.cseGroundFloorHeading {
    background-color: #00A728;
    color: white;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 45%;
    font-size: 1.3em
}

.HubThirdFloorHeading {
    background-color: #954E6B;
    color: white;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    width: 45%;
    font-size: 1.3em
}


ul.valid {
    margin-left: 0;
    padding-left: 0;
    display: inline;

}

li.valid {
    margin-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: inline;

}

.spaced {
    line-height: 1.3em;
}