/*for the menu*/

img.firefox
{
text-decoration: none;
position: relative;
padding-top: 20%;
background-color: #6CB6FF;
border: 0px;
border-color: #6CB6FF;
padding-left: 29%;
width: 33%;
}

img.w3c
{
text-decoration: none;
position: relative;
padding-top: 20%;
background-color: #6CB6FF;
border: 0px;
border-color: #6CB6FF;
padding-left: 30%;
width: 33%;
}

img.face
{
text-decoration: none;
position: relative;
padding-top: 12%;
background-color: #6CB6FF;
border: 1px;
border-color: #6CB6FF;
padding-left: 20%;
width: 50%;
}

ul.nodec
{
list-style: none;
font-family:"Arial", sans-serif;
}

div.navs
{
height: auto;
width: 98%;
padding-top: 10%;
background-color: #6CB6FF;
}

ul#nav
{
padding: 0;
margin: 2%;
padding-left: 13%;
list-style: none;
width : 70%;
font-family:"Arial", sans-serif;
}

ul#nav li
{
position : relative;
line-height : 160%;
width: 90%;
font-family:"Arial", sans-serif;

}

ul#nav li ul 
{
position : absolute;
left: -999px;
top: 0px;
z-index: 100;
list-style-type: none;
font-family:"Arial", sans-serif;
}

ul#nav li a 
{
width: 100%;
display : block;
color : black;
font-weight : bold;
background-color : white;
border : 1px solid black;
margin-bottom: 2%;
text-align: center;
text-decoration: none;
font-family:"Arial", sans-serif;
}
/*
ul#one li a.sbmen
{
width: 300px;
display : block;
color : black;
font-weight : bold;
background-color : white;
border : 1px solid black;
margin-top: 4%;
margin-left:0%;
text-align: center;
text-decoration: none;
z-index: 100;
font-family:"Arial", sans-serif;
}
*/
ul#nav li p 
{
width: 100%;
display : block;
color : black;
font-weight : bold;
background-color : white;
border : 1px solid black;
text-align: center;
text-decoration: none;
font-family:"Arial", sans-serif;
margin-top: 0%;
margin-bottom: -1%;
}

ul.one
{
width: 120%;
margin-left: 10%;

}

ul#nav a:hover 
{
color : white;
background-color : black;
font-family:"Arial", sans-serif;
}

ul#nav p:hover 
{
color : white;
background-color : black;
font-family:"Arial", sans-serif;
}
/*
ul.one li a.sbmen:hover 
{
color : white;
background-color : black;
font-family:"Arial", sans-serif;
}

ul.one li p.sbmen:hover 
{
color : white;
background-color : black;
font-family:"Arial", sans-serif;
}
*/
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.hover ul ul,
ul#nav li.hover ul ul ul 
{
left:90%;
}

ul#nav li:hover ul,
ul#nav li li:hover ul,
ul#nav li li li:hover ul,
ul#nav li.hover ul,
ul#nav li li.hover ul,
ul#nav li li li.hover ul 
{ 
left: 90%;
}
/*
.sbmen
{
width: 180%;
display : block;
color : black;
font-weight : bold;
background-color : white;
border : 1px solid black;
text-align: center;
text-decoration: none;
font-family:"Arial", sans-serif;
}
*/

#.sbmen:hover 
{
color : white;
background-color : black;
font-family:"Arial", sans-serif;
}


body { behavior: url("csshover3.htc"); } 




/*for the page layout*/



body
{
margin: 0px;
}


div.side
{
width: 22%;
background-color: #6CB6FF;
float: left;
height: auto;

}


div.right
{
width: 75%;
height: inherit;
float: left;
}

div.title
{
float: left;
width: 98%;
}

div.content
{
float: left;
width: 98%
}

div.newscontent
{
float: left;
width: 70%;
padding-left: 10%;
}

div.foot
{
padding: 0px;
margin: 0px;
float: left;
width: 98%;
}

img.logo
{
position: relative;
left: 5%;
top: 10px;
border: 1px solid;
vertical-align: text-top;
width: 84%;
}

div.contactpic
{
float: left;
height: 100%;
}

/*for the content*/

img.nm
{
width: 80%;
}

img.email
{
width: 45%;
vertical-align: middle;
}

p.centre
{
text-align: center;
font-family:"Arial", sans-serif;
}

p.justy
{
text-align: justify;
font-family:"Arial", sans-serif;
}

p.just1
{
text-align: justify;
width:  80%;
margin-left: 10%;
font-family:"Arial", sans-serif;
}

p.just
{
text-align: justify;
width:  80%;
margin-left: 10%;
font-family:"Arial", sans-serif;
}

p.copy
{
text-align: center;
font-size: 10px;
font-family:"Arial", sans-serif;
}

p
{
font-family:"Arial", sans-serif;
}

h1
{
text-align:center;
font-family:"Arial", sans-serif;
}

h2
{
text-align:center;
font-family:"Arial", sans-serif;
}

h3
{
text-align:center;
font-family:"Arial", sans-serif;
}

div.list
{
position: relative;
width: 60%;
margin-left: 20%;
}

h2.italic
{
font-style: italic;
font-family:"Arial", sans-serif;
}

h2.col
{
color: #6CB6FF;
font-family:"Arial", sans-serif;
}

img.pro 
{
width:15%;
margin-right: auto;
margin-left: auto;
}

p.ast
{
text-size: 9px;
text-align:justify;
width:  80%;
margin-left: 10%;
font-family:"Arial", sans-serif;
}

table#books tr td
{
vertical-align: top;

}

table#books tr td.i
{
font-style:italic;
}

table#books
{
width: 80%;
margin-left:10%;
}

img.books
{
width: 40%;
}

td.one
{
width:25%;
font-style:italic;
}

td.two
{
width:70%;
}

td.three
{
width:5%;
}

table.back
{
border: 1 solid;
text-align: center;
width: 80%;
margin-left:10%;
}

img.cover
{
width: 60%;
}

a.cover
{
text-decoration: none;
font-family:"Arial", sans-serif;
}

img.coverlan
{
width: 30%;
padding-top: 5%;
padding-left: 0%;
padding-right: auto;
}

img.coverport
{
width: 17%;
}

img.coversideright
{
width: 25%;
float: right;
}

img.coversideleft
{
width: 25%;
float: left;
}

td.covercent
{
width:70%;
padding-left:5%;
}

b.col
{
color: #6CB6FF;
font-family:"Arial", sans-serif;
}

a.copy
{
text-decoration: none;
font-family:"Arial", sans-serif;
color: black;
}

a.copy:visited
{
color:black;
}

img.sidepiececontact
{
width: 90%;
vertical-align: top;
}

table.contact1
{
table-layout: fixed;
vertical-align: top;
width: 99%;
padding-left: 10%;
}

div.search
{
width: 100%;
margin-left: 35%;
}

div.news
{
text-align: center;
width: 80%;
margin-left: 10%;
padding-bottom: 2%;
height: 10%;
background-color: #6CB6FF;
}

td.bookimg
{
width: 25%;
}

.contact
{
width: 100%; 
}

ul.introlist
{
font-family:"Arial", sans-serif;
padding-left: 20%;
padding-right: 30%;
}

img.news
{

padding-left: 35%;
padding-right: auto;
}

ul
{
font-family:"Arial", sans-serif;
}