/*!
 * Home Screen CSS
 * 
 */

html {
    height: 100%;
    overflow: hidden;
}

body {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background-color: black;
    
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    overflow: auto;
}

.footer{
	background-color: gray;
	padding: 10px;
}


.appWrapper {
    position: relative;
    width: 1200px;
    border: 0px solid black;
    padding: 0;
    margin: 0 auto 40px auto;
    text-align: left;
    background-color: black;
}
.bkgdWrapper {
    position: relative;
    width: 100%;
    height:478px;
    border: 0px solid black;
    padding: 0;
    margin: 0 auto;
    text-align: left;
    background-color: black;
    background-position: top left;
}
.appHeader {
    height: 400px;
    border: 0px solid black;
    background: url(../images/tc_logo_nw.png) no-repeat;
	background-size: 988px 248px;
    background-position: center 30px;
	background-color: black;
    font-size:20px;
    color: #ffffff;
    position:relative;
    margin-top:-400px;
}


.navWrapper {
	margin: 0 auto;
	position: absolute;
    top: 368px;
    left: 0px;
    width:1200px;
    text-align:right;
}

.navWrapper ul {
	list-style-type: none;
    line-height: 50px;
}

.navWrapper li {
	padding-right:22px;
	display: inline;
    float: right;
}
.navMain a:link{
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    text-decoration: none;
}

.navMain a:visited{
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    text-decoration: none;
}

.navMain a:hover{
    color: #ffd600;
    font-weight: normal;
    font-size: 20px;
}

.navMain a:active{
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    text-decoration: none;
}

.selected{
	font-weight: bold;
}


.trafficoperations_logo {
    margin: 0px;
    padding: 0px;
    background: url(../images/trafficcontrol_logo.png) no-repeat;
    background-size: 222px 132px;
    width: 222px;
    height: 132px;
}
.rascal_logo {
    margin: 0px;
    padding: 0px;
    background: url(../images/rascal_logo.png) no-repeat;
    background-size: 222px 132px;
    width: 222px;
    height: 132px;
}
.portal_logo {
    margin: 0px;
    padding: 0px;
    background: url(../images/portal_logo.png) no-repeat;
    background-size: 222px 132px;
    width: 222px;
    height: 132px;
}

.sectionContainer {
	color: #ffffff;
	margin-top:30px;
	width:1200px;
	text-align: left;
    font-size: 20px;
	background-color: black;
}

.relNotesText {
	margin:0px;
	margin-top: 16px;
}

.relNotesContainer {
	margin-top:30px;
	text-align: left;
	background-color: black;
	font-size: medium;
	text-align: left;
	color: #ffffff;
}

.relNotesContainer td {
	padding: 0 15px 0 15px;
}

table.tableMain {
	color: #ffffff;
    margin-top:40px;
    text-align: left;
    font-size: 20px;
	background-color: black;
}

table.dlTable {
	color: #ffffff;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:30px;
    text-align: left;
    font-size: 18px;
    width: 70%;
}

.tableMainCell {
	color: #ffffff;
    padding:10px;
	background-color: black;
}


.dlTableCell {
   color: #ffffff;
   padding:1px;
	background-color: black;
}

.sectionText {
	color: #ffffff;
	margin:0px;
	margin-top: 16px;
	background-color: black;
}

.announce {
	color: #ffffff;
	font-size: larger;
	border-style: solid;
	padding: 0 10px 0 10px;
	margin: 2em 20em 0 20em;
	width: 32em;
}