/* set default formatting */
div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,img { margin: 0; padding: 0; border:0; text-align:left;}
body { font: 1em Helvetica, Arial, sans-serif; color: #333333; margin: 0; padding: 0; text-align: center; background:url(images/background.jpg) repeat-x top left #EFF0EB;}

#wrapper { width:800px; margin:auto; background: #ECF5DE; }
a:link { text-decoration:none; color:#4286f4; font-weight:bold; }
a:hover { text-decoration: underline; font-weight:bold; }
a:visited { text-decoration:none; color:#4286f4; font-weight:bold; }
#content .center { text-align:center; padding:0; margin:0; clear:both;  }
#content h2.center { text-align:center; padding:0; margin:0; clear:both; color:#29568D;  }

/* header */
#header { padding: 0; }
#header h1 {}
#header h1 { 
	margin:0; 
	display: block; 
	width:800px; 
	height:172px; 
	background: transparent url(images/header.jpg) no-repeat top left;
	}
#header h1 strong { 
	display: none; 
	visibility: hidden; 
	}

/* Navigation */
#nav {
  float:left;
  margin:0 0 0 20px;
  width:760px;
  /* background:#ECF5DE url("images/bg.gif") repeat-x bottom;*/
  font-size:110%;
  line-height:normal;
padding:0;
  }
#nav ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#nav li {
  float:left;
  background:url("images/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 5px;
position: relative; z-index: 2;
  }
#nav a {
  float:left;
  display:block;
  background:url("images/right.gif") no-repeat right top #E0EEC8;
  padding:5px 10px 5px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#006633;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav a:hover {
  color:#333;
  }
#nav #current {
  background-image:url("images/left_on.gif");
  }
#nav #current a {
  background-image:url("images/right_on.gif");
  color:#006633;
  padding-bottom:5px;
  }
  
#nav li .drop { display: none; }
#nav li.over { background: #D5ECFA; }
#nav li:hover .drop, #nav li.over .drop { position: absolute; z-index: 2; top: 22px; left: 0; display: block; width: 150px; float: left; padding: 5px 0 0 0; list-style: none; margin:0 ; }
#nav li .drop li { padding: 0; float: none; margin:0; border-left: 1px solid #B1CDE6; border-right: 1px solid #B1CDE6; border-bottom: 1px solid #B1CDE6;width:150px; background: #F7F5F8; }
*:first-child+html ul.drop li a { overflow:hidden; }
#nav li .drop li a { display: block; width:auto; border: 0; background:#E0EEC8;  font-weight: normal; color: #006633; text-decoration: none; padding: 5px 10px 5px 18px; margin:0;}
#nav li .drop li a:hover { background: #C4DE96; }
/* #nav li .drop li span { display: none; } */

/* make the sub level visible on hover list or link */
#nav ul li:hover ul, #nav ul a:hover ul{ visibility:visible;}
  
#content_top { background:url("images/content_top_bg.jpg"); clear:both; height:9px; width:760px; margin: 0 20px 0 20px; padding:0; }
#content { background:#F4F9EB url("images/content_bg.gif"); margin:0 20px 0 20px; padding: 0 0 20px 0; }
	
#content h1 { font-size: 2.2em;}
#content h2, #content h1 { padding: 20px 20px 0 20px; }
#content h3 { padding: 20px 0 0 20px; }
#content p { line-height:150%; padding: 10px 20px 10px 20px; }
#content p.right-p { float:right; padding:0; margin:0; }
.item p { font-size:95%; }

p.front { padding: 0 0 0 310px; }
#content p.start { margin: 0 0 0 310px; padding: 20px 20px 0 0; }
.left { float:left; margin: 20px;}
.centre { margin: 0 0 0 100px;  }
.right { float:right; margin:20px; }

#highlight { float: right; width: 400px; }
#quick { clear:both; background:#B6DB95 url("images/feature.jpg") bottom no-repeat; height:210px; padding: 0; margin: 10px 0 0 20px; width: 720px; }
.item { width:210px; float:left; padding: 0 15px 0 15px; }
#content .item h3 { text-align:center; padding:20px 0 0 10px; }
#content .item p { padding: 10px 0 0 10px; }
.item img { float:left; margin: 15px 10px 0 0; }

.books-item { border-bottom: 1px solid #B1CDE6; margin: 0 20px 5px 20px; padding: 20px 0 10px 0; clear:both;  }
.news-item { border-bottom: 1px solid #B1CDE6; margin: 0 20px 5px 20px; padding: 20px 0 10px 0; clear:both; overflow:auto; }
.news-item div.right { width:200px; margin:0 20px; }
.news-item div.right i { display: block; margin-top: 10px; text-align: center; }
#content .news-item  h3 { padding:0 0 10px 0; }
#content .news-item  p {padding:0; margin:0; }
#content .news-item  img {padding:0 0 0 10px; margin:0; }

#content .books-item h2 { padding:0 0 10px 0; }
#content .books-item p {padding:0 0 5px 0; margin:0; }
#content .books-item img {padding:0 20px 0 0; margin:0; }
.clr {clear:both; height:0px;}

#full-width .left { float:left; }
#full-width .left img, #full-width .right img { margin-bottom:10px; }
#full-width .right { float:right; }

table { margin: 10px 20px 0 20px; }
table.information {  border-color: #600; border-width: 0 0 1px 1px; border-style: solid; }
table.information td { border-color: #600; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 4px; background-color: #bdd3e7; }
table.information th { border-color: #600; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 4px; background-color: #97b7d5; }

/* Books Content */
#column-left { width:520px; display:block; float:left; }
#column-right { width:240px; display:block; margin:0 0 0 520px; }

#links { padding: 40px 0 0 0; width:240px; }
#links li { list-style:none; background: url("images/button.jpg"); width:218px; height:38px; margin: 10px 0 10px 10px; padding:0; text-align:center; }
#links a { width:218px; display:block; padding:10px 0 13px 0; }
#column-right img { margin: 5px 0 0 10px; }

#images {width:800px;}

/* Forms */
.contact { margin: 0 0 0 175px; }
.contact label { clear:both; width:150px; display:block; padding: 5px 0 0 0; }
.contact input, textarea{ width: 400px; background:url("images/form_bg.jpg"); border:1px solid #ccc; }
.contact .button { width:auto; clear:both; border:0; float:right; margin: 10px 185px 10px 0; }

#footer { margin: 0 20px 10px 20px; font-size:10px; color:#666666; clear:both; background:url("images/footer_bg.jpg") no-repeat top; padding:15px 0 5px 0; }
#footer a { color:#666666; }
.name { float:left; }
.copy { text-align:right; }
.clr { clear:both; height:0; width:1px; }

/*Update 24-06-2010*/
/*#highlight {  padding:10px 20px; clear:both; background-color: #F00; display:block; }*/

/* Upadate 12-01-2013 */
#content #highlight { display: inline-block;width:398px; margin-top:30px; }
#content #highlight h2.center { font-size:1.7em; }
#content #highlight h3.center { color: #404e0f; font-size:2em; }