body{
	text-align:center;
	background:#76c7e6;
	font-family: arial, Helvetica, sans-serif;
	font-size:80%;
}


.mainContainer{
	width:957px;/* 987 - 30 for padding*/
	text-align:left;
	background:#FFFFFF;
	margin:5px auto;
	padding:15px 13px 15px 13px;
}

html { min-height: 100%; margin-bottom: 1px; }

html>body .mainContainer {
	margin: 15px auto;
}

.header 
{
    padding: 0px;
	margin:0px 0px 0px 0px;
}

.header #MTALogo{
}

.header #logo
{
    margin: 10px;
	background: url(../images/mta.png) no-repeat bottom center;
	height:78px;
	width: 637px;
}

.header #logo a{
	display:block;
	height:78px;
	width:637px;
}

.header #topNav 
{
padding: 0px;
margin-left: 0px;
margin-top: 20px;
background: url(../images/grade.png) repeat-x center center;
list-style-type: none;
line-height: 24px;
width: 957px;
height: 24px;
border-bottom: 1px solid #005581;
border-right: 1px solid #005581;
border-top: 1px solid #76c7e6;
}

.header #topNav li
{
font-size: 110%;
float: left; 
border-left: 1px solid #FFFFFF;
}

.header #topNav li:hover { background: url(../images/navselected.png) repeat-x ; } 

.header #topNav li a
{
font-weight: bold;
color: #ffffff;
text-decoration:none;
padding: 0px 10px 0px 10px;
}

.header #topNav a#topNavSelected
{
color: #B9E2F8;
}


.hidden
{
display:none;
}
.clearAll{
	clear:both;
}

#leftCol{
	width:229px;/* less 30px due to padding */
	float:left;
	background:#0084c0;	
	
}


#leftCol .general 
{
	padding: 10px;	
    color: #ffffff;
}

	
	

		#leftCol .general h1{
			font-size:140%;
			color:#76c7e6;
			margin:5px;
		}

        #leftCol .general hr{
        border:none;
        height:1px;
        line-height:0px;
        border-bottom:1px solid #ffffff;
        }

		#leftCol. general .searchBox {width: 150px; padding: 0px; margin: 0px; font-family: arial; font-size: 9pt; margin-left: 6px; height: 15px;}
		
		#leftCol .general .SearchButton { width: 35px; height: 17px; margin-left: 2px; }
		
        #leftCol .general input
        {
            font-size: 80%; margin-left: 5px;
        }

        #leftCol .general form { margin: 0px;}

		#leftCol .general select{
			margin:5px;
		}

		#leftCol .general p
		{
		    color: #ffffff;
			margin: 10px 5px 10px 5px;
		}

		#leftCol .general a
		{
		    color: #c0e8f7;
		}

		#leftCol .general a:HOVER
		{
		    color: #ffffff;
		}


#leftColadmin{
	width:229px;/* less 30px due to padding */
	float:left;
	background:#ffffff;	
	
}

#leftColadmin .leftMenu{
	margin:50px 0px 50px 0px;
	padding:0px;
	list-style:none;
}
	#leftColadmin .leftMenu li{
		padding:10px 0px 7px 30px;
		margin:0px;
		border-bottom:1px solid #7ED1E1;
		background: url(../images/leftMenuArrow.png) no-repeat bottom left #B9E2F8;
	}
		#leftColadmin .leftMenu li a{
			color:#50554F;
			text-decoration:none;
			font-weight:bold;
			font-size:100%;
			letter-spacing:-0.01em;
		}
		#leftColadmin .leftMenu li a:hover, #leftColadmin .leftMenu li#leftNavSelected a{
			color:#1EBECA;
		}
		#leftColadmin .leftMenu li#leftNavSelected{
			margin:0px 0px 10px 0px;
			background: url(../images/leftMenuArrowSelected.png) no-repeat bottom left #B9E2F8;
		}
		#leftColadmin .leftMenu .leftSubMenu{
			background:#FFF;
			padding:0px 0px 3px 30px;
			margin:3px 0px 0px 0px;
			background:none;
		}
			#leftColadmin .leftMenu .leftSubMenu a{
				color:#1EBECA;
			}
			#leftColadmin .leftMenu .leftSubMenu a:hover{
				color:#50554F;
			}
			#leftColadmin .leftMenu .leftSubMenu#leftSubMenuSelected a{
				color:#8BD5EE;
			}  

