/* Project:    Writer's Handbook Styles
   Updated:    Thu 11.02.08 @ 16:09 p.m.
   Author:     Rich Holman
   Amended:    Tue 17.03.08 @ 16:04
   Amended by: Saleem Jivraj
   ----------------------------------------------------*/

/* Divs */
body {font: 0.8125em Verdana, "Times New Roman", Times, serif; line-height: 1; color:#003563; /*color: #2E3F53;#7D868F; */padding:0px;}
* {
	margin: 0;
}
html, body {
	height: 100%;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -10em; /* the bottom margin is the negative value of the footer's height */
	background: url(../images/bg.gif) #ffffff 0 0 repeat-x;
}
#footer, #push {
	height: 10em; /* .push must be the same height as .footer */
}
#header {height:130px;color:#ffffff;background: url(../images/header.gif) #ffffff 0 0 no-repeat;}


/* DIVS */

#contentwrapper {position: relative;width:950px;margin:0 auto;	height: auto;padding-bottom: 10em;} /* center the element */
#content {/*background: url(../assets/images/contentbg2.gif) #ffffff 0 0 repeat-y;*/ float:left;padding:40px 0 0 0;/*padding:50px 0 0 0; padding:0 0 0 0;*/}
* html #content {float:left;padding:1px 0 0 0;}
.entry {width:700px;float:left;margin:10px 0 0 0;padding:0 0 5px 9px;}
#sidebar {margin:10px 4px 0 6px;/*margin:10px 40px 0 10px; margin:10px 40px 0 5px;*/font-size:80%;width:220px; /*width:179px;*/float: left;text-align:left;  /*border: 1px solid black*/;}
#footercontent {color:#ffffff;position: relative;width:950px;margin:0 auto;}
#footer {background: url(../images/footerbg.gif) #ffde00 0 0 repeat-x;margin: 0 auto;width:100%;}
#menu {margin:10px 0 0 0;}


/* General styling */


hr { 
border: none 0; 
border-top: 1px solid #b8b8b8;/*the border*/ 
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/ 
margin:15px 10px 15px 0;
}

hr.hrmenu {
border: none 0; 
margin:7px 25px 0 25px;
border-top: 1px solid #efefef;/*the border*/ 
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/ 
}


