body {
  font            : normal 12px Arial, Helvetica, sans-serif;
  line-height     : 12px;
  color           : #000000;
  margin          : 0;
  background      : #FFFFFF; 
 }



 h2 {
  width           : 460px;
  font            : normal 18px helvetica, sans-serif;
  font-weight     : bold;
  line-height     : 22px;
  margin          : 0px;
  padding         : 20px 0px 5px 0px;
 }



 .end {
  border          : 0px;
  margin          : 0px;
  padding         : 60px 0px 5px 0px;
 }


 #submenu {
  font            : normal 11px tahoma, helvetica, sans-serif;
  line-height     : 12px;
  text-decoration : none;
  color : #000000;
 }







 #submenu a {
  font            : normal 11px Arial, Helvetica, sans-serif;
  font-weight     : bold;
  text-decoration : underline;
  color : #666666;
 }

 #submenu a:hover {
  font            : normal 11px Arial, Helvetica, sans-serif;
  line-height     : 12px;
  font-weight     : bold;
  text-decoration : underline;
  color : #666666;
 }




 #page {
  width       : 780px;
  position    : relative;
  left        : 0px;
  margin-left : 0px;
  border      : 0px;
  padding     : 0px;
  z-index     : 3;
  background  : #FFFFFF url(../images/background.gif); background-repeat: no-repeat;
 }


 #page #header {
  width       : 780px;
  height      : 150px;
  padding     : 0px;
  margin-left : 0px;
  border      : 0px;
  position    : relative;
  clear       : both;
  background  : #00FFFF url(../images/content_header.gif); background-repeat: no-repeat;
  z-index     : 10;
 }


 #page #content {
  width       : 740px;
  padding     : 0px;
  margin-left : 20px;
  border      : 0px;
  position    : relative;
  line-height : 20px;
 }

 /* one collums *************************************************************/

 #page #content .one_collumn {
  width       : 740px;
  border      : 0px;
  margin      : 0px;
  padding     : 0px;
  position    : relative;
  line-height : 12px;
  float       : left;
 }








 /* left *************************************************************/


 #page #content .two_collumns {
  width       : 740px;
  padding     : 0px;
  position    : relative;
  line-height : 17px;
 }


 #page #content .two_collumns .left {
  width: 140px;
  padding : 0px;
  margin : 30px 10px 0px 0px;
  position: relative;
  float : left;
  display : none;
 }


 /* right  *************************************************************/

 #page #content .two_collumns .right {
  width    : 590px;
  padding  : 0px;
  border   : 0px;
  position : relative;
  float    : left;
 }


 #page #content .two_collumns .right a {
  font            : normal 12px Arial, Helvetica, sans-serif;
  font-weight     : bold;
  text-decoration : underline;
  color           : #000000;
 }

 #page #content .two_collumns .right a:hover {
  font            : normal 12px Arial, Helvetica, sans-serif;
  font-weight     : bold;
  text-decoration : underline;
  color           : #FF0000;
 }

 

 #page #content .two_collumns .right .flv_right {
  width    : 320px;
  padding  : 0px 0px 20px 20px;
  position : relative;
  float    : right;
 }



 #page #content .two_collumns .right .title {
  font            : normal 16px Arial, Helvetica, sans-serif;
  font-weight     : bold;
  text-decoration : none;
  padding         : 20px 0px 6px 0px;
  display : block;
  color           : #000000;
  background : #DDDDDD;
 }
 



 done {
  font             : normal 12px Arial, Helvetica, sans-serif;
  line-height      : 12px;
  text-decoration  : none;
  color            : #000000;
  background-color : #DDDDDD;
 }


 table {
  border-collapse: collapse;
  border : 5px;
  padding : 2px;
  margin : 0px;
 }


 table .row_top {
  background-color: #EEEEEE;
 }

 table td {
  font            : normal 11px Arial, Helvetica, sans-serif;
  line-height     : 12px;
  text-decoration : none;
  border-top    : 1px solid #CCCCCC;
  border-bottom : 1px solid #CCCCCC;
 }

 td, th {
  vertical-align: top;
  padding : 2px 5px 2px 5px;
  font            : normal 11px Arial, Helvetica, sans-serif;
  line-height     : 15px;
  border: 1px;
 }

 table tr {
  border-bottom: 1px solid #EEEEEE;
 }

 table .row {
  background-color: transparent;
 }

 table .row_odd {
  background-color: #EEEEEE;
 }



 div.hr {
  height: 1px;
  padding : 4px 0px 8px 0px;
  background: url(../images/line.gif) no-repeat scroll left;
 }




 div.hr hr {
  display: none;
 }



 div.footer {
  font             : normal 9px Arial, Helvetica, sans-serif;
  line-height      : 12px;
  text-decoration  : none;
  border           : 0px;
  margin           : 0px;
  padding          : 0px 0px 0px 0px;
  color            : #888888;
 }

 div.footer strong {
  font             : normal 10px Arial, Helvetica, sans-serif;
  line-height      : 12px;
  text-decoration  : none;
  font-weight      : bold;
  border           : 0px;
  margin           : 0px;
  padding          : 0px 0px 0px 0px;
  color            : #000000;
 }



 #page #content .one_collumn .external_links {
  width           : 740px;
  padding         : 0px;
  margin          : 0px;
  border          : 0px;
  background      : #DDDDDD;
  text-decoration : none;
  float           : left;
 }





 .chapter_links {
  font            : normal 12px Arial, Helvetica, sans-serif;
  line-height     : 15px;
  font-weight     : bold;
  border          : 0px;
  padding         : 0px 10px 0px 0px;
 }

 .chapter_links a {
  font            : normal 12px Arial, Helvetica, sans-serif;
  line-height     : 15px;
  font-weight     : bold;
  text-decoration : none;
  color           : #000000;

 }

 .chapter_links a:hover {
  font            : normal 12px Arial, Helvetica, sans-serif;
  line-height     : 15px;
  font-weight     : bold;
  text-decoration : underline;
  color           : #000000;
 }


 .chapter_links .selection {
  font            : normal 12px Arial, Helvetica, sans-serif;
  line-height     : 15px;
  font-weight     : bold;
  border          : 0px;
  padding         : 2px 0px 2px 5px;
  color           : #FFFFFF;
  background      : #000000;
  display         : block;
 }








 #page #content .two_collumns .left .internal_links {
  padding         : 0px 0px 0px 10px;
  border          : 0px;
  background      : #FFFFFF;
 }


 #page #content .two_collumns .left .internal_links a {
  font            : normal 12px Arial, Helvetica, sans-serif;
  line-height     : 15px;
  padding         : 0px 0px 0px 7px;
  text-decoration : none;
  color           : #000000;

 }

 #page #content .two_collumns .left .internal_links a:hover {
  font            : normal 12px Arial, Helvetica, sans-serif;
  line-height     : 15px;
  padding         : 0px 0px 0px 7px;
  text-decoration : underline;
  color           : #000000;
  background      : #FFFFFF url(../images/internal_link.gif); background-repeat: no-repeat;
 }



 pre
 {
  font        : normal 12px Courier;
  line-height : 20px;
  margin      : 0px;
  background  : #EEEEEE;
  padding     : 4px;
  border      : 1px inset;
  overflow    : auto;
 }

 pre i
 {
  text-decoration : none;
  color           : #AAAAAA;
 }



 .clear
 {
  clear : both;
 }



 img
 {
  border  : 0px;
  margin  : 0px;
  padding : 0px;
 }


 /* links at bottom page ********************************************************************/

 #page #content .one_collumn .external_links .collums
 {
  width           : 740px;
  padding         : 0px;
  margin          : 0px;
  border          : 0px;
  background      : #DDDDDD;
 }

 #page #content .one_collumn .external_links .collums .collum
 {
  width      : 148px;
  float      : left;
 }


 #page #content .one_collumn .external_links .collums .collum a {
  font            : normal 11px Arial, Helvetica, sans-serif;
  line-height     : 11px;
  display         : block;
  padding         : 10px;
  background      : #DDDDDD;
  text-decoration : none;
  font-weight     : bold;
  color           : #666666;
 }

 #page #content .one_collumn .external_links .collums .collum a:hover {
  font            : normal 11px Arial, Helvetica, sans-serif;
  line-height     : 11px;
  display         : block;
  padding         : 10px;
  background      : #FFFFFF;
  text-decoration : none;
  font-weight     : bold;
  color           : #666666;
 }




 ul {

  margin          : 0px;
  padding         : 0px;
  display         : block;
  list-style-type : none;
 }

 li {
  margin          : 0px;
  padding-left    : 12px;
  background: url(../images/bullet.gif); background-repeat: no-repeat;
 }