#wideCol
{
    max-width: 683px;
    overflow:  visible;
	float:left;
	padding:15px;
	width:683px;/* less 30px for padding */
	margin:0px -3px 0px 15px;
	color:#50554F;	
    background:#ffffff;
}


#wideCol .form p { margin-top: 1px; margin-bottom: 1px; }

#wideCol input[type=text] { border: solid 1px #76c7e6; }
#wideCol input[type=password] { border: solid 1px #76c7e6; }
#wideCol input[type=submit] { border: solid 1px #76c7e6; }
#wideCol select { border: solid 1px #76c7e6; }

#wideCol .highlightwhite { margin-top: 6px; margin-bottom: 6px; background-color: #ffffff; padding: 2px 12px 2px 12px; border: solid 1px #76c7e6; } 

#wideCol .highlightwhite h2 { margin-bottom: 6px; margin-top: 6px; }
#wideCol .highlightwhite p {  margin-bottom: 6px; margin-top: 6px; }
#wideCol .highlightwhite select { border: solid 1px #76c7e6; }
#wideCol .highlightwhite input { border: solid 1px #76c7e6; }
#wideCol .highlightwhite textarea { width: 400px; height: 100px; border: solid 1px #76c7e6; }


#wideCol ul 
{
    list-style-position: outside;
    list-style-type: disc;

}



	#wideCol h1{
		font-size:210%;
		letter-spacing:-0.04em;
		color:#005581;
		margin:0px 0px 6px 0px;
		padding:0px;
		font-weight:normal;
	}
	#wideCol h2{
		font-size:150%;
		letter-spacing:-0.04em;
		color:#005581;
		margin:0px 0px 6px 0px;
		padding:0px;
		font-weight:normal;
	}
	#wideCol h3{
		font-size:130%;
		letter-spacing:-0.04em;
		color:#005581;
		margin:0px 0px 6px 0px;
		padding:0px;
		font-weight:normal;
	}
	#wideCol h4{
		font-size:130%;
		letter-spacing:-0.04em;
		color:#1ABDC9;
		margin:0px;
		padding:0px;
		font-weight:normal;
	}
	#wideCol h5,#wideCol h5 a{
		font-size:110%;
		letter-spacing:-0.04em;
		color:#005581;
		margin:0px;
		padding:0px;
		font-weight:normal;
		text-decoration:none;
	}
        #wideCol a{
                color:#005581;
                text-decoration:normal;
        }
        #wideCol a:hover{
                 color:#50554F;
        }

#wideCol .divSearchHeading
{
    margin-bottom: 5px;
    padding: 0px 4px 5px 4px;
}

#wideCol .divSearchHeading h1
{
    font-size: 150%; font-weight: bold;
    color: #0084c0;
    margin-top: 2px; margin-bottom: 2px;
}

#wideCol .divSearchHeading p
{
    font-size: 90%; font-weight: bold;
    color: #0084c0;
    margin-top: 0px; margin-bottom: 2px;
}

#wideCol .graph 
{
    border: solid 1px #0084c0;
    background-color: White;
}

#wideCol .graph .leftborder
{
    border-left: solid 1px #76c7e6;
}

#wideCol .graph .rotated
{
    writing-mode:tb-rl;
    height: auto;
}

#wideCol .graph .rotated p { font-size: 80%;text-align: center; margin-top: 2px; margin-bottom: 2px;} 

