body { margin: 0px; margin-left: auto; margin-right: auto; width: 760px; text-align: left; background: white; }


body, th, td, p { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #333333; font-weight: normal; font-style: normal; }





/* HEADING STYLES */
/*
h1 { font-size: 15px; font-family: verdana, arial, sans-serif; color: white; margin-top: 30px; margin-bottom: 30px; word-spacing: 0.6em; letter-spacing: 0.3em; background-color: #3333cc; width: 100%; border: 3px #3333cc outset; padding: 5px;}
*/
h1 { font-size: 18px; font-family: verdana, arial, sans-serif; color: #b9641a; margin-top: 10px; margin-bottom: 10px; }

h2 { font-size: 15px; font-family: verdana, arial, sans-serif; color: white; background-color: #89b3c7; width: 100%;  border: 3px #89b3c7 outset; padding: 5px; }
h3 { font-size: 14px; font-family: verdana, arial, sans-serif; color: #333333; padding-top: 0px; }
h5 { font-size: 12px; font-family: verdana, arial, sans-serif; color: steelblue; font-weight: normal; font-style: bold; margin-left: 24px; }
h5 a:link, h5 a:visited { font-size: 15px; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; color: red; }
h5 a:hover, h5 a:active { font-size: 15px; font-family: verdana, arial, sans-serif; font-weight: normal; font-style: normal; text-decoration: underline; color: teal; }



/* STANDARD LINK STYLES */
a:link, a:visited { font-family: Verdana, Arial, sans-serif; color: #b9641a; text-decoration: none; }
a:active, a:hover { font-family: Verdana, Arial, sans-serif; color: #b9641a; text-decoration: underline; }
a img { border: none; }



/* TOP MENU STYLES */
div.menu { font-size: 11px; font-family: verdana, arial, sans-serif; color: white; font-weight: bold; text-align: right; text-align: right; padding: 6px 20px; }
div.menu a:link, div.menu a:visited { color: white; text-decoration: none; font-weight: bold; }
div.menu a:active, div.menu a:hover { color: white; text-decoration: underline; font-weight: bold; }
div.menu a.selected:link, div.menu a.selected:visited { color: white; text-decoration: none; font-weight: bold; }
div.menu a.selected:active, div.menu a.selected:hover { color: white; text-decoration: underline; font-weight: bold; }




/* DISPLAY TABLE STYLES */
table.display { width: 100%; color: #333333; background-color: white; border: 3px #89b3c7 outset; border-spacing: 0px;  }
table.display th { font-size: 12px; font-weight: bold; text-align: left; color: white; background-color: #89b3c7; padding: 5px; border-top: 1px solid #89b3c7;  }
table.display td { font-size: 12px; color: #333333; background-color: white; padding: 5px; border-top: 1px solid #89b3c7; text-align: left; }
table.display td table, table.display td table th, table.display td table td { border: none; background-color: white; padding: 0px; }


table.controlpanel { width: 100%; color: #333333; background-color: white; border: 1px #085d7b solid; border-spacing: 0px; border-collapse: collapse;  }
table.controlpanel th { font-size: 12px; font-weight: bold; text-align: center; color: white; background-color: #085d7b; padding: 2px; border: 1px #085d7b solid; border-spacing: 0px; border-collapse: collapse;  }
table.controlpanel td { font-size: 12px; color: #333333; background-color: white; padding: 10px; text-align: left; border: 1px #085d7b solid; border-spacing: 0px; border-collapse: collapse; }
table.controlpanel ul { margin-left: 0px; }



table.calendar { width: 100%; color: #333333; background-color: white; border: 1px #085d7b solid; border-spacing: 0px; border-collapse: collapse;  }
table.calendar th { font-size: 12px; font-weight: bold; text-align: center; color: white; background-color: #085d7b; padding: 2px; border: 1px #1e6d91 solid; border-spacing: 0px; border-collapse: collapse;  }
table.calendar td { font-size: 12px; color: #333333; background-color: white; padding: 2px; text-align: left; border: 1px #085d7b solid; border-spacing: 0px; border-collapse: collapse; }
table.calendar td, table.calendar th, table.calendar td a { font-size: 11px; }


/* DISPLAYING PRODUCT LEVELS */
/*div.levels { margin-bottom: 2em; margin-left: 3em; padding: 1em 1em 1em 0em; }
td.levels { border-top: 1px solid brown; padding: 1em 0em; }
table.levels { border-bottom: 1px solid brown; }/*



/* LIST STYLES */
UL { font-size: 12px; font-family: verdana, arial, sans-serif; color: #333333; font-weight: normal; font-style: normal; margin-top: 6px; text-align: left; }
OL { font-size: 12px; font-family: verdana, arial, sans-serif; color: #333333; font-weight: normal; font-style: normal; margin-top: 6px; text-align: left; }
LI { margin-bottom: 10px; }



/* FORM STYLES */
/*input, textarea, select, option { border: 1px solid #003399; color: black; background-color: white; }
.button { background-color: #efefef; border: 1px solid brown; font-weight: bold; color: brown; margin-top: 5px; font-size: 11px; }*/



/* PAGED RESULTS STYLES */
div.paged-results { line-height: 24px;}
div.page-numbers { margin-bottom: 15px; color: #cccccc; }
div.page-numbers a:link, div.page-numbers a:visited { color: gray; text-decoration: none; }
div.page-numbers a:active, div.page-numbers a:hover { color: teal; text-decoration: underline; }



/* For the FAQ */
span.answer { font-size: 12px; font-family: verdana, arial, sans-serif; color: #333333; font-weight: bold; font-style: normal; margin-top: 6px; margin-left: 0px; }



/* FOOTER STYLES */
td.footer { border-top: 1px solid #aaaaaa; color: #aaaaaa; }
td.footer a:link, td.footer a:visited { color: #aaaaaa; }



/* OTHER STYLES */
.lightgrey { color: #cccccc; }
.highlight { font-weight: bold; font-color: red; background-color: yellow; }
div.error { color: red; }
.indent { margin-left: 30px; }
.small { font-size: 11px; }







div.scrolling { margin-right: 20px; padding: 0px; width: 400px; height: 80px; overflow: auto; border: 1px solid teal; background-color: white; }

.caption { margin-top: 5px; margin-bottom: 20px; padding: 0px; }





div.colour {
	float: left;
	height: 60px;
	width: 60px;
	padding: 3px;
}

span.colour {
	float: left;
	height: 30px;
	width: 30px;
	border: 1px solid black; 
	margin-right: 3px;
}




.homepage a:link, .homepage a:visited {  color: #e67d20; font-weight: bold;  }
.homepage a:active, .homepage a:hover {  color: #f69118; font-weight: bold;  }


.homepagelinks { padding-left: 20px; padding-top: 10px; }
.homepagelinks table { width: 100% }
.homepagelinks td { color: #333333; }
.homepagelinks td, .homepagelinks td a { font-size: 14px; font-weight: bold; }
.homepagelinks td p a { font-size: 12px; }

.footer { text-align: center; border-top: 1px solid #aaaaaa; color: #aaaaaa; width: 760px; font-weight: normal; margin-top: 30px; font-size: 12px;}
.footer a:link, .footer a:visited, .footer a:active, .footer a:hover { color: #aaaaaa;  font-weight: normal; font-size: 12px; }
 




.gradient { background: white url(http://www.booktheshack.com/images/bluegradient.jpg) repeat-y scroll left top; }
.homepageheader { text-align: left; padding: 30px 20px; color: white; font-size: 24px; font-weight: normal; }



.leftcolumn { width: 440px; float: left; margin: 0px 20px; }
.rightcolumn { width: 220px; float: right; margin: 0px 20px; text-align: center;}
.bar { background-color: #085d7b; height: 10px; }
.tagline { font-size: 16px; font-weight: normal; padding: 20px 0px; color: #333333; }

.logotext { font-size: 22px; font-weight: bold; padding: 0px; text-align: right; }
.smlogotext { font-size: 12px; font-weight: bold; padding: 0px; display: inline; }
.colour1 { color: #ded6c5; }
.colour2 { color: #e67d20; }
.colour3 { color: #f69118; }

.specialtext { color: steelblue; padding-top: 20px; }
.specialtext p { color: steelblue; }

.spacer { clear: both; }

.subheading { color: #085d7b; font-weight: bold; padding-bottom: 5px; padding-top: 20px; font-size: 12px; }


.main { width: 760px; }

.button, a.button:link, a.button:visited, a.button:hover, a.button:active { font-size: 12px; font-family: verdana, arial, sans-serif; color: white; background-color: #e67d20; border: 2px #e67d20 outset; padding: 1px 3px; font-weight: bold; }


.renewal_notice, .renewal_notice a { font-size: 11px; }