* {margin:0;padding:0}
/* mac hide \*/
html,body{ height:100%; width:100%; text-align: center;}
/* end hide */


body { 
	background-color: #999999;
	
	background-image: url(images/background.gif);
	background-repeat: repeat;

}


div#centered { 
    position: absolute; 
	width: 847px; 
	height: 447px;
	top: 50%; 
	left: 50%;
	margin-left: -423px;
	margin-right:auto;
	margin-top: -223px;
	margin-bottom: auto;
	/* border: 1px solid #000000;  */
	/*filter:alpha(opacity=60); 
   -moz-opacity: 0.6; 
   opacity: 0.6; */
	
}






.menu {
	font-size: 0px;
	color: #FFFFFF;
	padding-top:0px;
	padding-left:0px;
	padding-bottom:0px;
	padding-right:0px;
	}
	
.menu2 {
	position: relative;
	font-size: 0px;
	margin-bottom: 0px;
	}
	
.bottom {
	position: relative;
	margin-bottom: 0px;
	z-index:20;
	}	
	
.splash {
	width: 396px;
	height: 250px;
	position: absolute;
	font-size: 0px;
	left:50%;
	margin-top:100px;
	margin-left:-190px;
	margin-right:auto;
	text-align:left;
	border: 1px solid #FFFFFF; 
	
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	line-height:20px;
}
	.splash a:link { color:#FFFFFF; text-decoration:none; }
	.splash  a:visited { color:#FFFFFF; text-decoration:none; }
	.splash  a:active { color:#FFFFFF; text-decoration:none; }
	.splash  a:hover { color:#FFFFFF; text-decoration:none; }


.maincontainer {
	width: 847px;
	height: 377px;
	position: relative;
	text-align:left;
	background-image: url(images/maincontainer.gif);
	/* border: 1px solid #FFFFFF; */
	z-index:10;
	}	
	
.innerMainContainerLeft {
	position: absolute;
	width: 397px;
	height: 347px;
	text-align:left;
	margin-bottom: 0px;
	margin-left:13px;
	margin-top: 13px;
	/*border: 1px solid #999999;*/
}		

.innerMainContainerRight {
	position: absolute;
	width: 388px;
	height: 335px;
	text-align:left;
	margin-bottom: 0px;
	margin-left:416px;
	margin-top: 13px;
	border: 6px solid #B63A50;
	background-color: #B63A50;
	z-index:200;
	/*border: 6px solid #BE323D;
	background-color: #BE323D; */
}		

.innerMainRoute {
	position:absolute;
	width: 645px; 
	height: 347px; 
	z-index:50;
	margin-bottom: 0px;
	margin-left:13px;
	margin-top: 13px;
	z-index:400;
	/*border: 1px solid #999999;*/
}


.innerMapRight {
	position:absolute;
	width: 150px; 
	height: 347px;
	background-color:#B63A50;
	margin-left:665px;
	margin-top:13px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #D7D7D7;
	font-weight: bold;
	z-index:400;
	/*border: 1px solid #999999;*/
}
	
	
.next {
	position: absolute;
	width: 17px;
	height:26px;
	margin-top: 170px;
	margin-left: 395px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #B63A50;
	font-weight:bold;
	z-index:500;
	/* border: 1px solid #009933; */

}				

.sidelink {
	position: absolute;
	width: 15px;
	height:85px;
	margin-top: 268px;
	margin-left: 824px;
	/* border: 1px solid #009933; */

}			
	
	


.language {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	height: 20px;
	}
	.language a:link { color:#FFFFFF; text-decoration:none; }
	.language  a:visited { color:#FFFFFF; text-decoration:none; }
	.language  a:active { color:#FFFFFF; text-decoration:none; }
	.language  a:hover { color:#FFFFFF; text-decoration:none; }

.submenu {
	background-color: #FFFFFF;
   	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;

	color:  #B63A50;
	margin-top:5px;
	margin-left: 6px;
	margin-right: 6px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	height: 16px;
	z-index:200;

	}
	.submenu a:link { color: #B63A50; text-decoration:none; }
	.submenu a:visited { color: #B63A50; text-decoration:none; }
	.submenu a:active { color: #B63A50; background-color: #FFFFFF; text-decoration: none; }
	.submenu a:hover { color: #B63A50; background-color: #FFFFFF;  }	


.texttitle {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #D7D7D7;
	text-align:left;
	font-weight: bold;
	margin-left:6px;
	margin-right: 8px;
	margin-top: 10px;
	}
	
.text {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #D7D7D7;
	text-align:left;
	font-weight: normal;
	margin-left:6px;
	margin-right: 8px;
	list-style-position: inside;
	list-style-type: disc;
	line-height: 19px;
	}
	.text a:link { color: #D7D7D7; text-decoration:none; }
	.text a:visited { color: #D7D7D7; text-decoration:none; }
	.text a:active { color: #D7D7D7; text-decoration:none; }
	.text a:hover { color: #D7D7D7; text-decoration:none; }
	
	
.addressbar {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
	margin-top:-6px;
	margin-bottom: 0px;
	text-align:center; 	
	}
	.addressbar a:link { color:#FFFFFF; text-decoration:none; }
	.addressbar a:visited { color:#FFFFFF; text-decoration:none; }
	.addressbar a:active { color:#FFFFFF; text-decoration:none; }
	.addressbar a:hover { color:#FFFFFF; text-decoration:none; }

.maptext {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #B63A50;
	text-align:left;
	font-weight: normal;

	}
.maptexttitle {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #B63A50;
	text-align:left;
	font-weight: bold;

	}	
	
	

.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	text-align: center;
	color: #505050;
	background-color: #D7D7D7;
	border: 1px solid #B63A50;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #FFFFFF;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #D7D7D7;
	border: 1px solid #B63A50;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #B63A50;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	color: white;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #B63A50;
	border: 1px solid #B63A50;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #B63A50;
	background: #D7D7D7;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}