#wideCol .graph #top
{

    border-bottom: solid 1px #0084c0;
}

#wideCol .graph #bottom td
{
    border-left: solid 1px #76c7e6;
    border-top: solid 1px #0084c0;
}

#wideCol .graph #bottom #firstbottom
{
    border-left: none;    
    border-top: solid 1px #0084c0;
}

#wideCol .graph h1
{   
    margin: 2px;
    font-size: 120%;
    font-weight: bold;
    
  
}

#wideCol .graph p
{   
    margin: 1px;
    font-size: 80%;
}

#wideCol .divFilter
{
    border: solid 1px #cccccc;
    margin-top: 5px; margin-bottom: 5px; padding-left: 20px;
    background-color: #ffffe1;
    background-image: url(../images/alert.gif);
    background-repeat: no-repeat;
    background-position: center left; 
    width: 663px;
}

#wideCol .divFilter p
{
    margin: 3px;
    font-size: 90%;
    
}

#wideCol .tableResults
{
    border: solid 1px #0084c0;
    margin-bottom: 5px;
    background-color: #b9e2f8;
    width: 685px;
}

#wideCol .tableResults .rowHeading 
{
    background-color: #0084c0;
} 

#wideCol .tableResults .rowHeading p { color: #b9e2f8; font-weight: bold; margin-left: 6px; margin-top: 5px; margin-right: 6px; margin-bottom: 5px;}

#wideCol .tableResults .rowHeading a.selected { color: white; font-weight: bold; }

#wideCol .tableResults .rowHeading a { color: #b9e2f8; font-weight: bold; }

#wideCol .tableResults p { margin-left: 6px; margin-top: 2px; margin-right: 6px; margin-bottom: 2px;}
      
      
        #wideCol hr{
        border:none;
        height:1px;
        line-height:0px;
        border-bottom:1px solid #005581;
        }
	
	#wideCol .stdList{
		border:1px solid #7ED1E1; border-bottom:1px solid #CFEBFA; padding:5px; margin:0px;
	}
		#wideCol .stdList h5{
		float:left; width:150px;
		}
		#wideCol .stdList span{
		display:block; margin-left:155px;
		}
		#wideCol .stdList var{
		float:left; width:150px; font-size:120%; color:#005581; font-style:normal;
		}
	#wideCol .darkBlue{
		background:#CFEBFA;
	}
	#wideCol .lightBlue{
		background:#E8F5FD;
	}
	#wideCol .borderClass{
		border-width:1px;
	}
	#wideCol .borderClassBottom{
		 border-bottom:1px solid #7ED1E1;
	}

#footer{
	margin:-5px 0px -20px 0px;
	padding:0px 0px 0px 0px;
}
html>body #footer{
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
	#footer #bottomNav{
		list-style:none;
		margin:0px 0px 0px 0px;
		padding:0px;
	}
		#footer #bottomNav li{
			float:left;
			padding:0px 0px 0px 7px;
			margin:0px 0px 0px 7px;
			border-left:1px solid #B5B7B6;
		}
			#footer #bottomNav li.first{
				border:none;
				margin:0px;
				padding:0px;
			}
			#footer #bottomNav li a{
				color:#666666;
				text-decoration:none;
				font-size:0.95em;
			}
			#footer #bottomNav li a:hover{
				color:#000;
			}
	#footer #copyright{
		color:#666666;
		font-size:0.95em;
		float:right;
	}

.login p
{
    margin-right: 6px; margin-top: 0px; margin-bottom: 0px;
}

.login tr
{
    vertical-align: middle;
}

#topAdvancedFrame h2 { padding-top: 10px; padding-left: 10px;}
#topAdvancedFrame .addbutton { padding-left: 5px; padding-bottom: 5px; margin-top: 10px;}

div #bottomAdvancedFrame { background: #ffffff url(../images/bottom.gif) no-repeat bottom left; width: 670px; height: 5px;}