#gradeTable {  /* makes he td larger so the white background flows fully beneath teh table in divs */
	height: 140px;  
	vertical-align: top;
}

/* formats the GRADING TITLE columns */
#gradetitlediv {
	position: relative;
	width: 544px;
	background-color: #394607;
	left: 32px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
}

/* formats the GRADING INFO columns */
#gradetitlecoldiv {
	position: relative;
	left: 32px;
	font-weight: bold;
}

/* formats the GRADE TITLE div */
.grade {
	position: absolute;
	width: 115px;
	padding: 5px;
	background-color: #C7CB4B;
	border-top: none;
	border-right: none;
	border-bottom: 3px solid #394607;
	border-left: 3px solid #394607;
	
}

/* formats GRADE INFO div */
.gradeinfo {
	position: absolute;
	left: 115px;
	width: 426px;
	padding: 5px;
	background-color: #C7CB4B;
	border-top: none;
	border-right: none;
	border-bottom: 3px solid #394607;
	border-right: 3px solid #394607;
}

/* formats the TOWN HOTEL info cell */
.townhotel {
	height: 22px;
}

/* formats the TOWN HOTEL columns */
#townhoteldiv {
	position: relative;
	height: 22px;
	font-size: 14px;
	font-weight: bold;
	color: #394607;
}

#townleft {
	position: absolute;
}

#townleftgc {
	position: absolute;
		left: 55px;
}

#townleftmid {
	position: absolute;
	left: 157px;
}

#townleftmidgc {
	position: absolute;
	left: 212px;
}

#townrightmid {
	position: absolute;
	left: 314px;
}

#townrightmidgc {
	position: absolute;
	left: 369px;
}

#townright {
	position: absolute;
	left: 471px;
}

#townrightgc {
	position: absolute;
	left: 526px;
}

.leftbdr {
	position: absolute;
	height: 22px;
	width: 11px;
	background-image: url(../images/itinerary_info/left_bdr.gif);
	background-repeat: no-repeat;
}

.town {
	position: absolute;
	width: 130px;
	left: 11px;
	background-color: #C7CB4B;
	height: 20px; /* padding and height used to position text in the middle, have to add up toheight of cell */
	padding-top: 2px;
	text-align: center;
}

.rightbdr {
	position: absolute;
	height: 22px;
	width: 11px;
	left: 141px;
	background-image: url(../images/itinerary_info/right_bdr.gif);
	background-repeat: no-repeat;
}

/* formats the hotel name div */
.hoteltitle {
	position: absolute;
	width: 350px;
	left: 135px;
}

.hotelpage {
	position: absolute;
	width: 100px;
	left: 620px;
}

.hotelnext {
	position: absolute;
	width: 45px;
	left: 715px;
}

.hotelback {
	position: absolute;
	width: 45px;
	left: 570px;
}

/* formats the HOTEL BOX columns */
.hotelbox {
	width: 620px;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-top-color: #C7CB4B;
	font-size: 11px;
	padding-top: 2px;
}

/* formats the hotel name div */
.hotelname {
	position: absolute;
	width: 300px;
	left: 327px;
}

/* formats the hotel grade div */
.hotelgrade {
	position: absolute;
	width: 130px;
	left: 630px;
}

/* formats LOGO INFO div */
.logobox {
	width: 24px;
	padding-right: 4px;
}

.borderbox {
	width: 1px;
}