/*
	StyleSheet by Cameron Walter
	http://www.in2itive.com.au
		
*/

body {
padding : 0;
margin : 0 auto;
font : normal 1em Times New Roman, serif;
background : black;
color : white;
font-weight : bold;
}

a {
color : #61548C;
background : inherit;
text-decoration : none;
}

a:hover {
text-decoration : underline;
}

p {
text-align : center;
}

h1 {
font : bold 1.8em Arial, Sans-Serif;
color : #61548C;
}

h2 {
font : bold 1.5em Arial, Sans-Serif;
color : #61548C;
}

h3 {
font : bold 1.2em Arial, Sans-Serif;
color : #61548C;
}


ul {
margin : 0;
padding : 0;
list-style : none;
}

img {
border : 0;
margin : auto;
padding : 0px;
text-align : center;
}

#cp {
width : 960px;
margin : 0 auto;
padding : 0;
background : url(images/cpbg.gif);
color : black;
}

#cp h3 {
color : #A70912;
margin : 0;
padding : 12px 0 12px 0;
text-align : center;
font : bold 1.3em Arial, sans-serif;
}

#cp h2 {
clear : left;
color : black;
margin : 0;
padding : 30px 0 5px 0;
font : bold 1.2em Arial, sans-serif;
text-align : center;
}

#cp h1 {
color : black;
margin : 0;
padding : 5px 0 0 0;
font : bold 1em Arial, sans-serif;
text-align : left;
}

#cp p {
font : normal 0.75em Arial, sans-serif;
}

#cp p.error {
font : bold 0.75em Arial, sans-serif;
color : red;
}

#cp ul {
margin : 0;
padding : 0 0 0 5px;
list-style : none;
font : normal 0.75em Arial, sans-serif;
}

#cp a {
margin : 0;
padding : 0;
text-decoration : none;
color : #A70912;
background : none;
}

#cp a:hover {
color : #221E1F;
background : none;
text-decoration : underline;
}

#cp #menu {
float : left;
width : 200px;
height : auto;
padding : 10px;
margin : 0;
background : #efd466;
}

#cp #cpcontent {
float : left;
width: 720px;
height : auto;
padding : 10px;
margin : 0;
background : white;
}

#cp #cpcontent .col0 {
float : left;
width : 720px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#cp #cpcontent .col1 {
float : left;
width : 140px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#cp #cpcontent .col12 {
float : left;
width : 235px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#cp #cpcontent .col2 {
float : left;
width : 330px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#cp #cpcontent .col3 {
float : left;
width : 130px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#cp #cpcontent .col23 {
float : left;
width : 460px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#cp #cpcontent .col123 {
float : left;
width : 600px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#cp #cpcontent .col4 {
float : left;
width : 60px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#cp #cpcontent .col5 {
float : left;
width : 60px;
height : 20px;
padding : 0;
margin : 0;
text-align : left;
}

#cp #cpcontent p {
text-align : left;
}



#cp #endofcp {
clear : both;
height : 1px;
width : 960px;
padding : 0;
margin : 0;
background : black;
}


#content {
width : 960px;
margin : 0 auto;
padding : 0;
background : url(images/openbook2.jpg);
color : #202020;
}

#content #topmenu {
float : right;
width : 905px;
margin : 0;
padding : 10px 55px 0 0;
height : 29px;
background : none;
font : normal 1em Arial, sans-serif;
}

#content #topmenualt {
float : right;
padding : 10px 55px 0 0;
margin : 0;
height : 29px;
background : black;
font : normal 1em Arial, sans-serif;
}



/* zeroing padding/margin for all elements */
#dropDownMenu,
#dropDownMenu * { 
margin : 0;
padding : 0;
}

/* "Master" UL (the whole Menu) */
#dropDownMenu {
position : relative;
background : none;
float : right;
}

/* sub-menu ULs */
#dropDownMenu li ul {
float: left;
cursor : default;
position : absolute;
height : auto;
display : none;
padding : 0px 0 0 0;
margin : -3px 0 0 0;
background : url(images/clear.gif);/* trick to keep'em open */
left : 0px;
width : 100px;
}