a {text-decoration: underline;color: #114167;}
a:hover {text-decoration: none;color:#f00;}
a img {border: none;}
a:visited {color: #134f7b;}


#sidebanner {
	width: 180px;
	margin: 10px;
	height: 250px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	}

#sidebar a:hover {text-decoration:underline;}

.navBar ul {
margin:0px;
padding:0 0 0 15px;
border:none;
color:#003563;
}

.navBar ul li{
/*border-bottom:1px solid #999;*/
padding:0 0 4px 0;
color:#003563;
}

.navBar ul li a, h3.sidebar {
border:none;
/*color:#12436e;*/
color:#003563;
/*color:#5A6F8E;*/
display:block;
font-family:Verdana, "Times New Roman", Times, serif;
font-size:13px;
font-weight: bold;
text-decoration: none;
line-height: 1.1;
}

.navBar ul li a:hover {color:#f00;}
.navBar ul li a img {margin:0 5px 0 0;padding:0;}
.navBar ul li a.current {font-size:17px;font-weight: bold;}

.navBar ul li ul {margin:0 0 0 5px;}
.navBar ul li ul li{
border:none;
/*padding:5px 0 7px 0;*/
font-weight: bold;
padding:2px 0 2px 0;
/*padding:5px 0 5px 0;
color:#5A6F8E;
color:#12436e;*/
color:#003563;
}
.navBar ul li ul li a.current {font-size:17px;font-weight: bold;}

.navBar ul li ul li ul {margin:0 0 0 5px;font-weight: bold;}
.navBar ul li ul li ul li{
border:none;
padding:0 0 4px 0;
font-weight: bold;
color:#003563;
/*color:#12436e;*/
/*color:#5A6F8E;*/
}

.navBar ul li ul li a {/*font-size:13px;*/font-weight: bold;color:#003563;/*color:#5A6F8E;color:#003563;*/}

#topnav {
position:absolute;
right:100%;
top:0px;
overflow:visible;
margin:10px -905px 0 0;
width:100px;
font-family:Verdana, "Times New Roman", Times, serif;
font-size:12px;
padding:0;
z-index:1000000000;
border:none;
float:none;
}

#topnav a {color:#ffffff; font-size:95%;}

/* Rainbow stylin
------------------------------ */
#menu {position:relative; width:950px; height:180px; /*height:180px;*/background:transparent url(../images/header.gif); overflow:hidden; margin:0 auto;}
#menu ul {margin:130px 0 0 0; padding:0;}
#menu li {list-style-type:none; width:100px; height:30px; /*height:30px;*/ display:inline;}
#menu a.nav {display:block; float:left; width:100px; height:0; overflow:hidden; color:#000; text-decoration:none; padding-top:130px;background:transparent url(../images/header_over.gif) no-repeat 500px 500px;}
#menu a.long {width:160px;}
#menu a.long1 {width:150px;}

* html #menu a.nav  {height:50px; he\ight:0;}
#menu a#item1:hover {background-position: 0px -130px; z-index:50;}
#menu a#item2:hover {background-position: -100px -130px; z-index:50;}
#menu a#item3:hover {background-position: -200px -130px; z-index:50;}
#menu a#item4:hover {background-position: -360px -130px; z-index:50;}
#menu a#item5:hover {background-position: -460px -130px; z-index:50;}
#menu a#item6:hover {background-position: -560px -130px; z-index:50;}
.copyright {font-size:85%;margin:20px 0 0 0;color:#999;}

/* Rainbow stylin
------------------------------ */

/* GRIDS */
#footergrid {text-align: center;font-size:85%;margin:10px 0 0 0;padding:10px 0 0 0;color:#ffffff;} /* centering for older browsers*/
#footergrid h4 {font-weight:bold;margin:0 0 5px 0;text-transform: uppercase;}
#footergrid a {color:#ffffff;}
.grid {width: 930px;margin: 0 auto;text-align: left;color:#333;} /* center the element */
.grid .unit {float:left;margin-left:1%;width:32%;/*width:31%;*/}
.grid div.first {margin-left:0;float:left;}
.grid div.first {/*margin-right:4%;*/ margin-right:1.3%;}

.boxes {text-align: center; }
.boxes .box p {margin:8px;}
.boxes {margin: 0 auto;text-align: left;color:#003563;} /* center the element */
.boxes .box {float:left;width:49%;/*width:48%; border:medium;*/}
.boxes .box1 {float:left;width:49.1%; /*text-align:rightwidth:48%*/}
.boxes .box1 ul {float:none;padding:0;}
.boxes .box1 li {margin:0;float:none; padding: 5px 10px;}
.boxes .box1 li a {display:block;/*padding:2px 10px;*/}

.boxes .box2 {float:left;width:30%; /*text-align:rightwidth:48%*/}
.boxes .box2 ul {float:none;padding:0;}
.boxes .box2 li {margin:0;float:none; padding: 5px 10px;}
.boxes .box2 li a {display:block;/*padding:2px 10px;*/}

.boxes .box3 {float:left;width:80%; /*text-align:rightwidth:48%*/}
.boxes .box3 ul {float:none;padding:0;}
.boxes .box3 li {margin:0;float:none; padding: 2px 2px;}
.boxes .box3 li a {display:block;/*padding:2px 10px;*/}

.boxes div.first {margin-right:1.3%; border:medium; border-color: #6699CC;}
.boxes div.first ul {float:none;padding:0;}
.boxes div.first li{margin:0;float:none; padding: 5px 10px;}
.boxes div.first li a {display:block;/*padding:2px 10px;*/}

.tips { 
text-align: center; 
margin: 0 0 0 20px; 
padding:0 0 0 10px; 
font-size:1.1em; 
float:right; 
width: 65%; 
border:#000099; 
border-bottom-style:solid; 
border-left-style:solid; 
border-right-style:double; 
border-top-style:double
}

.tips ul {float:none;padding:0;}
.tips ul li {margin:0;float:none; padding: 5px 10px;}
.tips ul li a {display:block;/*padding:2px 10px;*/}

.entry ol {
margin:5px;
padding:5 0 1px
}

.entry ol li {
margin:25px;
padding:5 0 0px
}

ul.list {
list-style-type:square;
margin:0 0 0 20px;
}
/*New style added 18th March 2008 by SJ*/

li.Question {
/*font-weight: bold;*/
margin:25px;
/*padding:5px 0 0;*/
padding:0;
margin-top: 1em; 
margin-bottom: 1em;
}
li.Question1 {
margin:25px;
padding:0;
margin-top: 1em; 
margin-bottom: 1em;
font-size:18px;
font-weight: bold;
}
li.Question_w {
/*margin:25px;*/
padding:0;
margin-top: 1em; 
margin-bottom: 1em;
font-size:18px;
font-weight: bold;
}

li.Question_g {
padding:0;
margin-top: 1em; 
margin-bottom: 1em;
}

li.QuestionTT {
font-weight: bold;
margin:25px;
padding:5px 0 0;
/*padding-top:0px;
padding-bottom:0px;*/}

ul.FastTab {
/*font-weight: bold;*/
margin:25px; 
padding:0;}

ul.FastTab1 {
margin:25px; 
padding: 0 0 0 0;}

li.Answer{
margin:25px;
/*padding:5px 0 0;*/
padding: 0 0 0 0;
height:20px;
}

li.booksellerlinks {
height::60px;
/*padding-bottom:inherit;*/
padding-bottom:40px;
}


.breadcrumb {
font-size:85%;
margin:0 0 10px 0;
color:#12436e;
/*color:#1F4864;*/
/*color:#7D868F;*/
}


/* IE5/Mac hacks */
/*\*//*/
#navbar {padding-top: 0.75em; height: 1.66em;}
#navbar li a {display: inline;}
/**/

/* following declarations clears elements without a clearing element such as <br clear> being needed. For more info see: http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */
div.cleardiv {clear:both;padding:0 !important;}

.entry ol li img {
border: none;
padding:10px 0 10px 0;
}

.img-shadow {
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  
.style1 {/*color: #003366;*/}
.style2 {font-weight: bold;}
.style3 {/*color: #5A6F8E*/}
.style5 {color: #114167}
.homeImage {position:absolute; bottom:0;}

#wh-lhn ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	}

#wh-lhn {
	width: 180px;
	margin: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	}

#wh-lhn li a {
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #F9F900;
}
#wh-lhn .notopbrdr0xNone {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

#wh-lhn li a:link, #wh-lhn li a:visited {
	color: #004080;
	display: block;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	}

#wh-lhn li a:hover {
	color: #FFFFFF;
	background:  #004080;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	}


.treemenu {
	margin : 0px 20px;
	padding : 10px;
	list-style : none;	
	background-color : #EEE;
	border : 1px solid #000;
	width : 180px;
}

.treemenu UL {
	list-style : none;
	margin : 0px 10px;
	padding : 0px 10px;
}
 
.treemenu LI {
	display : inline;
}

.treemenu A {
	display : block;
	padding-left : 12px;
	text-decoration : none;

}

.treemenu .treeopen {
	background-image : url('open.gif');
	background-repeat : no-repeat;
	background-position : left;
}		

.treemenu .treeclosed {
	background-image : url('closed.gif');
	background-repeat : no-repeat;
	background-position : left;
}

.sitemap 
{
	margin:25px; 
}

.sitemap ul {
	list-style-type:disc;
}