* { margin:0; padding:0;}
body { background-color:#2f3157;}

#site_center {text-align:center;}

#main {width:780px; margin:0 auto; text-align:left; position:relative;}

#page1 #content {background-image:url(images/AMPMShuttle-HomePage.jpg); background-repeat:no-repeat; height:1000px; width:780px; margin-top:15px;background-color:#242643;}
#about #content {background-image:url(images/AMPMShuttle-AboutUs-BKG.jpg); background-repeat:no-repeat; height:1000px; width:780px; margin-top:15px;background-color:#242643;}
#cancellation #content {background-image:url(images/AMPMShuttle-Cancellation-BKG.jpg); background-repeat:no-repeat; height:1150px; width:780px; margin-top:15px;background-color:#242643;}
#faq #content {background-image:url(images/AMPMShuttle-FAQ-BKG.jpg); background-repeat:no-repeat; height:1000px; width:780px; margin-top:15px;background-color:#242643;}
#contactus #content {background-image:url(images/AMPMShuttle-ContactUs-BKG.jpg); background-repeat:no-repeat; height:1000px; width:780px; margin-top:15px;background-color:#242643;}



#content p {font-family:"Georgia", Times New Roman, Times, serif, Verdana, Arial; font-size:14px; line-height:18px; padding-bottom:10px; color:#FFFFFF;}


.img {border:0px;}



/*======= index.html =======*/

#page1 #content .contactNumBox {width:200px; position:absolute; top:135px; left:25px;}
#about #content .contactNumBox {width:200px; position:absolute; top:135px; left:25px;}
#cancellation #content .contactNumBox {width:200px; position:absolute; top:135px; left:25px;}
#faq #content .contactNumBox {width:200px; position:absolute; top:135px; left:25px;}
#contactus #content .contactNumBox {width:200px; position:absolute; top:135px; left:25px;}

#page1 #content #col_1 { width:420px; position:absolute; top:600px; left:150px;}
#about #content #col_1 { width:435px; position:absolute; top:385px; left:200px;}
#cancellation #content #col_1 { width:435px; position:absolute; top:385px; left:200px;}
#faq #content #col_1 { width:435px; position:absolute; top:385px; left:200px;}
#contactus #content #col_1 { width:435px; position:absolute; top:385px; left:200px;}


#content #headingtxt { width:380px; position:absolute; top:485px; left:321px;}
#page1 #content #reservation { 
	width:240px;
	position:absolute;
	top:310px;
	left:150px;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:24px;
	color:#FFCC00;
	font-weight:bold;	
	}
#about #reservation {
	width:240px;
	position:absolute;
	top:200px;
	left:35px;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:24px;
	color:#FFCC00;
	font-weight:bold;	
	}
#cancellation #reservation { 
	width:240px;
	position:absolute;
	top:200px;
	left:35px;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:24px;
	color:#FFCC00;
	font-weight:bold;	
	}
#faq #reservation { 
	width:240px;
	position:absolute;
	top:200px;
	left:35px;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:24px;
	color:#FFCC00;
	font-weight:bold;	
	}
#contactus #reservation { 
	width:240px;
	position:absolute;
	top:200px;
	left:35px;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:24px;
	color:#FFCC00;
	font-weight:bold;	
	}
	
label {  
	display: block;
	margin:5px 0px 5px 0px;
	font-size:15px;
	}
.formsmltxt {
	font-size:11px;
	}
	.highlight {
	background-color:#FFCC00;
	color:#000000;
	}
	
	
				
#content #reservation a:link {color:#FFCC00; text-decoration:underline; margin:0px;}
#content #reservation a:visited {color:#FFCC00; text-decoration:underline; margin:0px;}
#content #reservation a:hover {color:#FFFFFF; background-color:#990066;}

#content #navigation a:link {color:#FFFFFF; text-decoration:underline;}
#content #navigation a:visited {color:#FFFFFF; text-decoration:underline;}
#content #navigation a:hover {color:#FFFFFF; background-color:#990066;}

.navigationgap { margin-left:25px;}

#page1 #content #navigation { 
	width:650px;
	position:absolute;
	top:355px;
	left:150px;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:16px;
	color:#FFCC00;
	font-weight:bold;	
	}
#about #content #navigation { 
	width:770px;
	position:absolute;
	top:240px;
	left:35px;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:15px;
	color:#FFCC00;
	font-weight:bold;	
	}
#cancellation #content #navigation { 
	width:770px;
	position:absolute;
	top:240px;
	left:35px;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:15px;
	color:#FFCC00;
	font-weight:bold;	
	}	
#faq #content #navigation { 
	width:770px;
	position:absolute;
	top:240px;
	left:35px;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:15px;
	color:#FFCC00;
	font-weight:bold;	
	}
#contactus #content #navigation { 
	width:770px;
	position:absolute;
	top:240px;
	left:35px;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:15px;
	color:#FFCC00;
	font-weight:bold;	
	}



