/*Main*/
@font-face {
    font-family: Franklin Gothic Demi,helvetica,arial,sans serif;
    font-style:  normal;
    font-weight: normal;
    src: url(http://www.positiontherapy.com/fonts/FRANKLI1.eot);
}
body {
 background-image: url(../images/tab_bg.jpg);
  background-repeat: repeat-x;
  font-family: Franklin Gothic Demi;
  font-color:#666666;
}

#all {
     overflow: auto;
     margin: 45px;
     width: 900px; 
}
#preamble {
     float: left;
     width: 676px;
     height: 101px;
    border: .5px solid grey;
}
#rightside {
     float: right;
     width: 220px;
     height: 430px;
     background-image: url(../images/banya_main2.jpg);
     text-align: right;
}
#maincontent {
 
    }

#content {
     float: left;
    padding: 20px;
     width: 628px;
     height: 533px; 
     font-size:10px;
}

#content h1{ 
   color:#ffffff;
   font-weight: normal;
}

#content a, a:visited {
font-size:9px;
color: #3b3539;
text-decoration: none;
}

#content a:hover {
font-size:9px;
color: #97161b;
text-decoration: underline;}

#content p, td {
font-size:11px;
color: #3b3539;
}

#content p.big {
font-size:15px;
color: #3b3539;
}

#content p.medium{
font-size:13px;
color: #3b3539;
}

#content p.author{
color: #3b3539;
text-align:right;
font-style: italic;
}

#content span.red{
color:#97161b;
}

#content span.blue{
color:#7092dc;

}

#content ul {
font-size:15px;
color: #3b3539;
list-style-image:url(../images/orange.png);
}

#content ul.medium {
font-size:11px;
color: #3b3539;
list-style-image:url(../images/orange.png);
}

#content ul li a.medium {
font-size:11px;
}

#content h3 {
font-size:15px;
font-weight: normal;
color: #3b3539;
}



#lowerlinks {
     float: left;
     width: 676px;
     border: .5px solid gray;
}

#lowerright {
     float: right;
     width: 220px;
}
 #bottomright{
     float: right;
     width:220px;
     height: 100px;
     border: .5px solid gray;
}
/*-------------------------------------------------------------------------------*/
/* Tab box layout ----------------------------------------------------------*/
/*-------------------------------------------------------------------------------*/

div.tabBox {
     height: 490px;
}

div.tabArea {
  font-size: 80%;
  padding: 0px 0px 0px 0px;
background-repeat:x-repeat;
}

a.tab {
  background-color: #21b24b;
  border: 2px solid #000000;
  border-bottom-width: 0px;
 /* border-color: #f0d0ff #b090e0 #b090e0 #f0d0ff;*/
  border-color: #3fc91f #107f28 #107f28 #3fc91f;
  -moz-border-radius: 0em 0em 0em 0em;
  border-radius-topleft: 0em;
  border-radius-topright: 0em;
  padding: 2px 1em 2px 1em;
  position: relative;
  text-decoration: none;
  top: 3px;
  z-index: 100;
  color:#ffffff;
  font-size:11px;
}

a.tab, a.tab:visited {
  color: #ffffff;
}

a.tab:hover {
  background-color: #107f30;
  border-color: #3fc91f #107f28 #107f28 #3fc91f;
  color: #ffffff;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #107f30;
  border-color: #3fc91f #107f28 #107f28 #3fc91f;
  color: #ffffff;
}

a.tab.activeTab {
  padding-bottom: 4px;
  top: 1px;
  z-index: 102;
  color:#ffffff;
}

div.tabMain {
/*  background-color: #9070c0;*/
  border: 2px solid;
/*  border-color: #b090e0 #7050a0 #7050a0 #b090e0;*/
  border-color: silver;
  -moz-border-radius: 0em 0em 1em 1em;
  border-radius-bottomleft: 1em;
  border-radius-bottomright: 1em;
  padding: .5em;
  position: relative;
  z-index: 101;
 
 background-repeat:x-repeat;
}

iframe.tabContent {
  width: 100%;
  height: 490px;
 
}