a {
color : blue;
text-decoration : none;
}
a:link {
color : #0000ff;
}
a:hover {
color : red;
}
a:active {
color : red;
}
h1 {
font-size : 140%;
}
h2 {
font-size : 120%;
color : #15317E;
}
h3 {
font-size : 110%;
color : #15317E;
text-decoration: underline;
}
h4 {
font-size : 100%;
color : black;
font-style:italic;
}

.main {
margin : 0;
padding : 0;
border : 0;
font-size : 100%;
font-family : verdana, arial, 'sans serif';
background-color : white;
color : #ffffff;
}

.android_header {
width : 100%;
height : 120px;
position : absolute;
top : 34px;
left : 0;
background-color : white;
border : 0 solid white;
}

.nextchapter {
width : 208px;
height : 47px;
background-image : url(images/nextchapter.png);
}

.site_logo {
width : 160px;
height : 120px;
float : left;
clear : left;
background-image : url(images/logo.jpg);
float : left;
clear : left;
}

.ad1 {
height : 120px;
width : 700px;
float : right;
font-size : 80%;
text-align : center;
color : black;
background-color : white;
}

.site_title {
float: left; width: 180px;
height : 120px;
float : left;
margin: 10px;
text-align : center;
color : green;
background-color : white;
font-size : 140%;
font-weight : bold;
}

.site_title2 {
font-size : 50%;
}

.intro1 {
width : 100%;
position : absolute;
top : 0;
left : 300px;
vertical-align: middle;
}

.intro2 {
width : 100%;
position : absolute;
top : 0;
left : 0;
vertical-align: middle;
}

.navtop {
width : 100%;
height : 34px;
position : absolute;
top : 0;
left : 0;
background-color : black;
color : white;
font-size : 90%;
text-align : center;
vertical-align: middle;
}
.navtop ul {
list-style : none;
margin : 0 0 0 0;
padding : 0;
overflow : hidden;
}
.navtop li {
float : left;
}
.navtop li a {
display : block;
width : 100px;
color: white;
background-color : black;
vertical-align: middle;
}

.navtop li a:link, .navigation li a:visited {
font-size : 90%;
display : block;
padding : 0.5em 0 0.5em 0.0em;
border-left : 0;
border-right : 0;
background-color : black;
color : white;
text-decoration : none;
vertical-align: middle;
}

.navtop li a:hover {
background-color : blue;
color : yellow;
}

.navleft {
float:left;
width: 400px;
}

.navright {
float:right;
line-height:0.2em;
position:relative;
vertical-align: text-top;
display:block; 
}

.navtext2 {
padding:0 0 4px 0;
font-size : 90%;
}

.navtext {
padding:0 0 4px 1.5em;
font-size : 90%;
}

.navtable {
cellpadding="0";
cellspacing="0";
border="0";
padding=-5px;
}

.navicon {
vertical-align: middle;
}

ol.alist  {
list-style: lower-alpha;
overflow: auto;
}

ol.nlist  {
list-style: decimal;
overflow: auto;
line-height:150%
}

.chapter_container {
width : 100%;
position : absolute;
top : 154px;
left : 0;
padding: 0em;
background-color : white;
color : yellow;
font-size : 100%;
text-align : left;
}

.colleft {
width : 160px;
float : left;
clear : left;
margin: 0 0 0 0;
padding: 0 0 0 0;
color : #ffffff;
background-color : white;
display : block;
}

.colmiddle {
text-align : left;
margin-left: 180px;
margin-right: 180px;
font-size : 100%;
font-family : verdana, arial, 'sans serif';
background-color : white;
color : black;
}

.colright {
width : 160px;
float : right;
text-align : left;
background-color : white;
}

.ullist  {
margin-top: 0;
margin : 0;
padding : 1em;
}

.ullist li  {
  margin-top: 1em;
}

#navigation {
width : 160px;
}
#navigation ul {
list-style : none;
margin : 0;
padding : 0;
}
#navigation li {
width : 160px;
border-bottom : 3px solid #ed9f9f;
}
#navigation li a:link, #navigation li a:visited {
width : 160px;
font-size : 90%;
font-weight : normal;
display : block;
padding : 0.2em 0.5em 0.2em 0.5emem;
border-left : 4px solid #C6DEFF;
border-right : 1px solid #C6DEFF;
background-color : #C6DEFF;
color : #15317E;
text-decoration : none;
}

#navigation li a:hover {
background-color : #711515;
color : #ffffff;
}

.ad2 {
height : 700px;
width : 160px;
display : block;
font-size : 80%;
text-align : center;
color : black;
background-color : white;
}

.ad3 {
height : 700px;
width : 160px;
display : block;
font-size : 80%;
text-align : center;
color : black;
background-color : white;
}

.intro {
height : 300px;
width : 500px;
display : block;
font-size : 100%;
text-align : center;
color : black;
background-color : white;
}

.minus {
color :  red;
background-color : black;
font-size : 120%;
font-weight : bold;
}

.plus {
color :  lime;
background-color : black;
font-size : 120%;
font-weight : bold;
}

.social {
padding : 1em 0 1em 0;
color :  #15317E;
background-color : white;
}

.search {
color : #15317E;
background-color : white;
}
#searchsubmit {
font-family : Georgia, Times, "Times New Roman", serif;
font-size : 12px;
background : #363636;
display : inline-block;
color : #fff !important ;
text-decoration : none;
position : relative;
cursor : pointer;
font-weight : bold;
padding : 5px 15px 5px;
margin : 0 5px 0 0;
border : none;
}



.textimage
{
overflow: hidden;
padding : 0.4em 0em 0.4em 0.4em;
}

.floatleft { float: left; margin: 5px 5px 5px 5px; }
.floatright { float: right; margin: 2px 2px 2px 8px; }

.copyright {
background-color : black;
color : white;
font-size : 10px;
}
.copyright a:link {
background-color : black;
color : yellow;
}

.copyright a:visited {
background-color : black;
color : cyan;
}

.TM {
font-size : 10px;
}

.buttonmenu {
padding : 0.2em 0.2em 0.2em 0.2em;
background-color : #2B547E;
color : white;
font-size : 130%;
}

.bulletlist {
padding-left: 1em;

}

th.app {
width: 20%;
}
th.tab {
width: 5%;
}
th.description {
width: 75%;
}

th.app2 {
width: 20%;
}

th.descript2 {
width: 80%;
}


table.descript {
font-weight: normal;
border:1;
border-collapse:collapse;
border: 1px solid black;
}

.descript td  {
border: 1px solid black;
padding:5px;
}

.descript th {
background-color: #4AA02C;
font-weight: normal;
color:  white;
padding:5px;
border: 1px solid black;
}

table.pictures {
    font-size: 17px;
    font-style: normal;
    font-weight: bold;
    color: blue;
    text-align: center;
    padding: 2px;
    vertical-align:top;
    white-space:normal;
    border-collapse: collapse;  
}
 
.pictures th {
     color:  white;
     text-align: center;
     padding: 3px;
     background-color: blue;
     font-weight: bolder;
}
  
.pictures td {
    padding: 6px;
    color: #0000CC;
    font-size: 11px;
    border: 1px solid #000000;
}