#page1 #content #col_2 { width:145px; height:338px; position:absolute; top:600px; left:600px;}
#about #content #col_2 { width:550px; height:200px; position:absolute; top:800px; left:200px;}
#content #col_2  p {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#content #col_2  img {margin-bottom:5px;}

#content .formtableHeader { width:420px; height:75px; background-image:url(images/OlderKids_FormBKG-Header.gif); background-repeat:no-repeat; float:left;}

#content .formTable {background-color:#e5f4fd; width:420px; float:left}
#content .formTableContainer {width:400px; padding-left:20px;}
#content .formtableFooter { width:420px; height:20px; background-image:url(images/OlderKids_FormBKG-Footer.gif); background-repeat:no-repeat; float:left; margin-bottom:180px;}


#content .box { width:100%;}
#content .col_1 { padding:30px 0px 0px 0;}





/*=========================*/



#footer {margin-bottom:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #828bb5;
	background-image:url(images/AMPMShuttle-HomePage-Footer.jpg);
	background-repeat: no-repeat;
	width: 780px;
	height: 26px;
}

#footer p {margin-left:150px;}
#about #footer p {margin-left:200px;}
#cancellation #footer p {margin-left:200px;}
#faq #footer p {margin-left:200px;}
#contactus #footer p {margin-left:200px;}


.clear { clear:both;}
.alignright { text-align:right;}


h1 { font-family:"Trebuchet MS", Verdana, Arial;color:#ffffff; margin:0px 0 10px 0; font-size:18px;font-weight:bold;}



h2 { font-family:Arial, Helvetica, sans-serif;color:#ffffff; font-size:20px; line-height:20px; font-weight:bold;}
h3 { font-family:Arial, Helvetica, sans-serif;color:#256bb3; font-size:20px; margin-bottom:10px; margin-top:80px;}
.bigtext {font-size:21px; line-height:26px; font-weight:bold;}




/*footer*/
#footer p{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.footer { float:left;}
/*================== index.html ==================*/

#content .col_2 ul {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:23px; list-style-image:url(images/musicnote-blue.gif); list-style-position:inside; margin-left:5px;}




#content .col_4 ul {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:16px; list-style-position:inside; list-style-position:inside; list-style:url(images/redStar.gif); margin-left:10px;}


#content .privacyNote {width:320px; height:110px; display:block; top:120px; left:35px; position:absolute; background-image:url(images/OlderKids_privacyBox.gif); background-repeat:no-repeat; z-index:5; visibility:hidden; padding: 10px 15px 15px 15px;}
#content .privacyNote p {font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:11px; line-height:14px;}


#form1 {margin-top:25px;}
#form1 label {width: 175px; float: left; text-align: right; margin-right: 0.5em; display: block; vertical-align:middle;line-height:22px;}
#form1 .inputForm {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#0066CC;}

.submit input {margin-left:150px;}



#reservation-p0 #content {height:800px; width:780px; margin-top:15px;}
#reservation-p1 #content {height:800px; width:780px; margin-top:15px;}
#reservation-p2 #content {height:800px; width:780px; margin-top:15px;}
#reservation-p3 #content {height:800px; width:780px; margin-top:15px;}
#reservation-p4 #content {height:800px; width:780px; margin-top:15px;}
#reservation-p5 #content {height:800px; width:780px; margin-top:15px;}

.h1-reservation {font-family:"Trebuchet MS", Verdana, Arial;color:#232541; margin:10px 0 10px 10px;; font-size:22px;font-weight:bold;}

.reservation-footer {margin-bottom:5px; margin-top:10px; width: 780px; height:26px; background-color:828bb5;}
.reservation-footer-p {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}



#ReservationHeader { width:778px; height:115px; background-image:url(images/AM-PM-Header.jpg); background-repeat:no-repeat; position:relative;float:left;}

#ReservationHeader-rsvpTitle a {
	width:240px;
	position:absolute;
	top:25px;
	left:200px;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:24px;
	color:#FFCC00;
	font-weight:bold;	
}

#ReservationHeader-contactNumBox {
	width:150px; 
	position:absolute;
	top:80px; 
	left:15px; 
	float:left;
}
#ReservationHeader-contactNumBox h2 {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:18px;
	color:#FFFFFF;
	font-weight:normal;
}
#ReservationHeader-navigation {
	width:565px;
	position:absolute;
	top:80px;
	left:200px;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:12px;
	color:#FFCC00;
	font-weight:normal;
}
#ReservationHeader-navigation a {color:#FFFFFF; text-decoration:underline; font-size:12px; font-weight:normal;}
#ReservationHeader-navigation a:active {color:#FFFFFF; text-decoration:underline; font-size:12px; font-weight:normal;}
#ReservationHeader-navigation a:link {color:#FFFFFF; text-decoration:underline; font-size:12px; font-weight:normal;}
#ReservationHeader-navigation a:visited {color:#FFFFFF; text-decoration:underline; font-size:12px; font-weight:normal;}
#ReservationHeader-navigation a:hover {font-family:"Trebuchet MS", Verdana, Arial; background-color:#990066; color:#FFFFFF; text-decoration:underline; font-size:12px; font-weight:normal;}