@charset "UTF-8";
body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: url(images/backGroundVPS.jpg) repeat-x center top; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; }
 #container { width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: #FFFFFF url(images/backGroundMainContent.jpg) no-repeat center top; margin: 0px auto 0; text-align: left; /* this overrides the text-align: center on the body element. */ border-top-width: thick; border-right-width: thick; border-bottom-width: thick; border-left-width: thick; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: #D6E6F3; border-right-color: #D6E6F3; border-bottom-color: #D6E6F3; border-left-color: #D6E6F3; }
 #header { background: #FFF; padding: 35px 10px 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */ }
 #header h1 { margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 10px 0; }
 #mainContent { padding: 5px 40px 30px; word-spacing: 0px; letter-spacing: 1px; color: #301A71; line-height: 30px; font-size: 80%; background-image: url(images/backGroundMainContent.jpg); background-repeat: no-repeat; background-position: center top; }
.fieldsetBorder { border: thin solid #95C2D9; }
h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 150%; color: #261D75; background-repeat: no-repeat; background-position: left center; background-image: url(images/backGroundHeading1.jpg); padding-left: 25px; }
 #footer { padding: 7px 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */ background:#0C6CB2 repeat-x center bottom; text-align: center; }
 #footer p { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 10px 0 5px 10; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ font-size: 60%; color: #FFF; letter-spacing: 1px; }
a { color: #900; }
#footer p a { font-weight: bold; color: #FFF; }
.bodyTextBackGround { background-color: #FFF; }
h2 { font-size: 100%; color: #FFF; background-color: #261D75; text-indent: 10px; border: thin dashed #FFF; }
.imageWeatherBorder { border: thin solid #AECAE0; padding: 20px; }
.imageBorder { border: 20px solid #B2D7ED; padding: 10px; }
.formFields { background-color: #EDF6FB; }
.formFieldsSingle { background-color: #EDF6FB; height: 30px; width: 170px; }
.indent { text-indent: 20px; list-style-position: inside; list-style-type: disc; }
.fltRight { }
.firstLetter { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 175%; }
.calendarCells { font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: normal; width: 90px; line-height: 15px; color: #000; border: thin solid #666; height: 160px; letter-spacing: 0em; background-color: #FFF; }
.calendarCellsPreviousNextMonth { font-family: Arial, Helvetica, sans-serif; font-size: 80%; font-weight: normal; width: 90px; line-height: 15px; color: #000; border: thin solid #666; height: 160px; letter-spacing: 0em; background-color: #E6E6E6; }
.calendarWeekDays { color: #000; background-color: #A7CBE5; text-align: center; border: thin solid #000; }
.calendarCellsDates { font-weight: bold; }
.calendarShipNames { font-weight: bold; }
.calendarMonthName { color: #FFF; background-color: #0074B4; text-align: center; border: thin solid #000; font-size: 120%; }
.CollapsiblePanelContent ul li a { color: #900; }
#mainContent p a { color: #900; }