html, body {
 		   font-family: "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
 		   font-size: small;
		   text-align: center;
 		}

 		#container {
 		   margin-left: auto;
 		   margin-right: auto;
 		   width: 80%;
 		   min-width: 710px;
 		   width: expression(document.body.clientWidth < 888? "710px": "80%");
 		   text-align: left;
 		   
 		   background-color: white;
 		   background-image: url(/images/design/contentBg.jpg);
 		   background-position: 154px;
 		   background-repeat: repeat-y;
 		}

 		.forReader, .forPrint {
 		   display: none;
 		}
 		
 		img {
 		   padding: 1px;
         border: 1px solid #14487d;
		}

 		#header {
 		   background-color: #14487D;
 		   margin-bottom: 1px;
 		   height: 93px;
 		}

 		#header h1 {
 		   height: 67px;
 		   width: 152px;
 		   margin: 13px 0 0 10px;
 		   padding: 0;
 		   float: left;
 		   background-image: url(/images/design/uglLogo.gif);
 		}

 		#header h1 a {
 		   overflow: hidden;
 		   padding: 67px 0 0 0;
 		   display: block;
 		   height: 0;
 		}

 		#header #contactInfo {
 		   margin: 0 1em 0 175px;
 		   padding: 15px 0 0 0;
 		   color: white;
 		   text-align: right;
 		   font-size: small;
 		   font-weight: bold;
 		}

 		#header p {
 		   margin: 0;
 		   padding: 0;
 		}

 		#header p a {
 		   color: white;
 		   text-decoration: none;
 		}

 		#header p a:hover {
 		   text-decoration: underline;
 		}

 		#mainmenu {
 		   background-color: #9CBCDA;
 		   background-image: url(/images/design/mainmenuBg.jpg);
 		   background-repeat: repeat-x;
 		   margin: 0;
 		   padding: 0;
 		   height: 76px;
 		   font-size: 12px;
 		   font-weight: bold;
 		   /* border: 1px solid red; */
		   text-align: center; 

 		} 

 		#mainmenu table {
 		   height: 36px;
 		   /* border-bottom: 1px solid white; */
 		   padding: 0;
 		   margin: 0;
 		   width: 100%;
 		   text-align: center;
 		   border-collapse: collapse;
 		}


 		#mainmenu td {
 		   border-bottom: 1px solid white;
 		   vertical-align: middle;
 		   padding: 0;
 		   margin: 0;
 		   background-image: url(/images/design/mainmenuDivider.gif);
 		   background-repeat: no-repeat;
 		}

 		#mainmenu td.first {
 		   background-image: none;
 		}

 		#mainmenu td.selected {
 		   border-bottom: 1px solid #9CBCDA;
 		}



 		#mainmenu a {
 		   color: #010167;
 		   text-decoration: none;
 		}

 		#mainmenu a:hover {
 		   color: white;
 		}

 		#mainmenu .selected a {
 		   color: white;

 		}

 		#sectionmenu {
 		   float: left;
 		   width: 154px;
 		   margin: 0;
 		   padding: 0;
 		}
 		
 		#sectionmenu ul {
 		   margin: 0;
 		   padding: 0;
 		}

 		#sectionmenu li {
 		   padding: 0.5em 1em 1em 12px;
 		   margin: 0;
 		   list-style: none;
 		}

 		#sectionmenu a {
 		   text-decoration: none;
 		   color: #010167;
 		}

 		#sectionmenu .selected {
 		   background-color: #F9F0E6;
 		   background-image: url(/images/design/sectionListMarker.gif);
 		   background-repeat: no-repeat;
 		   background-position: 2px 0.8em
 		}

 		#sectionmenu .selected a {
 		   font-weight: bold;
 		}

 		#sectionmenu a:hover {
 		   text-decoration: underline;
 		}

      #content {

         margin: 0 154px 0 154px;
         font-family: Verdana, Helvetica, Arial, sans-serif;
         background-color: white;
         background-image: url(/images/design/contentBg.jpg);
         background-repeat: repeat-y;
         padding: 0.5em 1em 0 1em;
      }

      #content h1 {
         font-family: "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
         font-size: large;
         font-weight: bold;
         margin-top: 0;
      }

      #content h2 {
         font-size: small;
         font-weight: bold;
      }
      #content img {
         border: none;
      }
      #content a img {
         text-decoration: none;
      }
      #utilities {
         float: right;
         width: 150px;
         padding: 0;
         margin: 0;
      }

      #utilities img, #sectionmenu img {
         margin: 10px 0 0 0;
      }

      .utility div {
         background-image: url(/images/design/boxBg.jpg);
         background-position: bottom;
         background-repeat: repeat-x;
         border: 1px solid #14487d;
         padding: 1em 0.8em 0.5em 0.8em;
         margin: 0;
      }

      .utility h3 {
         color: #010167;
         font-weight: normal;
         font-size: small;
         margin: 0;
         padding: 0;
         background-color: white;
         display:inline;
         position: relative;
         top: 0.5em;
         left: 0.8em;
      }

      .utility #submit {
         margin-left: auto;
         margin-top: 0.5em;
         display: block;
      }
      


      #footer {
         font-size: xx-small;
         color: white;
         background-color: #9cbcda;
         background-image: url(/images/design/footerBg.jpg);
         height: 36px;
         padding: 39px 0 0 12px;
         margin: 0;
         background-repeat: repeat-x;
         clear: both;
      }

      #footer p {
         line-height: 36px;
         padding: 0;
         margin: 0;

      }
      
      #footer a {
        color: white;
        text-decoration: underline;
      }
      
      #footer a:hover {
        color: #9cbcda;
        background-color: white;
        text-decoration: none;
      }
      #frontPage h1 {
	  
	  text-align: center;
	  
	  }
	  
	  
      #frontPage #content {
         
         background-image: url(/images/design/frontContentBg.jpg);
         background-repeat: repeat-x;
		
		 text-align: center;	
		 margin-left: 0;
      }
	  
	  #frontPage ul {
	  
	   list-style-image: url(/images/ugl-bullet.gif);
	   text-align: left;	
	  
	  
	  }
	  
      #frontPage #container {
         background-image: none;
      }
      
      form .formSection1 {
         float: left;
         width: 50%;
      }

      form .formSection2 {
         float:left;
         width: 50%;
      }
      
      table.sailingschedule {
         border-collapse: collapse;
      }
      
      table.sailingschedule td{
         border: 1px solid black;
         padding: 4px;
      }
      .pdflink img {
         vertical-align: middle;
      }
      .pdflink {
         font-weight: bold;
      }
 
