/** BASE STYLES ****************************************************************************/

html, body {
  font-family: Arial, Helvetica, sans-serif;
}
html {
  overflow: -moz-scrollbars-vertical;
}
body {
  margin: 8px 0px 0px 0px;
  text-align: center;
  background-image: url(images/bg.jpg);
  background-position: left top;
  background-repeat: repeat-x;
  background-color: #C6E9FC;
}
ul, li {
  list-style-position: outside;
}
a img {
  border: 0px;
}


/** SHADOWS & BIG WRAPPERS ********************************************************************/

#topShadowContainer, #bottomShadowContainer {
  margin: 0px auto;
  width: 950px;
  height: 12px;
  background-repeat: repeat-x;
}
#topShadowContainer {
  background-image: url(images/shadowTop.jpg);
  background-position: bottom left;
}
#bottomShadowContainer {
  background-image: url(images/shadowBottom.jpg);
  background-position: top left;
}
#leftTopShadowContainer, #rightTopShadowContainer, #leftShadowContainer, #rightShadowContainer {
  margin: 0px auto;
  width: 974px;
}
#leftTopShadowContainer, #rightTopShadowContainer {
  background-repeat: no-repeat;
}
#leftTopShadowContainer {
  background-image: url(images/shadowLeftTop.jpg);
  background-position: top left;
}
#rightTopShadowContainer {
  background-image: url(images/shadowRightTop.jpg);
  background-position: top right;
}
#leftShadowContainer, #rightShadowContainer {
  background-repeat: repeat-y;
}
#leftShadowContainer {
  background-image: url(images/shadowLeft.jpg);
  background-position: top left;
}
#rightShadowContainer {
  background-image: url(images/shadowRight.jpg);
  background-position: top right;
}
#allContent {
  width: 950px;
  margin: 0px auto;
  text-align: left;
}


/** HEADER & LOGO STYLES **********************************************************************/

#header, #logo, #topNavBar {
  height: 145px;
}
#header {
  border-bottom: 3px solid #fcff13;
  background-color: #FCFF13;
  background-image: url(images/topNavBarUlBg.jpg);
  background-position: 210px 0px;
  background-repeat: repeat-y;
}
#logo {
  float: left;
  width: 210px;
}
#topNavBar {
  float: left;
  width: 737px;
  background-image: url(images/header.jpg);
  background-position: bottom left;
  background-repeat: no-repeat;
}
#topNavBar ul {
  height: 28px;
  margin: 4px 0px 0px 12px;
  padding: 0px;
  font-size: 12px;
}
#topNavBar ul li {
  padding: 0px;
  margin: 0px;
  width: 102px;
  float: right;
  height: 28px;
  line-height: 28px;
  list-style-type: none;
  text-align: center;
  border-right: 1px solid #AAAAAA;
  background-image: url(images/topNavBarBg.jpg);
  background-position: bottom center;
  background-repeat: repeat-x;
}
#topNavBar ul .first {
  background-image: url(images/topNavBarFirstLiBg.jpg);
  background-position: bottom left;
  background-repeat: no-repeat;
}
#topNavBar ul .last {
  background-image: url(images/topNavBarLastLiBg.jpg);
  background-position: bottom right;
  background-repeat: no-repeat;
  border: 0px;
}
#topNavBar a {
  display: block;
  color: #D60000;
  text-decoration: none;
  font-weight: bold;
}
#topNavBar a:hover {
  text-decoration: none;
  background-image: url(images/topNavBarUlBgHover.jpg);
  background-repeat: repeat-x;
}
#topNavBar .first a:hover {
  background-image: url(images/topNavBarFirstLiBgHover.jpg);
  background-position: bottom left;
}
#topNavBar .last a:hover {
  background-image: url(images/topNavBarLastLiBgHover.jpg);
  background-position: bottom right;
}
  

/** SIDE NAV BAR STYLES **********************************************************/

#sideNavBar {
  background-color: #F9FDB9;
  float: left;
  width: 210px;
  padding-top: 5px;
  background-image: url(images/sideNavBarBg.jpg);
  background-repeat: repeat-x;
  margin: 0px;
}
#sideNavBar h2 {
  font-size: 11px;
  margin: 12px 0px 0px 0px;
  padding: 0px 0px 1px 15px;
  text-transform: uppercase;
  color: #222222;
  border-bottom: 1px solid #CCCCCC;
}
#sideNavBar ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#sideNavBar ul li {
  margin: 0px 0px 0px 15px;
  padding: 1px 0px 1px 4px;
  height: 15px;
  list-style-type: none;
  font-size: 11px;
  border-bottom: 1px dotted #CCCCCC;
}
#sideNavBar a {
  color: #D60000;
  text-decoration: none;
  font-weight: bold;
}
#sideNavBar a:hover {
  text-decoration: underline;
}