/*
* html div#dropDownMenu li ul {
top : 1.55em !important;
display : none !important;
}
*/


/* All LIs */
#dropDownMenu li {
position : relative;
float : right;
padding : 0;
margin : 0;
padding-top : 0;
background : url(images/tabright.gif) no-repeat right top;
margin-right : 2px;
}

/*
* html div#dropDownMenu li {
position : relative;
width : 8.23em;
}
*/

/* sub-menu LIs */
#dropDownMenu li ul li {
padding : 0;
border : none;
background : none;
}

/* 
* html div#dropDownMenu li ul li {
float : none !important;
padding : 0 !important;
}
*/

/* All anchors */
#dropDownMenu li a {
cursor : default;
display : block;
text-decoration : none;
padding : 0 10px;
margin : 0;
font-weight : bold;
color : white;
font-size : 0.7em;
background : url(images/tableft.gif) no-repeat left top;
height : 29px;
line-height : 29px;
width : 80px;
}



/* sub-menu Anchors */
#dropDownMenu li ul li a {
position : relative !important; /* ie Mac */
cursor : pointer !important;
white-space : nowrap;
line-height : 29px;
height : 29px;
font-weight : normal;
color : white;
background-position : 0 50% !important;
background : none;
width: 90px;
padding : 0 5px;
margin : 0 0 0 0px;
}

/* :hover and stuff */
#dropDownMenu li a:hover,
#dropDownMenu li a:focus,
#dropDownMenu li a:active {
color : #000
}

/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */
#dropDownMenu ul a:hover,
#dropDownMenu ul a:focus,
#dropDownMenu ul a:active {color:#fff !important;background:#686868}
/* display and z-index for the sub-menus */
#dropDownMenu li:hover ul,
#dropDownMenu li.msieFix ul {display:block;z-index:10;top:2em !important;}
/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */
#dropDownMenu li#AB {z-index:6;}
#dropDownMenu li#CF {z-index:5;}
#dropDownMenu li#GJ {z-index:4;}
#dropDownMenu li#KR {z-index:3;}
#dropDownMenu li#ST {z-index:2;}
#dropDownMenu li#UZ {z-index:1;}

/* Current location - class on Body must match LI's id */
.AB #dropDownMenu li#AB a,
.CF #dropDownMenu li#CF a,
.GJ #dropDownMenu li#GJ a,
.KR #dropDownMenu li#KR a,
.ST #dropDownMenu li#ST a,
.UZ #dropDownMenu li#UZ a {color:#000;}

/* Keeping current menu accessible to JAWS */
.AB #dropDownMenu li#AB ul,
.CF #dropDownMenu li#CF ul,
.GJ #dropDownMenu li#GJ ul,
.KR #dropDownMenu li#KR ul,
.ST #dropDownMenu li#ST ul,
.UZ #dropDownMenu li#UZ ul {display:block;top:-1000px}

/* background colors 
#AB,#AB li a {background-color:black;}
#CF,#CF li a {background-color:#fffcd0;}
#GJ,#GJ li a {background-color:#ffe1cc;}
#KR,#KR li a {background-color:#fccae5;}
#ST,#ST li a {background-color:#c9c9ff;}
#UZ,#UZ li a {background-color:#ffcebe;} */

/* "trigger" and "msieFix" classes */
#dropDownMenu li.msieFix a {}

/* last nested UL. keeping it in */
#dropDownMenu li#UZ ul {left:-2.3em !important;}

/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...                             */
.AB #dropDownMenu li#AB ul li a:focus,
.AB #dropDownMenu li#AB ul li a:active,
.CF #dropDownMenu li#CF ul li a:focus,
.CF #dropDownMenu li#CF ul li a:active,
.GJ #dropDownMenu li#GJ ul li a:focus,
.GJ #dropDownMenu li#GJ ul li a:active,
.KR #dropDownMenu li#KR ul li a:focus,
.KR #dropDownMenu li#KR ul li a:active,
.ST #dropDownMenu li#ST ul li a:focus,
.ST #dropDownMenu li#ST ul li a:active,
.UZ #dropDownMenu li#UZ ul li a:focus,
.UZ #dropDownMenu li#UZ ul li a:active {position:absolute !important;top:1028px !important;}