table.groupageschedule {
  border-collapse: collapse;
  margin: 2em 5px; padding: 0;
  width: 90%;
}

table.groupageschedule th, table.groupageschedule td {
  padding: 2px;
  vertical-align: top;
}

table.groupageschedule thead {
  font-weight: bold;
}

table.groupageschedule thead {
  text-align: left;
}

table.groupageschedule thead th {
  border-bottom: 1px solid #14487d;
}

table.groupageschedule thead tr.area {
  background-color: #14487d;
  color: white;
  text-align: center;
}

table.groupageschedule thead tr.area th {
  padding: 0.5em;
}
	
table.groupageschedule col.frequency, table.groupageschedule col.transit {
  border-left: 1px solid #14487d;
}

table.columns td {
  vertical-align: top;
}


p.contact {
  clear: both;
}

p.clear {
  clear: both;
}


form#rateRequestForm {
  line-height: 1em;
  font-size: 90%;
}

form#rateRequestForm input, form#rateRequestForm select, form#rateRequestForm textarea {
  font-size: 90%;
  font-family: "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
  width: 200px;
}

form#rateRequestForm label {
  width: 150px;
  display: block;
  float: left;
  font-weight: normal;
  text-align: right;
  margin: 0 5px 0 0;
  color: #333333;
}

form#rateRequestForm div.form_section {
  float: left;
  width: 100%;
}

form#rateRequestForm div.form_section div {
  border: 1px solid #14487d;
  padding: 1em 5px 5px;
}

form#rateRequestForm div.form_section h4 {
  margin: 0;
  padding: 0;
  position: relative;
  font-size: 120%;
  top: 0.5em;
  left: 0.8em;
  background-color: white;
  display: inline;
  padding: 0 5px;
  color: #010167;
}

form#rateRequestForm p {
  clear: both;
  margin: 5px 0;
  padding: 0;
}

form#rateRequestForm textarea#collectionAddress {
  height: 6em;
}


form#rateRequestForm input, form#rateRequestForm select, form#rateRequestForm textarea {
  font-family:;
}

form#rateRequestForm table th {
  font-weight: normal;
  font-style: italic;
}

form#rateRequestForm #submit {
  width: 100%;
  font-weight: bold;
}

form#rateRequestForm table {
  border-collapse: collapse;
}

form#rateRequestForm td.first, form#rateRequestForm th.first {
  border-right: 1px solid #aaaaaa;
  text-align: right;
  width: 140px;
}

form#rateRequestForm table label {
  width: auto;
  float: none;
}

form#rateRequestForm th.first {
  padding-right: 10px;
}

form#rateRequestForm td, form#rateRequestForm th {
  padding-left: 10px;
}

form#rateRequestForm table input {
  width: auto;
}
.applicaiton-warning {

  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: red;
}