/* index.css */

#MainContent {
  padding: 0 !important;
  margin: 10px 0 0 28px !important;
}
#MainContent table td {
  width: 50%;
}
.MainMenuBox {
  text-align: justify;
  font-size: 12px;
  color: black;
  background: white;
  margin: 0 10px 10px 0;
}
.MainMenuBox img {
  float: left;
  margin: 10px;
}
#MainContent .MainMenuBox a {
  color: black;
  text-decoration: none;
}
#MainContent .MainMenuBox a:hover {
  text-decoration: none;
}
#MainContent .MainMenuBox h1 a {
  line-height: 25px;
  font-size: 12px;
  display: block;
  text-align: left;
  padding-left: 30px;
  color: white !important;
  background: white url(/images/index/headerBox.gif) no-repeat;
}
#MainContent .MainMenuBox h2 {
  font-size: 12px;
  color: #127DC9;
  margin-bottom: 0px;
  padding-bottom: 8px;
  text-decoration: underline;
  font-weight: bold;
}
#MainContent .MainMenuBox h2 a {
  color: #127DC9;
}
#MainContent .MainMenuBox .text {
  margin: 0 5px;
}
#MainContent .MainMenuBox .text a {
  color: black !important;
}
#MainContent .MainMenuBox ul {
  clear: both;
  padding-left: 20px;
}
#MainContent .MainMenuBox ul li {
  font-size: 12px;
  padding-top: 2px;
}
#MainContent .MainMenuBox ul li a {
  color: black !important;
}
#MainContent .MainMenuBox ul li a:hover {
  text-decoration: underline !important;
}
#AfiBox,
#LawBox,
#CreditBox,
#SimulationBox {
  height: 210px;
  width: 404px;
  background: url(/images/index/backgroundBox.gif) no-repeat bottom;
  display: block;
}

/* NewsBox */ 

#NewsBox {
  height: 430px;
  width: 404px;
  background: url(/images/index/backgroundBox.gif) no-repeat bottom;
  display: block;
  margin: 0 10px 10px 0;
}
#MainContent #NewsBox h1 a {
  line-height: 25px;
  font-size: 12px;
  display: block;
  text-align: left;
  padding-left: 30px;
  color: white !important;
  background: white url(/images/index/headerBox.gif) no-repeat;
}
#MainContent #NewsBox a {
  text-decoration: none;
}
#MainContent #NewsBox a:hover {
  text-decoration: none;
}
#NewsBox ul li {
  margin: 0 5px;
  text-align: justify;
}
#NewsBox .photo {
  float: left;
}
#NewsBox .photo img {
  height: 40px;
  width: 55px;
  border: none;
  padding: 0 5px 5px 0;
  margin: 0;
}
#MainContent #NewsBox ul {
  padding: 0;
  margin: 0;
}
#NewsBox li {
  list-style-type: none;
  border-bottom: 2px dotted white;
  text-align: justify;
  padding: 0 0 5px 0;
  height: 54px;
}
#MainContent #NewsBox ul li a:hover {
  text-decoration: none !important;
}
#NewsBox .NewsDate {
  font-size: 10px;
  color: #127DC9;
}
#NewsBox .NewsTitle {
  font-size: 12px;
  font-weight: bold;
  color: #06275C;
}
#NewsBox .NewsDescription {
  color: #595959;
  font-size: 11px;
}
#NewsBox .NewsResource {
  color: #595959;
  font-size: 10px;
}
#MainContent #NewsBox .linkFile {
  font-size: 12px;
  font-weight: bold;
  display: block;
  text-align: center;
  margin: 10px 10px 5px 0;
}
#MainContent #NewsBox .linkFile a {
  color: #127DC9;
}
#MainContent #NewsBox .linkFile a:hover {
  text-decoration: underline !important;
}

/* ProgramBox */

#MainContent .ProgramBox h1 {
  line-height: 25px;
  font-size: 12px;
  display: block;
  text-align: left;
  padding-left: 30px;
  color: white;
  text-decoration: none;
  background: white url(/images/index/headerBox.gif) no-repeat;
}
.ProgramBox {
  height: 210px;
  width: 404px;
  background: url(/images/index/backgroundBox.gif) no-repeat bottom;
  display: block;
  margin: 0 10px 10px 0;
}
.ProgramBox .program {
  margin: 0;
}
.ProgramBox .program a {
  text-decoration: none;
}
.ProgramBox .program img {
  width: 120px;
  height: 90px;
  border: 1px solid black;
  margin: 15px 5px 0 5px;
}
.ProgramBox .program .info {
  color: #595959;
  font-weight: bold;
  margin: 5px;
  display: block;
  font-size: 11px;
}
.ProgramBox .link {
  text-align: right;
  font-size: 11px;
  margin: 10px;
}
.ProgramBox .link a {
  color: #595959;
}

/* DefinitionBox */

#MainContent #DefinitionBox {
  margin: 0 10px 10px 0;
  height: 210px;
  background: url(/images/index/backgroundBox.gif) no-repeat bottom left;
  display: block;
  width: 405px;
}
#MainContent #DefinitionBox .HeaderBox {
  display: block;
  line-height: 25px;
  font-size: 12px;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 30px;
  color: white;
  background: white url(/images/index/headerBox.gif) no-repeat;
  text-decoration: none;
}
#MainContent #DefinitionBox .HeaderBox .AllDefinition {
  font-size: 10px;
  font-weight: normal;
  text-decoration: underline;
  text-transform: none;
  padding: 0 10px 0 0;
  margin: 0;
  float: right;
  color: white !important;
}
#MainContent #DefinitionBox .DefinitionBoxContent {
  cursor: pointer;
}
#MainContent #DefinitionBox h2 {
  background: none !important;
  margin: 5px 0 5px 5px;
  padding: 0;
}
#MainContent #DefinitionBox .text {
  text-align: justify;
  font-size: 11px;
  margin: 0 5px;
  padding: 0;
  height: 11em;
  overflow: hidden;
}
#MainContent #DefinitionBox .link{
  text-align: right;
  vertical-align: middle;
}
#MainContent #DefinitionBox .link a {
  font-size: 10px;
  display: block;
  margin: 2px 5px 0 0;
  text-decoration: none;
}
#MainContent #DefinitionBox .link a:hover {
  text-decoration: underline;
}