/* wobookggoogstyle V0.00 */

.menulthd, .menultbthd, .menurthd, .menurtbthd {
position:relative;
bottom:350%;
}
#thepg {
position:relative;
width:100vw;
height:100vh;
background-color:rgb(250,250,250);
font-size:large;
}
#rsclnks, #knlnks {
width: 50%;
background-color: rgb(240,240,240);
height: 1%;
bottom: 100%;
}

#knlnks {
bottom: 104%;
left:50%;
}

#centre {
position:relative;
width:100%;
left:0%;
height:100%;
bottom:0%;
}
#cntsphd {
position:relative;
height:10%;
bottom:0%;
background-image : url("Bannerad.png");
background-repeat:no-repeat;
background-size:100% 100%;
}
#cntpghd {
position:relative;
height:25%;
background-color:rgb(215,215,215);
bottom:100%;
background-size:100% 100%;
}
#cntpgctnt {
position:relative;
background-color:rgb(230,230,230);
bottom:100%;
}


#indtabt1{
border-collapse:collapse;
width:100%;
}
#indtabt1 td{
/*
border-style:solid;
border-width:2px;
border-color:red;
*/
text-align:top;
vertical-align:top;
}
#indtabt1 div{
/*
border-style:solid;
border-width:1px;
border-color:green;
*/
}

#indtabtr0c1{
width:15%;
}
#indtabtr0c2{
width:70%;
}
#indtabtr0c3{
width:15%;
}

a{
	color: #0000FF;
	text-decoration:none;
}
a:hover{
	color: #0000FF;
	text-decoration:underline;
}



.borderedtablecyan td{
        border-style:solid;
	border-width:1px;
	border-color:black;
	border-collapse: collapse;
	background-color:#00FFFF;
}

#bft{
	background-image: url(images/atosgworld.png);
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
      }

#bft a
{ 
text-decoration: none;
color:rgb(200,0,0);
}

body {
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
}

#content3 {
background-color:#80FFFF;
height:100%;
position:relative;
overflow:scroll;
}

.content3{
font-family: Arial, Helvetica, sans-serif;
    line-height:150%;
    font-size: larger;
    color: #FF0028;
	padding-left: 2%;
	padding-top: 0%;
	text-align: top;
	padding-right: 2%;
height:90%;
overflow:scroll;
 }
 
  .content3 h1{
	font-family: Arial, Helvetica, sans-serif;
    font-size: xx-large;
	font-weight: bold;
	color: #FF0028;
	padding-left: 0%;
	padding-top: 0%;
	text-align: top;
	padding-right:2%;
 }
 .content3 input{
    border-style:solid;
	border-width:2px;
	border-color:black;
    background-color:#FFFF99;	
 }

 .content3 submit{
      background-color:#FFFF99;
font-family: Arial, Helvetica, sans-serif;
    font-size: 120%;
	font-weight: bold;
	color: #FF0028;
 }
 .content3 button{
    background-color:#CCFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2vh;
	color: #CC0000;
	height: 3vh;
	min-width:8%;
}
.content3m {
font-family: Arial, Helvetica, sans-serif;
    line-height:150%;
    font-size: larger;
    color: #FF0028;
overflow:visible;
 }
.content3 .a {
    list-style-type:lower-alpha;
}


#content-main {
/*	background-image: url(images/index_06.png);*/
	height: 80vh;
	width: 100%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
        position:relative;
}


#header_wide {
        height:100%;
	width:100%;
	background-size:100% 100%;
        background-repeat: no-repeat;
}

.header_small{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #FFFFFF;
	padding-top: 8%;
	padding-left: 5%;
}
.header-sub{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-left: 5%;
}

.hdstyle
{
height:100%;
background-image:url("https://atosg.net/Comref/images/header20230218.png");
background-size:100% 100%;
color:white;
position:relative;
bottom:0%;
background-repeat: no-repeat;
overflow:hidden;
padding-left:20%;
}

.hdstyle td
{
padding-left:10%;
}
.mnus
{
position:relative; 
z-index: 1;
}
.menugroup h3:hover{
color:red;
}

.menugroup{
margin-bottom:1%;
position:relative;
width:15%;
}

.menugroup li{
background-color:yellow;
padding-bottom:10%;
}

.menunew, .menuinline
{
text-align:top;
Position:relative;
}

.menugroup a,.menuinline a, .menuinline a:hover,.menuinline button,.menuinline button:hover{
margin-top:0%;
padding-bottom:1%;
padding-left:2%;
margin-right:5%;
padding-right:2%;
background-image:url("images/button-hover.png");
color:#ffff66;
}

.menunew a, .menunew a:hover, .menunew button,.menunew button:hover {
margin-top:5%;
margin-bottom:5%;
padding-left:5%;
padding-right:2%;
padding-bottom:5%;
}

.menunew a, .menuinline a,.menunew button, .menuinline button{
background-image: url("images/nav-button.png");
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight:normal;
color: #2D2D2D;
text-decoration: none;
width: auto;
background-size:100% 100%;

}

.menunew h3{
background-image:url("images/button-hover.png");
width:auto;
text-decoration:none;
color:#FFFFFF;
background-size:100% 100%;
background-repeat:no-repeat;
font-size: 120%;
font-weight:bold;
vertical-align:top;
padding-bottom:5%;
margin-bottom:5%;
}

.menunew li, .menuinline li{
width:auto;
padding-left:0%;
padding-bottom:5%;
}

.menuinline li{
display:inline;
}

#menultbthd, #menurtbthd {
margin: 0;
list-style: none;
padding-left: 0px;
left:50%;
height:100%;
bottom:400%;
width:50%;
}
#menulthd, #menurthd{
left:0%;
height:100%;
width:50%;
}
.title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
        font-weight:bold;
	color: #FFFFFF;
	padding-left: 55px;
	padding-top: 10px;
}
.title2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
        font-weight:bold;
	color: #F31313;
	padding-left: 2%;
	padding-top: 2%;
	padding-bottom: 2%;
}

#menmybk {
    width: 80%;
    height: 20%;
   bottom:-100%;
}
#bookhd {
    width: 100%;
    height: 100%;
	overflow:scroll;
}
#bookhd li {
    padding-bottom:0%;
}