/** MAIN CONTENT ******************************************************************************/

.mainContent, .mainContent p, .mainContent ul, .mainContent li,
  .mainContent h3, .mainContent h4, .mainContent textarea, .mainContent select, .mainContent input,
  .mainContent .formButton {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.mainContent {
  padding: 10px 20px 20px 230px;
  background-color: #FFFFFF;
  background-image: url(images/mainContentBg.gif);
  background-position: left;
  background-repeat: repeat-y;
  border-top: 1px solid #CCCCCC;
  font-size: 12px;
}
.mainContent h1 {
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-transform: uppercase;
  font-size: 16px;
  color: orange;
  background-image: url(images/h1Bg.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
}
.mainContent h2 {
  font-size: 12px;
  margin: 2px 0px 5px 0px;
  padding: 0px;
}
.mainContent ul {
  margin: 0px 0px 0px 20px;
  padding: 0px 0px 0px 0px;
  list-style-type: square;
}
.mainContent ul li {
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  line-height: 15px;
  list-style-type: square;
}
.mainContent a {
  color: #D60000;
  text-decoration: none;
  font-weight: bold;
}
.mainContent a:hover {
  text-decoration: underline;
}
.mainContent p {
  margin: 15px 0px 15px 0px;
  padding: 0px;
}
.mainContent .basicContainer {
  border: 5px solid #D9F4FF;
  background-color: #D9F4FF;
  background-image: url(images/basicContainerBg.jpg);
  background-position: left top;
  background-repeat: repeat-x;
}
.mainContent .subPic {
  margin-left: 5px;
  margin-bottom: 5px;
}
.mainContent .noBorder {
  border: 0px;
}
.mainContent .alert {
  color: #DD0000;
}
.mainContent .bannerImageWrapper {
  padding-top: 10px;
}


/** FOOTER STYLES ****************************************************************/

#footer {
  border-top: 1px solid #CCCCCC;
  margin: 0px auto;
  background-color: #F0F0F0;
  width: 950px;
  height: 26px;
  color: #666666;
  font-size: 12px;
}
#footer .bottomLinks {
  float: left;
  width: 460px;
  line-height: 23px;
  text-align: left;
}
#footer .copyright {
  font-size: 10px;
  float: left;
  font-weight: normal;
  color: #777777;
  height: 15px;
  width: 485px;
  text-align: right;
  line-height: 24px;
}
#footer a {
  color: #888888;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
}

/** TABS ****************************************************************************/

.tabContainer {
  margin-top: 15px;
  padding-top: 4px;
  background-image: url(images/tabBg.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
  height: 19px;
  width: 450px;
}

.tabContainer a {
  background-image: url(images/tabItemBg.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  border-bottom: 0px;
  padding: 4px 4px;
  font-weight: normal !important;
  text-transform: uppercase;
  font-size: 11px;
  cursor: pointer;
}
.tabContainer a:hover {
  text-decoration: none !important;
}


/** COLUMN ONLINE INFORMATION FORM **************************************************/

.columnFormWrapper {
  float: right;
  width: 232px;
  margin-left: 10px;
  margin-top: 10px;
}

.columnForm {
  border: 5px solid #FFA6A6;
  background-image: url(images/formBg.jpg);
  background-repeat: repeat-x;
  background-position: top left;
  background-color: #ffb0b0;
}
.columnForm h2 {
  text-align: center;
  padding-top: 10px !important;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 13px;
  background-position: bottom left;
  background-repeat: no-repeat;
  text-transform: uppercase;
}
.columnForm .subTitle {
  padding: 0px 5px 0px 5px !important;
  text-align: center;
  font-weight: bold;
  margin-bottom: 5px;
}
.columnForm .requiredNote {
  font-size: 10px;
  color: #777777;
  font-weight: normal;
}
.columnForm table {
  width: 222px;
}
.columnForm table td, .columnForm table {
  font-size: 11px;
}
.columnForm th {
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 5px;
}
.columnForm .first {
  text-align: right;
  padding-right: 2px;
  width: 90px;
}
.columnForm .textbox {
  width: 105px;
  font-size: 12px;
}
.columnForm select {
  font-size: 12px;
}
.columnForm .textarea {
  height: 85px;
}