body  {
  color:           black;
  font-size:        14px;
  font-family:      Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
  background-color: #fff;
  text-align:       center }
#main   {
  margin-right: auto;
  margin-left:   auto;
  width:         760px }


#header      {
  color:            #000;
  font-style:        italic;
  font-weight:       bold;
  background-color:  #a0b6cc;
  background-image:  url("../graphics/all/banner.jpg");
  background-repeat: no-repeat;
  width:             100%;
  height:            200px;
  float:             left }

#header a,a:visited  {
  color:          #000;
  text-decoration: none;
  display:         block }


#header a:hover  {
  color:          #fff;
  font-weight:     bold;
  text-decoration: underline }


#header p  {
  text-align:  right;
  margin-top:   60px;
  margin-right: 20px }


#nav      {
  background-color: #8096ac;
  text-align:        center;
  width:             100%;
  float:             left;
  border-top:        1px solid #000;
  border-bottom:     1px solid #000 }
#nav a, a:visited      {
  color:          #000;
  font-weight:     bold;
  line-height:     2em;
  text-decoration: none;
  text-align:      center;
  display:         inline;
  margin:          0 5px;
  width:           150px;
  height:          2em }






#nav a:hover     {
  color:          #fff;
  font-weight:     bold;
  line-height:     2em;
  text-decoration: underline }
.wrapper {
  width: 100%;
  height: 10px;
  clear:  both }

#content    {
  background-color: #fff;
  text-align:        justify;
  padding-top:       40px;
  width:             100%;
  float:             left }
#content em {
  font-style:     normal;
  font-weight:     bold;
  text-decoration: none }

#content h1  {
  font-size:  18px;
  font-weight: bold }

#content h2 {
  font-size:  16px;
  font-weight: bold }

#content .chapter {
  margin-bottom: 20px;
  padding-bottom: 20px;
  width:          100%;
  float:          left;
  border-bottom:  1px solid #000 }
#content .chapter .col   {
  margin-right: 20px;
  margin-left:   20px;
  width:         300px;
  max-width:     40%;
  float:         left }



#content  .leftim {
  margin: 0 10px 10px 0;
  float:   left;
  border:  solid 1px #000 }
#content .rightim {
  margin: 0 0 30px 10px;
  float:   right;
  border:  solid 1px #000 }
#content .row  {
  display:    block;
  padding-top: 10px;
  width:       100%;
  clear:       left }
#content a, a:visited {
  color:          #60768c;
  text-decoration: none }

#content a:hover {
  color:          #00f;
  text-decoration: underline }

#content .col1  {
  text-align: left;
  width:       150px;
  float:       left }


#content .col2   {
  text-align:  left;
  padding-left: 0;
  width:        500px;
  float:        left }
#content.col2 a,  a:visited {
  color:          #60768c;
  text-decoration: none }

#content col2 a:hover {
  color:          #00f;
  text-decoration: underline }

form .inp {
  width: 200px;
  border: solid 1px #8096ac }

form select {
  width: 200px;
  border: solid 1px #8096ac }