/******************************************************************************/
/* Main body, html features  **************************************************/
HTML, BODY {
    margin:0;
    padding:0;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #000;
    font-size: 9pt;
	  background-color: #000;
}

/* IMG, TD {font-size: 9pt;behavior: url(css/iepngfix.htc);} */
TD {font-size: 9pt;}
IMG A , A IMG {border:0}

a, a:link, a:visited { display:inline; color: #000; text-decoration:none; border: 0 }
a:hover { display:inline; color: #000; text-decoration:none; border-bottom: 1px dotted #000; }

A#imgBrd, A#imgBrd:Visited {display: block; padding: 1px;border: 1px dotted #b2b2b2}
A#imgBrd:Hover {display: block; padding: 1px;border: 1px dotted #ff8200}
/******************************************************************************/
/* Main table style ***********************************************************/
#MainTbl {
  position: relative;
  width: 100%; height:100%;
}

#TR1 {
  height: 30%;
  background: url(../images/tm_back.jpg) bottom repeat-x;
  background-color: #333; 
}

#TR2 {
  height: 450px; 
  background: url(../images/mm_back.jpg) top top repeat-x; 
  background-color: #fff;
}

#TR3 {
  height: 30%;
  background: url(../images/btm_back.jpg) top repeat-x; 
  background-color: #2A2A2A;
}

#TD5 {width: 800px}

DIV#topleft {
  width: 100%;
  height: 100%;
  background: url(../images/tl_back.jpg) bottom repeat-x; 
  background-color: #333;
}

DIV#Content {
  position: relative;
  width: 100%;
  height: 100%;
}

TABLE#PageContent {
  position: relative;
  width: 510px;
  height: 100%;
  margin-left: 86px;
  background: url(../images/dotted2.gif) right 80px no-repeat;
}
TABLE#PageContent TD {padding: 0 32px;}

TABLE#PageContent H1 {
  margin: 30px 0 20px 0;
  font-size: 18pt;
  font-weight: normal;
  font-style: italic;
  font-family: Georgia, serif, Arial;
  color: #bf0000;
}
TABLE#PageContent H2 {
  margin: 0;
  margin-bottom: 0.25em;
  padding-left: 20px;
  font-size: 12pt;
  font-weight: normal;
  font-style: italic;
  font-family: Georgia, serif, Arial;
  color: #bf0000;
  background: url(../images/list2.gif) left center no-repeat;
}
TABLE#PageContent p  {
  text-indent: 20px;
  text-align: justify;
  margin: 0;
}

DIV#left_shadow {
  width: 100%;
  height: 100%;
  background-image: url(../images/left_shadow.png);
  background-position: right top;
  background-repeat: no-repeat;
}
DIV#right_shadow {
  width: 100%;
  height: 100%;
  background: url(../images/right_shadow.png);
  background-position: left top;
  background-repeat: no-repeat;
}

IMG#MenuImg {
  position: absolute;
  bottom: -100px;
  left: 634px;
  width: 204px;
  height: 299px;
}

DIV#Menu {
  position: absolute;
  bottom: -100px;
  left: 634px;
  width: 204px;
  height: 299px;
  padding-top: 20px;
  z-index: 10;
}

DIV#Menu A {
  display: block;
  font-size: 11pt;
  font-family: Verdana, Arial;
  line-height: 40px;
  color: #BCBCBC;
  padding-left: 80px;
  background: url(../images/menu_line.gif) 2px center no-repeat;
  border: 0;
}

DIV#Menu A:Hover {
  color: #fff;
  background: url(../images/menu_line_over.gif) 2px center no-repeat;
  border: 0;
}

DIV#Menu A.mSelected {
  color: #fff;
  background: url(../images/menu_line_over.gif) 2px center no-repeat;
  border: 0;
}

IMG#CurvedImg {
  position: absolute;
  top: -7px;
  left: 542px;
  width: 291px;
  height: 71px;
}

DIV#Curved {
  position: absolute;
  top: -7px;
  left: 542px;
  width: 291px;
  height: 71px;
  color: #FFF;
  font: italic 16pt Georgia, serif, Verdana;
}

SPAN.CurvedTitle {
  position: absolute;
  top: 40px;
  left: 120px;
  color: #FFF;
  font: italic 16pt Georgia, serif, Verdana;
}

UL.list1 {
  list-style-type: square;
  color: #bf0000;
  font-size: 8pt;
  font-style: italic;
  margin-left: 18px;
  line-height: 16pt;
}
UL.list1 A, UL.list1 A:Visited {color: #bf0000; text-decoration: none; border: 0}
UL.list1 A:Hover {color: #bf0000; text-decoration: none; border-bottom: 1px dotted #bf0000}

#main_icons {
  display: block;
  position: absolute;
  top: 45px;
  left: 595px;
  width: 200px;
  height: 50px;
  padding-left: 10px; 
  background: url(../images/dotted.gif) no-repeat;
}
#main_icons A {
  display:block; 
  float:left; 
  padding: 1px;
  color: #CCC;
  margin-top: 16px;
  margin-left: 10px;
  border: 1px solid #2F2F2F;
  font-family: Georgia, Arial;
  text-transform: lowercase;
}
#main_icons A:Hover {
  border: 1px dotted #808080;
}

#IndexLogo {position: absolute; top:118px}

#IndexMenu {position: absolute; top:141px; left: 615px;}
A.iBtn, A.iBtn:Visited {
  display:block;
  line-height: 30px; 
  font-size:11pt;
  font-family: Verdana, Century Gothic, Arial;
  font-weight: lighter;
  color:#989898;
  text-decoration:none;
}
A.iBtn:Hover {
  color:#FFF; text-decoration:none;
}

#copyright {font-size:0.9em;margin: 10px 0 0 120px;color:#e88726}







/******************************************************************************/
/* Fixing a clear float problem in IE7 ****************************************/
 .clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
 }

 .clearfix {display: inline-block;}

 /* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
 .clearfix {display: block;}
/* End hide from IE-mac */
/***************************************/