﻿img {
    border-style:none;
}

a {
   color: blue;
}

/* 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;
	/* */
	}

* html body {
   overflow: hidden;
}

#content {
   overflow:hidden;
   position:absolute;
   z-index:3;
   top:132px;
   bottom:0;
   background:url(../Background/back.jpg);
   width:760px;
   margin-left:-381px; /* -381 + 160 */
   left:50%;
   }

* html #content {
   top:0;
   /*bottom:0;*/
   height:100%;
   max-height:100%;
   width:760px;
   overflow:auto;
   position:absolute;
   z-index:3;
   border-top:132px solid #fff;
   border-bottom:0px solid #fff;
}

#content p {
	padding:5px; text-align:justify;
	}

#head {
   position:absolute;
   top:0;
   left:50%;
   margin:0 0 0 -381px; /* -381 + 160 */
   width:760px;
   min-width:760px;
   height:132px;
   font-size:4em;
   z-index:5;
   background:url(../Background/header.jpg) no-repeat top left;
   padding:0;
   /*margin:0;*/
   border:0;
   overflow:hidden;
}

* html #head {
   top:0;
   width:760px;
   height:132px;
	}

#head h1 {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: normal;
   color: #C00000;
   margin: 5px 5px;
   padding: 0;
   text-align: center;
}

#head a {
   text-decoration: none;
}

#head .title {
   width: 705px;
   margin: 12px 0 0 0px;
}

#head .bar1 {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #3871C1;
   position: absolute;
   top: 0;
   right: 0;
   margin: 5px 10px 0 0;
}

#head .bar1 a {
   text-decoration: none;
   color: #3871C1;
}

#head .bar2 {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #3871C1;
   position: absolute;
   bottom: 10px;
   left: 26px;
}

#head .bar2 a {
   text-decoration: none;
   color: #3871C1;
}

#head .search {
   position: absolute;
   right: 5px;
   top: 50px;
   margin:0;
   padding:0;
}

.select1 {
	position: absolute;
   left: 92px;
   top: 18px;
	width: 140px; /* With the padding included, the width is 135 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 20px 0 4px;
   margin-top: 5px;
	color: #000;
	font: 12px/21px arial,sans-serif;
	background: url(../Images/select.gif) no-repeat;
	overflow: hidden;
}

.select2 {
	position: absolute;
   left: 0;
   top: 18px;
	width: 89px; /* With the padding included, the width is 135 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 20px 0 4px;
   margin-top: 5px;
	color: #000;
	font: 12px/21px arial,sans-serif;
	background: url(../Images/select2.gif) no-repeat;
	overflow: hidden;
}

.searchBtn {
position: absolute;
left: 188px;
top: 0;
background-image: url("../Images/search_btn_on.gif");
background-repeat: no-repeat;
height: 21px;
width: 45px;
}

/* Rounded Corner */
.tb5 {
	background: transparent url(../Images/inputBox.gif) no-repeat top left;
	height: 21px;
	width: 232px;
   margin:0;
   padding:0;
}
.tb5a {
	width:224px;
   height: 18px;
	margin:1px 0 0 3px;
   padding:0;
   outline: none;
   color: #777777;
   border: 0;
   position: absolute;
   left: 0;
   top: 0;
}
/* End Rounded Corner */

.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 */

/* Top menu - start */
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_15 */
.pro15 {padding:0 0 0 10px; margin:0 0 0 30px; list-style:none; height:30px; width: 100%; background: url(../Images/pro_15_0.gif) right bottom no-repeat;position:absolute;bottom:0;left:160px;}
.pro15 span {float:left;}
.pro15 span a {display:block; float:left; height:30px; line-height:30px; background:url(../Images/pro_15_0.gif) right bottom no-repeat; 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 bottom no-repeat; padding:0 16px 0 8px;}
.pro15 span a strong {float:left; display:block; background:url(../Images/pro_15_0.gif) right bottom no-repeat; padding:0 16px 0 8px; color: #C00000; font-size: 14px;}
.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.current a strong {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 a:hover strong {color: #fff; 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.current a:hover strong {color: #fff; 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 */