/* 

* html div#dropDownMenu li ul a {
float : none !important;
}

* html div#dropDownMenu li.msieFix a {
cursor : default;
}

* html div#dropDownMenu li.msieFix ul {
display : block !important;
width : 120%
z-index : 50 !important;
top : 1.6em !important;
}


* html div#dropDownMenu ul li {
width : 10em !important;
}

* html div#dropDownMenu ul lia a {
width : 100% !important;
}

* html .AB div#dropDownMenu li.AB ul lia a {
width : 10em !important;
}

*/

/* #content #topmenu ul {
list-style-type : none;
padding : 0;
margin : 0;
}

#content #topmenu ul li {
float : right;
padding : 0;
margin : 0;
padding-top : 0;
background : url(images/tabright.gif) no-repeat right top;
margin-right : 5px;
}

#content #topmenu ul li a {
display : block;
text-decoration : none;
padding : 0 10px;
font-weight : bold;
color : white;
font-size : 0.8em;
background : url(images/tableft.gif) no-repeat left top;
height : 32px;
line-height : 32px;
}

* html #content #topmenu ul li a {
width : 120px;
text-align : center;
}

#content #topmenu ul li a:hover {
text-decoration : underline;
} */

#content #botmenu {
clear : both;
width : 905px;
padding : 0 0 0 55px;
margin : 0;
height : 29px;
background : none;
text-align: left;
font : normal 1em Arial, sans-serif;
}

#content #botmenualt {
clear : both;
width : 905px;
padding : 0 0 0 55px;
margin : 0;
height : 29px;
background : black;
text-align: left;
font : normal 1em Arial, sans-serif;
}

#content #botmenu ul,
#content #botmenualt ul {
list-style-type : none;
padding : 0;
margin : 0;
}

#content #botmenu ul li,
#content #botmenualt ul li {
float : left;
padding : 0;
margin : 0;
padding-top : 0;
background : url(images/tabrightbot.gif) no-repeat right top;
margin-left : 5px;
}

#content #botmenu ul li a,
#content #botmenualt ul li a {
display : block;
height : 29px;
line-height : 29px;
text-decoration : none;
padding : 0 10px;
font-weight : bold;
color : white;
font-size : 0.7em;
background : url(images/tableftbot.gif) no-repeat left top;
}

* html #content #botmenu ul li a {
width : 170px;
text-align : center;
}

#content #botmenu ul li a:hover,
#content #botmenualt ul li a:hover {
text-decoration : underline;
}


#content .whiteline {
clear : both;
height : 1px;
width : 960px;
background : white;
margin : 0;
padding : 0;
overflow : hidden;
}

#content #splash {
width : 960px;
height : 555px;
background : url(images/bookcover.jpg);
}

#content #splash img {
margin : 0;
padding : 0;
position : relative;
top : 195px;
left : 46px;
}

#content #splash img.award {
margin : 0;
padding : 0;
position : relative;
top: 320px;
left : 775px;
}

#content #book {
clear : both;
width : 960px;
height : 508px;
margin : 0px;
padding : 0px;
background : none;
}

#content #book #text {
clear : both;
width : 360px;
height : 463px;
padding : 15px 80px 0px 520px;
background : none;
overflow : hidden;
margin : 0;
}

#content #book #lefttext {
clear : both;
float : left;
width : 360px;
height : 463px;
padding : 15px 55px 0px 65px;
background : none;
overflow : hidden;
margin : 0;
}

#content #book #lefttext .img200 {
width : 200px;
padding : 0;
margin : auto;
text-align : center;
height : auto;
}

#content #book #righttext {
float : left;
width : 360px;
height : 463px;
padding : 15px 50px 0px 36px;
background : none;
overflow : hidden;
margin : 0;
}

