/* 
Main website CSS
© Alavana Internet Marketing 2007
*/

a:link { color: #004bc0; }
a:visited { color: #004bc0; }
a:hover { color: #004bc0; }
a:active { color: #004bc0; }

.quickCell a:link { color: #ffffff; text-decoration: none; }
.quickCell a:visited { color: #ffffff; text-decoration: none;}
.quickCell a:hover { color: #ffffff; text-decoration: none;}
.quickCell a:active { color: #ffffff; text-decoration: none;}

.menuDownInner a:link { color: #ffffff; text-decoration: none; }
.menuDownInner a:visited { color: #ffffff; text-decoration: none;}
.menuDownInner a:hover { color: #ffffff; text-decoration: none;}
.menuDownInner a:active { color: #ffffff; text-decoration: none;}


body {
   	 background-color:		 	 #ededed;
   	 text-align:				 center;
   	 margin:					 0px;
}			 

.bold {
		 font-weight:				 bold;
}


.innerTopLeft {
		 background-image:			 url("images/page/innerlefttop.gif");
		 font:						 1px Tahoma, Verdana, Arial;
		 height:					 5px;
		 width:						 7px;
}

.innerTopRight {
		 background-image:			 url("images/page/innerrighttop.gif");
		 font:						 1px Tahoma, Verdana, Arial;
		 height:					 5px;
		 width:						 7px;
}

.innerBottomRight {
		 width:						 7px;
		 height:					 3.3em;
		 font:						 0.7em Tahoma, Verdana, Arial;
		 line-height:				 1.5em;
		 position: 					 relative;
}

.innerBottomLeft {
		 width:						 7px;
		 height:					 3.3em;
		 font:						 0.7em Tahoma, Verdana, Arial;
		 line-height:				 1.5em;
		 position: 					 relative;
}

.innerInnerBottomLeft {
		 background-image:			 url("images/page/innerleftbottom.gif");
		 font:						 1px Tahoma, Verdana, Arial;
		 height:					 40px;
		 width:						 7px;
		 position: 					 absolute;
		 bottom:					 0px;
}

.innerInnerBottomRight {
		 background-image:			 url("images/page/innerrightbottom.gif");
		 font:						 1px Tahoma, Verdana, Arial;
		 height:					 40px;
		 width:						 7px;
		 position: 					 absolute;
		 bottom:					 0px;
}

.innerTop {
		 margin-left:				 auto;
		 margin-right:				 auto;
		 background-color: 		   	 #ededed;
		 width:						 780px;
		 margin-top:				 15px;
		 background-image:			 url("images/page/innertop.gif");
		 font:						 1px Tahoma, Verdana, Arial;
		 height:					 6px;
}

.innerBottom {
		 margin-left:				 auto;
		 margin-right:				 auto;
		 background-color: 		   	 #ededed;
		 clear:						 both;
		 background-image:			 url("images/page/innerbottom.gif");
		 width:						 780px;
		 margin-bottom:				 15px;
		 font:						 1px Tahoma, Verdana, Arial;
		 height:					 6px;
}
.centerContainer {
		 width:						 780px;
		 margin-left:				 auto;
		 margin-right:				 auto;
		 text-align:				 left;
		 background-color:			 #ffffff;
		 background-image:			 url("images/page/background.gif");
}

.centerContainerFooter {
		 width:						 780px;
		 margin-left:				 auto;
		 margin-right:				 auto;
		 text-align:				 left;
}

.clearfix:after {
		   content:  				 "."; 
		   display: 				 block; 
		   height: 					 0; 
		   clear: 					 both; 
		   visibility: 				 hidden;
}


.innerLeft {
		 width:						 7px;
		 background-image:			 url("images/page/innerleft.gif");
		 float:						 left;
}

.innerRight {
		 width:						 7px;
		 background-image:			 url("images/page/innerright.gif");
		 float:						 left;
}

.mainConainer {
		 float:						 left;
		 width:						 766px;
}

.mainCenter {
		 background-color: 			 #ffffff; 
		 width: 		   		   	 764px; 
		 margin:					 1px;
}

.mainConainerFooter {
		 background-color:			 #cecece;
		 float:						 left;
		 height:					 3.21em;
		 width:						 764px;
		 font:						 0.7em Tahoma, Verdana, Arial;
		 line-height:				 1.5em;
		 border-bottom:				 1px #ffffff solid;
		 border-left:				 1px #ffffff solid;
		 border-right:				 1px #ffffff solid;
}

.mainContainerFooterInner {
		 padding-left:				 6px;
}

.intHeader {
		 background-color:			 #cacaca;
		 background-image:			 url("images/page/top_bg.gif");
		 height:					 86px;
		 width:						 764px;
		 font:						 11px Tahoma, Verdana, Arial;
		 position:					 relative;
}

.subMenu {
		 background-color:			 #0a50a1;
		 width:						 764px;
		 font:						 11px Tahoma, Verdana, Arial;
		 border-bottom:				 1px #ffffff solid;
}

#logo {
		  position:					 absolute;
		  bottom:					 -5px;
		  .bottom:					 10px;
		  right:					 10px;
}

#pageHeading {
		  position:					 absolute;
		  left:						 20px;
		  bottom:					 0.5em;
		  font:						 20px Tahoma, Verdana, Arial;
}



.innerSubHeading {
		 font:						 12px Tahoma, Verdana, Arial;
		 font-weight:				 bold;
		 color:						 #ffffff;
		 padding-top:				 7px;
}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.menuDown {
		   cursor:	 		  	  	 default;
		   float:	 	  			 left;
		   padding-left:			 5px;
		   margin-left:				 10px;
		   z-index: 4000;
}
		
.firstMenu {
		   margin-left:				 0px;
}
.menuDownInner {
		   font:					 12px Tahoma, Verdana, Arial;
		   font-weight:				 bold;
		   color:					 #ffffff;
		   padding-top:				 1px;
		   margin-left:				 10px;
		   border-left:				 1px #4076b6 solid;
		   padding-left:			 5px;
}


.menuDown ul A:link {text-decoration: none; color: #000000}
.menuDown ul a:visited {text-decoration: none;  color: #000000; }
.menuDown ul a:hover {text-decoration: none;  color: #ffffff; }
.menuDown ul a:active {text-decoration: none;  color: #000000; }		
    
.menuDownInner A:link {text-decoration: none; color: #ffffff;}
.menuDownInner A:visited {text-decoration: none; color: #ffffff;}
.menuDownInner A:active {text-decoration: none; color: #ffffff;}
.menuDownInner A:hover {text-decoration: none; color: #ffffff;}


div.menuDown ul li:hover {
      background-color:   		 #0a50a1;
		  color:					 #ffffff;
		  cursor:					 hand;
		  cursor:					 pointer;
    }
		
div.menuDown ul li:hover a {
		  color:					 #ffffff;
    }

.dropDownPadding {
		   margin-top: 				 3px;
		   margin-left:	 			 10px;
		   font-size: 				 0;
		}

.menuDown ul {
		   clear:	  				 both;
		   width:	  				 140px;
       display: 				 none;
		   position: 				 absolute;
       background-color: 		 #ededed;
       color: 					 #000000;
       list-style: 				 none;
		   border:				 	 1px #0a50a1 solid;
       padding: 				 0px;
		   font:					 11px Tahoma, Verdana, Arial;
		   line-height:				 18px;
		   z-index:					 1;
    }
    
.menuDown ul li {
      display: 	 				 block;
      padding-left: 			 10px;
		  padding-top:				 3px;
		  padding-bottom:			 3px;
    }
    
div.menuDown:hover ul {
      display: 	   	   			 block;
      margin: 					 0;
      padding: 					 0;
    }

div.menuDown ul li:hover {
      background-color:   		 #0a50a1;
		  color:					 #ffffff;
    }
		
.topDropItem {
		  margin-top:				 5px;
					 }
					 
.bottomDropItem {
		  margin-bottom:			 5px;
					 }					 
					 
.hidden {
		   visibility: 				 hidden;
}					 

.frontImage {
		 height:					 263px;
		 width:						 764px;
		 position:					 relative;
}

.subImage {
		 height:					 30px;
		 width:						 764px;
		 position:					 relative;
}

#frontHeadline {
		  position:					 absolute;
		  left:					 	 auto;
		  right:					 5em;
		  top:						 220px;
		  font:						 0.7em Tahoma, Verdana, Arial;
		  font-style:				 italic;
		  font-weight:				 bold;
      background-color: 		 #0a50a1;
		  padding:					 5px;
		  color:					 #ffffff;
}

#quickMenu {
		 width:						 764px;
		 background-color:			 #0a50a1;
		 margin-top:				 1px;
		 background-image:			 url("images/page/blue_bg.gif");
		 background-repeat:			 repeat-x;
}

.quickCell {
		 width:						 203px;
		 margin-left:				 30px;
		 .margin-left:				 15px;
		 padding-right:				 20px;
		 float:						 left;
		 margin-top:				 10px;
		 margin-bottom:				 9px;
		 color:						 #ffffff;
		 cursor:					 pointer;
		 
}	

.quickCell h3{
		  font:						 1.6em Tahoma, Verdana, Arial;
		  font-weight:				 bold;
		  margin-top:				 0px;
		  margin-bottom:			 5px;
		  cursor:					 pointer;

}	 
.quickCell h4{
		  font:						 1.05em Tahoma, Verdana, Arial;
		  line-height:				 1.3em;
		  margin-top:				 0px;
		  margin-bottom:			 0px;

}	 

.border {
		 border-right:				 1px dashed #ffffff;
}

.mainBody ul {
       list-style: 				 disc;
		   margin-top:				 20px;
		   padding: 				 0px;
		   margin-left:				 30px;
    }
    
.mainBody ul li {
		   margin-bottom:			 10px;
    }
		
.mainBody {
		   font:					 0.8em Tahoma, Verdana, Arial;
		   line-height:				 1.7em;
		   color:					 #000000;
		   padding-top:				 10px;
		   padding-bottom:			 25px;
		   margin-left:				 125px;
		   margin-right:			 75px;
}
.mainBodyVideo {
		   font:					 0.8em Tahoma, Verdana, Arial;
		   line-height:				 1.7em;
		   color:					 #000000;
		   padding-top:				 10px;
		   padding-bottom:			 25px;
		   margin-left:				 75px;
		   margin-right:			 75px;
}

.mainBody h3{
		   font-weight:				 bold;
		   margin-top:				 30px;
		   margin-bottom:			 -8px;
}

.partners ul {
       list-style: 				 none;
		   margin-top:				 20px;
		   padding: 				 0px;
		   margin-left:				 0px;
    }
    
.partners ul li {
      float: 	 				 left;
		  padding-right:			 15px;
		  padding-bottom:			 30px;
    }
		
.mapHidden {
		 display:  					 none;
}

.mapShow {
		 display:  					 block;
}

.trains {
		margin-top:					 10px;
		
}
.trains li {
		 margin-left:				 30px;
		 .margin-left:				 10px;
}


.inlineGraph {
		 margin-left:				 20px;
		 margin-top:				 5px;
}


.inlineGraphCaption {
		 margin-left:				 20px;
		 margin-top:				 -5px;
		 .margin-top:				 0px;
		 font:					 	 0.8em Tahoma, Verdana, Arial;
}

#map_canvas {
		 margin-top:				 1px;
		 margin-left:				 1px;
		 margin-right:				 1px;
		 width:						 763px;
		 height:					 450px;
}


.loginTable td {
		 width:	   					 100px;
		 font:						 11px Tahoma, Verdana, Arial;
		 text-align:				 center;
		 line-height:				 15px;
}

.loginTable {
		margin-left:				 auto;
		margin-right:				 auto;
		margin-top:					 30px;
		margin-bottom:				 10px;
}



.loginTable input{
	 margin-top:	  				 12px;
}


.loginTableUser {
		margin-left:				 auto;
		margin-right:				 auto;
		margin-top:					 10px;
		margin-bottom:				 20px;
}

.loginTableUser tr{
	  height:	   				 25px;
		 padding:					 3px;
}

.loginTableUser td{
		 width:			 			 200px;
		 background-color:			 #eaeaea;
		 text-align:				 left;
		 padding:					 4px;
		 font:						 11px Tahoma, Verdana, Arial;
		 font-weight:				 bold;

}
.loginHeader{
		 text-align:				 center;
		 font:						 11px Tahoma, Verdana, Arial;
		 font-weight:				 bold;

}

.loginTableUser input{
		 width:			  			 195px;
}


.loginButton {
		 margin-bottom:				 15px;
		 margin-left:				 auto;
		 margin-right:				 auto;
		 width:						 50px;
		 height:					 30px;
		 background-color:			 #0f51a1;
	    font-family: "Tahoma","Verdana","Arial","Helvetica";
	    font-size: 11px;
	    background-color: #0f51a1;
	    color: #FFFFFF;
	    font-weight: bold;
	    padding: 0px;
	    border-top: solid 2px #0051fc;
    	border-right: solid 2px #072850;
    	border-bottom: solid 2px #072850;
	    border-left: solid 2px #0051fc;