img.icon	
	{
	   float:left; 
	   margin-right:10px;
	}
	
	img {
		border: none;
	}
	
	h2 
	{
	  font-size: 1.1em;
	  margin:0;
	  padding:0;
	  display:inline;
	}
	
	h2.icon 
	{
    padding-top:10px;
 
	}

	h2.red
	{
    color:#800000;
 
	}

/* left section */

    /* GoogleTransit */
        
    #googletransit 
    {        
        margin:0;
        background-color: #FFFFB3; 
        width:100%;
	    height:260px;
    }
            
	#googletransit form {
		margin:0;
		padding: 0.5em 0.5em;
	}

	#header-google img 
	{
	    margin-top:5px;
	    margin-left:10px;
		border-top: 5px solid white;
		border-bottom: 5px solid white;
		border-left: 10px solid white;
		border-right: 10px solid white;
	}
	
	#where, #when {
		text-align:left;
		padding-left: 5px;
		padding-bottom: 10px;
	}

	#where p {
		margin:0;
		font-family:verdana;
		color: #CC9900; /* ochre */
		font-size: .83em;
	}

	#go-google 
	{
	    /*padding-bottom: 10px;*/
    	text-align:center;
    	margin-top:10px;
	}

	#go-google input {
		background-color: #F3C538;
	}

	#ttype {
		width: 30%;
	}

	#googletransit .tlp-where {
		/*display: block;*/
		width: 100%;
		font-family: verdana;
		border-bottom: 1px solid darkkhaki;
		margin-bottom: 5px;
		color: black; 
	}
	
	#googletransit .tlp-when {
		width: 29%;
		margin-right:10px;
		font-family: verdana;
		border-bottom: 1px solid darkkhaki;
		/*margin-left: 1%;*/ /*this messes everything up for some reason*/

	}

    /* route number direct form */

	#route {
		width: 100%;
		background-color: #C5E9F1;	
		margin: 0;
		margin-top:10px;
	}
	
	#routesub {
		margin-left:45px;
		font-size:.76em;
		font-weight:bold;
        margin-bottom:10px;		
		
	}

	#route form {
		margin: 0;
		padding: 0.5em 0.5em;
	}

	#route input {
		background-color: white;
	}
	
	#route b {
		color: brown;
		font-size: .83em;
	}
	#route p {
		font-size: .73em;
		padding: 0;
		padding-left: 0.5em;
		line-height: 1.6em;	
		text-align: left;
		font-weight: normal;
	}
	
	#route .routeNo {
		border-bottom: 1px solid darkkhaki;

	}

	#route-fields {
		font-size: .80em;
		color: black;	
		padding: 1em 0em;
	}

	#route-submit {
		text-align:center;
	}



    /* HEA info */

	#hea {
		width: 100%;
		background-color: #CC9900;	
		margin: 0;
		margin-top:10px;
	}
	
	#heasub {
		margin-left:45px;
		font-size:.76em;
		font-weight:bold;
        margin-bottom:10px;	
	
	}

	#hea form {
		margin: 0;
		padding: 0.5em 0.5em;

	}

	#hea input {
		background-color: white;
	}

	#hea input.bgcolor {
			background-color: #E0E0E0;
	}	


    /* service disruption */

	#big-alert {
		padding: 0 1em;	
	    text-align: left;
	    background-color: #FBEABB;
	    margin:0;
	    height:220px;
	}

	#big-alert-detail {
		padding: 0 1em;	
	    text-align: left;
	    background-color: #FBEABB;
	    margin:0;
	}	
	
   #big-alert hr
    {
        color: gray;
        height: 1px;
        
    }
	
	#big-alert p {
		color: #000000;
		text-align: left;
		font-size: .83em;
		line-height: 1.5em;
	}
	
	#rideralertsdetail {
		background-color: #FBEABB;
		margin-left: 0px;
		margin-top: 0px;
		padding: 0;	
		padding-top: 1em;
		/*width: 1020px;*/		
		text-align:left;
	}

	#rideralertsdetail p {
		margin: 0;
		padding: 0 1.2em;
		color: #CC9900; /* ochre */		
		font-size: .83em;
		font-weight: bold;
		text-align: center;
		
	}
	
	#rideralertsdetail p b {
		color: #800000;
	}

	#rideralertsdetail ul {
		margin: 0;
		font-size: .83em;
		list-style-type: square;
		margin-left: 5em;
		padding: 1em 2em .5em 2em;
		
	}

	#rideralertsdetail li {
		padding: 0 0 0.5em 0;
		border-bottom: 1px dashed silver;	
		margin: 5 0 0.3em 0;
	}
	
	#rideralertsdetail a {
		text-decoration: none;
	}
	
	#rideralerts 
	{
	    padding-top:10px;
	  /*  background-color: #FBEABB;*/
		
	}

	#rideralerts p {
		margin: 0;
		padding: 0 1.2em;
		color: #CC9900; /* ochre */		
		font-size: .83em;
		font-weight: bold;
		
	}	

	#rideralerts p b {
		color: darkred;
		
	}

	#rideralerts ul {
		margin: 0;
		font-size: .83em;
		list-style-type: none;
		margin-left: -1em;
		padding: 1em 2em .5em 2em;
	}

	#rideralerts ul.showsometimes {
		padding: 0em 2em .5em 2em;
		margin-top: -0.5em;
	}

	#rideralerts li {
		padding: 0 0 0.5em 0;
		border-bottom: 1px dashed silver;		
		margin: 0 0 0.3em 0;
	}

	#service p {
		margin:2;
		padding:.5em 0;
		font-weight: light;
		color: darkred;
		text-align: center;
		font-size: .85em;
		/*width: 700px;*/
	}
   
/* list links */

	#route a, #rideralerts a, #big-alert a, #hea a{
		text-decoration: none;	

	}

	#route a:hover, #rideralerts a:hover, #big-alert a:hover,#hea a:hover {
		text-decoration: underline;
	}