#content #book #nextlink {
clear : both;
width : 380px;
height : 30px;
padding : 0;
margin : 0 70px 0 510px;
}

#content #book h3 {
color : black;
margin : 0;
padding : 12px 0 12px 0;
text-align : center;
font : bold 1.2em Arial, sans-serif;
}

#content #book h2 {
color : black;
margin : 0;
padding : 10px 0 5px 0;
font : bold 0.9em Arial, sans-serif;
text-align : center;
}

#content #book h1 {
color : black;
margin : 0;
padding : 5px 0 0 0;
font : bold 0.8em Arial, sans-serif;
text-align : left;
}

#content #book p {
font-weight : normal;
font-size : 0.8em;
color : black;
margin : 0;
padding : 0 0 10px 0;
text-align : justify;
}

#content #book #righttext .stockitem {
float : left;
width : 174px;
padding : 0;
margin : 0;
}

#content #book p.stockist {
font-weight : normal;
font-size : 0.7em;
color : black;
margin : 0;
padding : 0 0 2px 0;
text-align : left;
}

#content #book p.centre {
font-weight : normal;
font-size : 0.8em;
color : black;
margin : 0;
padding : 0 0 2px 0;
text-align : center;
}

#content #book p.lite {
font-weight : normal;
font-size : 0.8em;
color : black;
margin : 0;
padding : 0 0 2px 0;
}

#content #book p.form {
font-weight : normal;
font-size : 0.8em;
color : black;
margin : 0;
padding : 0 0 2px 0;
}

#content #book p.next {
text-align : right;
padding : 0px 13px 0px 0;
margin : 0;
text-decoration : none;
background : url(images/arrow.gif);
background-repeat : no-repeat;
background-position : center right;
font : bold 0.8em Arial, sans-serif;
}

#content #book p.img {
text-align : center;
}

#content #book a {
margin : 0;
padding : 0;
text-decoration : none;
color : #A70912;
background : none;
}

#content #book a:hover {
color : #221E1F;
background : none;
text-decoration : underline;
}


#content #book #nextlink a {
margin : 0;
padding : 0;
text-decoration : none;
color : #A70912;
background : none;
}

#content #book #nextlink a:hover {
color : #221E1F;
background : none;
text-decoration : underline;
}


#content #book input {
font : 0.8em Arial, Sans-Serif;
background-color : white;
border : 1px solid #666666;
margin : 0;
padding : 2px;
}

#content #book textarea {
font : 0.8em Arial, Sans-Serif;
background-color : white;
border : 1px solid #666666;
margin : 0;
padding : 2px;
}

#content #book img.ppl {
border : 0;
margin : 0;
padding : 0px 0 0 20px;
float : left;
}

#content #book img.bigppl {
border : 0;
margin : 0;
padding : 0 0 10px 15px;
float : right;
}

#content #book .subtitle {
width : 100px;
padding : 5px 0 5px 20px;
margin : 0;
float : left;
}

#content #book .subtitle p {
text-align : center;
font-size : 0.6em;
padding : 0 0 2px 0;
}

#content #book #text #poem p {
text-align : center;
font : 0.85em Times New Roman, Serif;
padding : 0 0 1px 0;
margin : 0;
}

#content #book #text #poem p.lastline {
text-align : center;
font : 0.85em Times New Roman, Serif;
padding : 0 0 5px 0;
margin : 0;
}

#content #book img.logo {
margin : 0;
padding : 0 0 0 0px;
}


#content #end {
clear : both;
margin : 0px;
padding : 10px 0px 0 0;
height : 30px;
width : 960px;
background : black;
line-height : 20px;
text-align : right;
font : normal 1em Arial, sans-serif;
}

#content #end p {
text-decoration : none;
margin : 0;
font-weight : normal;
font-size : 0.6em;
color : white;
text-align : center;
padding : 10px 2px 0 0;
}

#content #end a {
text-decoration: none;
color : white;
}

#content #end a:hover {
text-decoration: underline;
color : white;
}