﻿img {
    border-style:none;
}
/* Page layout - start */
html {
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
	background:rgb(209,205,193);
	font-size:76%;
	font-family:georgia, palatino linotype, times new roman, serif;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */
	}
#content {
   overflow:hidden;
   position:absolute;
   z-index:3;
   top:125px;
   bottom:0px;
   background:url(../Background/mainback.gif);
   width:600px;
   margin-left:-221px; /* -381 + 160 */
   left:50%;
   }

* html #content {
   top:0;
   bottom:0;
   height:100%;
   max-height:100%;
   width:600px;
   overflow:auto;
   position:absolute;
   z-index:3;
   border-top:125px solid #fff;
   border-bottom:0px solid #fff;
}

#head {
   position:absolute;
   top:0;
   left:50%;
   margin:0 0 0 -221px; /* -381 + 160 */
   width:600px;
   min-width:600px;
   height:125px;
   font-size:4em;
   z-index:5;
   background:url(../images/title2f_5px.jpg) no-repeat top;
   padding:0;
   /*margin:0;*/
   border:0;
   overflow:hidden;
}

* html #head {
   top:0;
   width:600px;
   height:125px;
	}

#left {
   position:absolute;
   left:50%;
   margin: 0 0 0 -381px;
   top:0px;
   bottom:0px;
   width:160px;
   background:url(../Background/mainback.gif);
   font-family:arial;
   font-size:12px;
   z-index:4;
   overflow:hidden;
   height:100%;
   max-height:100%;
   padding:0;
   /*margin:0;*/
   border:0;
   }

#left td {
   font-family:arial;
   font-size:12px;
}

* html #left {
   height:100%;
   top:0;
   color:#fff;
   border-top:0px solid #fff;
   border-bottom:0px solid #fff;
   }

#content p {
	padding:5px; text-align:justify;
	}
.boldhead {
	font-size:1.5em;
	font-weight:bold;
	}
.bold {font-weight:bold;}
.left {float:left; margin:10px; border:1px solid #000;}
.right {float:right; margin:10px; border:1px solid #000;}
.lefttext {float:left; width:300px; text-align:justify;}
.righttext {float:right; width:300px; text-align:justify;}

* html .lefttext {float:left; width:310px; text-align:justify;}
* html .righttext {float:right; width:310px; text-align:justify;}
/* Page layout - end */
/* Left Menu - Start */
ul, li { /* using a list for menu */
list-style-type: none;  /* cleaning up the list */
margin:0;
padding:0;
}

ul {
position: absolute; /* positionning for IE5 et IE5.5 */
left: 10px;
top: 322px;
background: transparent url(../Images/leftMenu.gif) top left no-repeat; /* general background for the menu */
height: 242px;
width: 140px;
text-align: center;
}

li {
display: inline; /* correction for IE5 et IE5.5 */
}

li a { /* buttons dimensions and definition */
display: block;  /* block for <a> to give it its dimensions */
height: 25px;
width: 140px;
line-height: 25px;  /* height of line to avoind paddings */
color: #404040;
font-size: 14px;
font-family: Verdana ,Helvetica,Trebuchet,Arial;
text-decoration: none;
font-weight: bold;
}

li a:hover {
background: transparent url(../Images/leftMenu.gif) top left no-repeat;
font-weight: bold;
}

a#menu1:hover {
background-position: 0% -242px;
}

a#menu2:hover {
background-position: 0% -267px;
}

a#menu3:hover {
background-position: 0% -292px;
}

a#menu4:hover {
background-position: 0% -317px;
}

a#menu5:hover {
background-position: 0% -342px;
}

a#menu6:hover {
background-position: 0% -367px;
}

a#menu7:hover {
background-position: 0% -392px;
}
/* Left Menu - End */
/* Top menu - start */
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_15 */
.pro15 {padding:0 0 0 10px; margin:0; list-style:none; height:30px; width: 100%; background:#1841c8 url(../Images/pro_15_0.gif);position:absolute;top:95px;}
.pro15 span {float:left;}
.pro15 span a {display:block; float:left; height:30px; line-height:30px; background:url(../Images/pro_15_0.gif); color:#000; text-decoration:none; text-align:center; padding:0 0 0 5px; cursor:pointer; font-size:12px; font-family:Verdana ,Helvetica,Trebuchet,Arial;}
.pro15 span a b {float:left; display:block; background:url(../Images/pro_15_0.gif) right top; padding:0 16px 0 8px;}
.pro15 span.current a {color:#fff; background:url(../Images/pro_15_2.gif);}
.pro15 span.current a b {background:url(../Images/pro_15_2.gif) no-repeat right top;}
.pro15 span a:hover {color:#fff; background: url(../Images/pro_15_1.gif);}
.pro15 span a:hover b {background:url(../Images/pro_15_1.gif) no-repeat right top;}
.pro15 span.current a:hover {color:#fff; background: url(../Images/pro_15_2.gif); cursor:default;}
.pro15 span.current a:hover b {background:url(../Images/pro_15_2.gif) no-repeat right top;}
.pro15 span a em {display:block; float:left; width:30px; height:30px;}
.pro15 span a em.bookshelf {background:url(../Images/bookshelf1.gif) no-repeat center center;}
.pro15 span a em.picbook {background:url(../Images/picbook25.gif) no-repeat center center;}
.pro15 span a em.didyouknow {background:url(../Images/didyouknow25.gif) no-repeat center center;}
.pro15 span a em.find {background:url(../Images/find.gif) no-repeat center center;}
.pro15 span a em.insideabook {background:url(../Images/insideabook25.gif) no-repeat center center;}
.pro15 span a em.search {background:url(../Images/search.gif) no-repeat center center;}
/* Top menu - end */