body {
	margin: 0px auto;
	text-align: center;
	width: 1005px; 
}
.wrapper {
	border: 3px solid #0099CC;
	text-align: left;
	margin: 0px;
    background-image: url('../images/water.gif');
    background-repeat: repeat;
    overflow: hidden;
	/*background-color: #CCFFFF;*/
}

.header {
	background-image: url('../images/header.gif');
	height: 200px;
    background-repeat: no-repeat;
    line-height:170pt; 
    color:yellow;
    font-size: 16pt;
    font-weight:bold;
    padding-left:20px;
}
.menu {
	background-color: aqua;
	/*height: 30px; padding:5px;*/;
	border-bottom: 2px solid blue;
}
.menu ul {
	padding-left: 0;
	margin: 0;
	background-color: #036;
	color: White;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
}
.menu ul li {
	margin: 0;
	display: inline;
}
.menu ul li a {
	padding: 0.2em 1em;
	background-color: #036;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}
.menu ul li a:hover {
	background-color: #369;
	color: #fff;
}
.itinerary {
    width: 750px;
    font-size:10pt;
    padding: 10px;
    margin: 5px ;
}
.itinerary table {
    border-collapse: collapse;
    border-color:#0099CC;
}
.itinerary .show {
    visibility:visible;
}
.itinerary .hide {
    visibility:hidden;
}
.itinerary .error {
    text-align:center;
    font-weight:bold;
    color:red;
}
.itinerary h2 {
    text-align:center;
    color:#0099CC;
}
.itinerary .rowdest {
    background-color: #CCFFFF;
}
.itinerary .rowdest td{
    padding-left:5px; 
}
.itinerary .rowdest input {
    background-color: #CCFFFF; 
    
}
.itinerary .tdlhs {
    width:40%;
    text-align:right;
    padding-right:20px;
}
.itinerary .tdrhs {
    width:60%;
    padding-left:30px;
}
.itinerary .itineraryBold {
    margin-left:100px;
    font-weight:bold;
    font-size:14pt;
}
.lhcol {
	width: 160px;
	float: left;
	border-right: 1px solid #0099CC;
	font-family:Arial, Helvetica, sans-serif;
    font-size:8pt;
    min-height: 500px;
}
.lhcol .rounded {
	/*margin: 5px;*/
	padding: 10px;
	margin: 5px ;
    width:125px;
    border:1px solid #0000FF;
	display: block;
    overflow: visible;
    background-image:url('../images/backrepeat1.jpg');
}
.lhcol p {
    text-align:center;
}
.lhcol p a {
    text-decoration: none;
    border:1px solid #FFFFFF;
    padding:1px 5px 1px 5px;
    color:#000000;  
} 
.lhcol a:hover{
    font-weight:bold;
}
.rhcol {
	width: 830px;
	float: right;
	clear: none;
	/*background-color: gray;*/
}
.rhcol .rounded {
	/*margin: 5px;*/
	padding: 10px;
	margin: 5px ;
    width:795px;
    border:3px solid #0000FF;
	display: block;
    overflow: visible;
    background-image:url('../images/backrepeat.jpg');
   }
.rhcol h2 {
    text-align:center;
    color:#0099CC;
}
.rhcol table {
    border:1px solid black;
    border-collapse: collapse;
    border-color:#0099CC;
    font-size:9pt;
}
.rhcol table th{
    text-align:left;
} 
.footer {
    height: 40px;
	border-top: 2px solid #0099CC;
	clear: both;
}
.footer table {
    font-family:Arial, Helvetica, sans-serif;
    font-size:8pt;
}

.ithelp div{
    
    border:2px solid #0099CC;
    padding:10px;
    margin-bottom:20px;
    margin-left:45px;
    font-family:Arial, Helvetica, sans-serif;  
    max-width:700px;
    font-size:10pt; 
}
.ithelp h4{
    margin-left: 20px;
}

.dpTable {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #505050;
    background-color: #ece9d8;
    border: 1px solid #AAAAAA;
    }
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
    border: 1px solid #ece9d8;
    }


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


/* 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: #aca998;
    border: 1px solid #888888;
    cursor: pointer;
    color: red;
    }
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
    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 {
    color: #4060ff;
    font-weight: bold;
    }


/* the forward/backward buttons at the top */
.dpButton {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: gray;
    background: #d8e8ff;
    font-weight: bold;
    padding: 0px;
    }


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

.customItemsTbl {
    width:610px;
    border:1px solid black;
}
.customItemsTbl tr th{
    text-align:right;
    padding-right: 20px;
}

.customItemsTbl tr .lhs{
    font-size:10pt;
    text-align:right;
    padding-right: 10pt;
}