/* mainpage.css */

#MainPage {
  margin: 5px auto;
  width: 948px;
  border-left: 1px solid #6C7F93;
  border-right: 1px solid #6C7F93;
  background: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#MainPage .MainPageTable {
  width: 100%;
  border-spacing: 5px;
  border-collapse: separate;
}
#MainPage .MainPageTable td {
  vertical-align: top;
}

#MainContent {
 width: 620px;
 min-height: 600px;
 margin-top: 5px;
 background: transparent url(/images/content/background-content.gif) no-repeat bottom left;
 text-align: justify;
 color: #2f2f2f;
}

/* Without section menu
-------------------------------------------------*/

#MainContent.WithoutSectionMenu {
 width: 810px !important;
 margin-top: 0;
 padding-bottom: 10px;
 background: transparent url(/images/withoutsectionmenu/background-content.gif) no-repeat bottom left;
}
#MainContent.WithoutSectionMenu h1 {
 width: 810px !important;
 background: transparent url(/images/withoutsectionmenu/title.gif) no-repeat top left;
}
#MainContent.WithoutSectionMenu h2 {
 width: 808px !important;
 margin: 0 0 5px 1px;
 background: transparent url(/images/withoutsectionmenu/background-h2.gif) no-repeat top left;
}
/*-----------------------------------------------*/

#MainContent h1 {
 color: white;
 width: 620px;
 background: transparent url(/images/content/title.gif) no-repeat top left;
 height: 24px;
 line-height: 26px;
 padding-left: 8px;
 margin-bottom: 10px;
 text-transform: uppercase;
 font-size: 14px;
 text-align: left;
}
#MainContent h2 {
  color: #FF0000;
  font-size: 14px;
  text-transform: uppercase;
  text-align: left;
  height: 22px;
  line-height: 22px;
  padding-left: 5px;
  width: 618px;
  margin: 0 1px 5px 1px;
  background: transparent url(/images/content/background-h2.gif) no-repeat;
}
#MainContent h3 {
  color: #2E3192;
  padding: 5px 5px 3px 20px;
  font-size: 12px;
  background: transparent url(/images/homebox/arrow-chip.gif) no-repeat 5px 8px;
}
#MainContent p {
  margin-bottom: 10px;
  padding: 0 5px;
}
#MainContent ul,
#MainContent ol {
  margin: 0 0 10px 15px;
  padding: 0 5px;
}
#MainContent li {
  padding-bottom: 5px;
}
#MainContent a,
#MainPage a:active {
  color: #2E3192;
  text-decoration: none;
}
#MainContent a:hover {
  text-decoration: underline;
}
#MainContent a:visited {
  color: #1468a9;
}
#MainContent form table {
  width: 100%;
  border-spacing: 5px;
  border-collapse: separate;
}
#MainContent .required,
#MainContent .error {
  color: red;
}
#MainContent .cleaner {
  clear: both;
}
#MainContent .SlideBar {
  padding: 0 5px 15px 5px;
}
#MainContent .center {
  text-align: center;
}
#MainContent .underline {
  text-decoration: underline;
}
#MainContent td.vertical {
  vertical-align: middle;
}