/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input
{
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th
{
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

body
{
	background: #FFF;
	color: #3c3c3c;
	/*7C6D56*/
	font: 13px Georgia, "Century Schoolbook", "Bitstream Vera Serif", Utopia, "Times New Roman", Times, serif;
	min-width: 693px;
	text-align: center;
}

a:link, a:active
{
	color: #0040b6;
	text-decoration: none;
}

a:visited
{
	color: #0049d0;
	text-decoration: none;
}

a:hover, a:focus
{
	background-color: #FAF3F4;
	color: #C81500;
	text-decoration: none;
	border-bottom: 1px solid #C81500;
}

a img, a:hover img, a:focus img, td a img
{
	background-color: transparent !important;
	text-decoration: none !important;
	border-style: none !important;
	border-bottom: 0 !important;
	vertical-align: bottom;
}

/*
overwrite the above 
link styles when  using them with images
*/

a.img-link
{
	background: none;
	padding: 0;
	border: 0 !important;
}

a.img-bdr
{
	background: none;
	padding: 0;
	border: 0 !important;
}

h1,h2,h3,h4,h5,h6
{
	font-family: "Lucida Grande", Geneva, Verdana, sans-serif;
	color: #97B877;
	background: white;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h1
{
	font-size: 2em;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.25em 0;
	color: #5F8040;
	font-weight: normal;
}

h2
{
	font-size: 1.67em;
	margin: 0 0 0.33em 0;
	padding: 0.25em 0;
	font-family: Georgia, "New Century Schoolbook", "Bitstream Vera Serif", Utopia, "Times New Roman", Times, serif;
	font-weight: normal;
}

h3
{
	font-size: 1.38em;
	margin: 0 0 0.25em 0;
	padding: 0.125em 0;
	font-weight: bold;
}

h4
{
	font-size: 1.25em;
	margin: 0.5em 0 0 0;
}

h5
{
	font-size: 1.11em;
	margin: 0.5em 0 0 0;
	color: #4E603C;
}

h6
{
	font-size: 1.05em;
	margin: 0.5em 0 0;
}

td p /*sans use .right*/
{
	font: 12px "Lucida Grande", "Bitstream Vera Sans", Verdana, Geneva, Arial, sans-serif;
	margin: 0;
}

p, table#homey td p
{
	margin: 0.33em 0 1em 0;
	line-height: 1.4;
}

table#homey h5
{
	font-size: 1.28em;
	margin-bottom: 0;
	padding-bottom: 0;
}

/* home page indents */
td .indent p
{
	text-indent: 2em;
	margin: 0;
	padding: 0;
}

code, tt
{
	font: 100% "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace;
	margin: 1em 0;
}

code, tt
{
	border-bottom: 1px solid #E3E3E3;
	padding: 0 1px;
}

small { font-size: 85%; }
big { font-size: 115%; }

table#homey h2, table#homey h3,  table#books h3
{
	margin: 15px 0 5px 0;
	padding: 0;
}

table#homey h4
{
	margin: 1em 0;
	padding: 0;
}

#homey strong { color: #333; }
#homey table#latest { margin-top: 15px; }
table#books { margin: 0; }
table#books td { vertical-align: top; }

h4#fly
{
	font-size: 1.1em;
	margin: 10px 0;
	color: #4f4f4f;
}

.sans { font: 11px "Lucida Grande", "Bitstream Vera Sans", Verdana, Geneva, Arial, sans-serif; }
.sans-serif { font-family: "Lucida Grande", "Bitstream Vera Sans", Verdana, Geneva, Arial, sans-serif; }

.sans-right
{
	font: 11px "Lucida Grande", "Bitstream Vera Sans", Verdana, Geneva, Arial, sans-serif;
	text-align: right;
}

div.leading p { line-height: 200%; }
p.shout { margin: 0 0 0 120px; }

hr
{
	visibility: hidden;
	padding: 0;
	margin: 0.5em 0;
}

cite { font-weight: 600; }

p.footer
{
	font: small/150% "Bitstream Vera Mono", "Andale Mono", Courier, "Courier New", monospace;
	margin-top: 8px;
	text-align: left;
}

p.lead-para:first-letter
{
	font-size: 133%;
	font-weight: bold;
}

/*----------------- List definitions ----------------- */
ul, ol
{
	margin: 1em 0;
	padding-left: 2.5em;
}

dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

ol li
{
	line-height: 1.5;
	margin: 3px;
	padding: 0;
}

li
{
	line-height: 1.5;
	margin-bottom: 3px;
}

/* nested lists have no top/bottom margins */
ul ul,   ul ol,   ul dir,   ul menu,   ul dl,
ol ul,   ol ol,   ol dir,   ol menu,   ol dl,
dir ul,  dir ol,  dir dir,  dir menu,  dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul,   dl ol,   dl dir,   dl menu,   dl dl
{
	margin-top: 0;
	margin-bottom: 0;
}

/*ordered lists*/
ol { list-style-type: decimal; }

/* 1 2 3 4 5 etc. */
ol ol { list-style-type: upper-alpha; }

/* A B C D E etc. */
ol ol ol { list-style-type: lower-roman; }

/* i ii iii iv v etc. */
ul, #book-info p
{
	font-family: "Lucida Grande", Geneva, Verdana, sans-serif;
	font-size: 1em;
}

#book-info ul
{
	list-style: none;
	margin-top: 0.5em;
}

#book-info a { font-weight: bold; }
#book-info ul + ul { margin-top: -3px; }

#book-info li
{
	line-height: normal;
	margin-bottom: 0.5em;
}

ul.arrowpro li, ul.multimedia li, ul.listen li, ul.stars li, ul.podcast li, ul.plus li, ul.laquo li, ul.reader li, ul.arrowtext li, ul.arrowlinks li, ul.bullet  li
{
	list-style-position: outside;
	margin-bottom: 5px;
	margin-left: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 1px;
}

ul.arrowpro  li { list-style-image: url(../images/icon_arrow.gif); }
ul.multimedia  li { list-style-image: url(../images/icon_multimedia.gif); }
ul.listen li { list-style-image: url(../images/icon_speaker.gif); }
ul.stars li { list-style-image: url(../images/icon_stars.gif); }
ul.podcast li { list-style-image: url(../images/icon-20-podcast.gif); }
ul.plus li { list-style-image: url(../images/icon_plus_1.gif); }
ul.laquo li { list-style-image: url(../images/icon_laquo.gif); }
ul.read li { list-style-image: url(../images/icon-20-read.gif); }
ul.reader li { list-style-image: url(../images/icon-20-read.gif); }
ul.arrowtext  li, ul.arrowlinks  li { list-style-image: url(../images/arrow1.gif); }
ul.bullet  li { list-style-image: url(../images/blackdot.gif); }

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

ul.nobullet li
{
	line-height: 1.5;
	margin-bottom: 0.5em;
	padding-left: 1em;
}

ul.arrowpro ul li
{
	margin: 5px 0 0 -2.5em;
	list-style: none;
	padding-left: 0;
}

ul.circle  li
{
	line-height: 1.2;
	list-style: circle;
	list-style-image: url("../images/red_dit.gif");
	margin-bottom: 0;
	margin-left: 3px;
	padding: 0;
}

ul.indent { margin-left: 1.5em; }

/*----------------- blockquote ----------------- */
blockquote
{
	line-height: 1;
	margin: 10px 20px 10px 0;
	text-align: left;
}

blockquote p
{
	margin-bottom: 1.4em;
	margin-left: 0;
	line-height: 1.33;
}

blockquote p.quote
{
	color: #1f1f1f;
	font-family: Georgia, "New Century Schoolbook", "Bitstream Vera Serif", Utopia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: 700;
	margin-bottom: -0.25em;
	margin-left: 0;
}

blockquote.books { margin: 10px 0; }
#r-col blockquote { margin: 10px 25% 10px 0; }

p.quotelite
{
	font-family: Georgia, "New Century Schoolbook", "Bitstream Vera Serif", Utopia, "Times New Roman", Times, serif;
	line-height: 1.7;
	margin: 0;
	color: #574C3C;
}

/*----------------- classes ----------------- */

/*
	background-color: #008C28; green
	background-color: #C81500; red
*/

/* === action links === */
.action a:before
{
	content: "\2192";
	/* right arrow */
	margin-right: .3em;
}

.floatRight { float: right; }
.floatLeft { float: left; }
.firstlineindent  p { text-indent: 2em; }
.leftist { text-align: left; }
.rightist { text-align: right; }
.more, .moreso, .hilite { font: 11px "Lucida Grande", "Bitstream Vera Sans", Verdana, Geneva, Arial, sans-serif; }

.more a:link, .more a:visited
{
	background-color: #C81500;
	color: #fff;
	text-decoration: none;
	padding: 0 0.3em 0 0.3em;
}

.more a:hover, .more a:focus
{
	background-color: #008C28;
	color: #fff;
	text-decoration: none;
	padding: 0 0.3em 0 0.3em;
}

.moreso a:link, .moreso a:visited
{
	background-color: #ddd;
	color: #000;
	text-decoration: underline;
}

.moreso a:hover, .moreso a:focus
{
	background-color: #4F4F4F;
	color: #fff;
	text-decoration: none;
}

.highlight
{
	font-weight: normal;
	background-color: #FFEC8B;
	color: #000;
}

.hilite a:link, .hilite a:visited
{
	background-color: #97B877;
	color: #fff;
	font-weight: bold;
	padding: 0.33em 0.67em;
}

.hilite a:hover, .hilite a:focus
{
	background-color: #5F8040;
	color: #fff;
	border-bottom: 1px solid #97B877;
}

/*----------------- colors --------------------*/
/* === grays === */
.light { color: #CCC; }
.med { color: #999; }
.dark { color: #4F4F4F; }
.darker { color: #333; }
.gray { color: #A6A6A6; }
.dim { color: #666; }
.darkest { color: #2F4F4F; }

/* === colors === */
.caveat { color: #D2691E; }

.alert
{
	color: #C81500;
	background-color: #D1E182;
	padding: .5em;
}

.alert pre { font-size: 1.38em; }


.rich { color: #9C4A21; }

/*----------------- borders --------------------*/
/*add a border around the image*/
.solid { border: 1px solid; }
.dotted { border: 1px dotted; }
.double { border: 4px double; }
.inset { border: 1px inset #666; }
.outset { border: 1px outset #666; }
.plain { border: none; }

/* logo color */
.new
{
	color: #5F8040;
	border-bottom: 1px dotted #A6A6A6;
}

.small { font-size: .9em; }
.smallmono { font: 16px "Courier New", Courier, monospace; }

/*---- contextuals ---- */
#book-col blockquote, #l-col blockquote { margin-bottom: 20px; }

#jacket p, #artwork p
{
	font-family: "Lucida Grande", Geneva, Verdana, sans-serif;
	font-size: 1em;
	margin: 0.25em 0 1em 0;
	line-height: normal;
	padding: 0;
}

/*----------------- cover ----------------- */
#cover a:link, #cover a:visited, #cover a:hover, #cover a:active { text-decoration: underline; }

#cover a:hover, #cover a:active
{
	background: #FFEABF;
	text-decoration: none;
}

#cover img
{
	border-color: #999;
	border-width: 1px;
	border-style: inset;
	margin: 5px 0 20px 0;
}

#cover img.plain { border: none; }

/*----------------- excerpts ----------------- */
#excerpt p,  #excerpt pre
{
	font: 14px/170% Georgia, "New Century Schoolbook", "Bitstream Vera Serif", Utopia, "Times New Roman", Times, serif;
	color: #333;
}

#excerpt.pre-not { margin-right: 25%; }

#excerpt.pre-not p
{
	line-height: 1.7;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

#excerpt h6
{
	color: #000;
	margin-top: 1.667em;
}

#excerpt.pre-not p { text-indent: 2.5em; }
#excerpt.pre-not p.flush { text-indent: 0; }

#excerpt.pre-not p.center
{
	text-indent: 0;
	text-align: center;
	line-height: 3;
}

#excerpt.pre-not p em { font-style: italic; }
#excerpt.pre-not .refrain { margin: 1em 0; }

#excerpt.pre-not .refrain p
{
	text-indent: 0;
	font-style: italic;
	line-height: 1.33;
}

#excerpt.pre-not .refrain.indented p { text-indent: 2.5em; }
#excerpt.pre-not .refrain p.indent { text-indent: 1.5em; }
#excerpt.pre-not .refrain p.signed { text-indent: 12em; }

/*----------------- events ----------------- */
div.events
{
	margin: 20px 10% 20px  0;
	text-align: left;
}

div.events img
{
	padding: 0;
	display: block;
	margin-bottom: -6px;
}

div.events pre, div.events div.box
{
	background: #E3F0A4;
	font: 12px/1.4 "Lucida Grande", Geneva, Verdana, sans-serif;
	padding: 1em 2em;
	text-align: left;
	border: 2px #A0A973 solid;
}

#sa.events div.box
{
	border: 2px #A0A973 solid;
	background-color: #D1E182;
}

#uk.events div.box
{
	border: 2px #BEDCA1 solid;
	background-color: #C6DCB1;
}

div.events div.box h3
{
	font-size: 1.67em;
	margin-bottom: 0.33em;
}

div.events strong, div.events div.box h3, div.events div.box dt
{
	font-family: Georgia, "New Century Schoolbook", "Bitstream Vera Serif", Utopia, "Times New Roman", Times, serif;
	line-height: normal;
	font-weight: bold;
	color: #4E603C;
	background-color: transparent;
}

div.events div.box dt
{
	font-size: 1.18em;
	color: #5F8040;
	font-weight: 600;
}

div.events div.box.uk
{
	background: #f6f6f9;
	border-color: #0040b6;
	margin-top: 28px;
}

div.panel img
{
	margin: 20px 0 -5px 0;
	padding-bottom: 0;
}

/*----------------- stickie ----------------- */
#stickie h4
{
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 96%;
}

#stickie p,  #stickie dl
{
	background: #EEEEE0;
	border-color: #999;
	border-style: outset;
	border-width: 1px;
	padding: 8px 12px;
	text-align: left;
	width: 67%;
	margin-bottom: 1.5em;
}

#stickie dl { font: 0.9375em "Lucida Grande", "Bitstream Vera Sans", Verdana, Geneva, Arial, sans-serif; }
.flush dd { margin: 0 0 1em 0; }

}

/*callout Box*/
#calloutBox
{
	background-color: #FFF;
	width: 380px;
	border: 10px solid #ADCC8F;
	padding: 0 20px;
	margin: 10px 0;
}

#calloutBox p
{
	margin-bottom: 1em !important;
	padding-bottom: 0 !important;
	text-align: left;
	color: black;
}

#calloutBox h3
{
	font-size: 0.9em;
	margin: 0.5em 0 0 0;
}

.callBox p
{
	background-color: #f5f5f5;
	width: 300px;
	border: 2px dashed #D9D5C3;
	padding: 20px;
	margin: 0 20px;
}

.bottom-bdr-box
{
	background-color: #f5f5f5;
	border-bottom: 1px dashed #D9D5C3;
}

.trailer {
	margin: 1.5em 0;
}

/*----------------- book sections ----------------- */
#book-info, #synopsis, #kudos, #questions { margin-bottom: 2em; }

#book-info p
{
	margin-bottom: 0.1em;
	line-height: normal;
	padding: 0;
}

#book-info img
{
	display: block;
	line-height: normal;
	margin: 1em 0 -0.67em 0;
}

/*----------------- faqs ----------------- */
#questions
{
	margin-left: 0;
	padding: 0;
}

#questions  ol { padding-left: 1em; }

#questions ol li
{
	line-height: 1.4;
	list-style: decimal;
	margin-bottom: .5em;
}

.answers p
{
	margin-top: 0.25em;
	margin-bottom: 1.5em;
}

#meeting h4
{
	line-height: 1;
	margin: 1em 0 -0.33em 0;
}

/*----------------- illustrations ----------------- */
table.illustration
{
	padding: 0;
	width: auto;
	border: 0;
	margin-top: 0.5em;
}

table.illustration caption, p.caption
{
	text-align: left;
	line-height: 125%;
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	font-size: 100%;
	margin-top: 0.5em;
	color: #4f4f4f;
	background-color: transparent;
	padding: 0 1em;
}

p.caption
{
	max-width: 380px;
	font-size: 100%;
}

/*----------------- forms --------------------*/
form
{
	background: #FFF;
	padding: 0;
	width: auto;
}

form br { clear: left; }

input, textarea, select, option
{
	padding: 2px;
	color: #5A0202;
	vertical-align: middle;
	font: 11px verdana, sans-serif;
}

/* shows focus in the form inputs and textarea */
form input:focus
{
	background-color: #4F4F4F;
	color: #fff;
	font-weight: 500;
}

.input-submit
{
	padding: 5px 8px;
	background-color: #98bd74;
	color: #000;
	margin-top: 0;
	border: 1px solid #597939;
	font-weight: 500;
	width auto: ;
}

a.button
{
	padding: .33em 0.67em;
	text-decoration: none;
	text-align: center;
	margin: 0;
	font-size: 10px;
	font-weight: bold;
}

a.go, a.go:link, a.go:visited
{
	color: #000;
	text-decoration: none;
	background-color: #98bd74;
	border: 1px solid #597939;
}

a.go:hover, a.go:active, a.go:focus
{
	color: #fff !important;
	background-color: #906401;
	border: 1px solid #597939;
}

/* image styles */
img.alone
{
	display: block;
	margin: 0.5em auto;
}

img.atleft
{
	float: left;
	position: relative;
	margin: 0.5em 1.5em 0.66em 0;
}

img.alright
{
	float: right;
	position: relative;
	margin: 0.5em 0 0.66em 1.5em;
}

img.onright
{
	float: right;
	position: relative;
	margin: 0.25em 0 0.66em 1.5em;
}

img.onleft
{
	float: left;
	position: relative;
	margin: 0.66em 1.5em 0.66em 0;
}

img.wayleft
{
	float: left;
	position: relative;
	margin: 0 1.5em 0.66em 0;
}

img.gee
{
	float: right;
	position: relative;
	margin: 0 0 0.5em 1em;
}

img.haw
{
	float: left;
	position: relative;
	margin: 0 1em 0.5em 0;
}

img.haw-down
{
	float: left;
	position: relative;
	margin: 0 1em 2.5em 0;
}

img.mmleft
{
	float: left;
	position: relative;
	margin: 0.5em 2.5em 2em 0;
}

img.icon16
{
	position: relative;
	margin: 0 5px 0 0;
}

img.border { border: 3px double #999; }

img.book-border, a img.book-border
{
	border-top: 1px #CECECE solid !important;
	border-right: 1px #999 solid !important;
	border-bottom: 1px #666 solid !important;
	border-left: 1px #CECECE solid !important;
}

img.standalone
{
	display: block;
	margin: 0.5em auto;
	width: auto;
	max-width: 100%;
}

#bullying #eqs .queries h4
{
	background: #FFF;
	color: #000 !important;
}

#bullying #eqs .queries p
{
	background: #FFF;
	color: #C81500 !important;
	font-weight: 600;
}

/* LAYOUT */
.clearit
{
	font-size: 0;
	line-height: 0;
	clear: both;
}

.clear { clear: both; }

.clearer
{
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}

/*margin-classes*/
.mg-top { margin-top: 1em; }
.mg-right { margin-right: 1em; }
.mg-bottom { margin-bottom: 1em; }
.mg-left { margin-left: 1em; }
.big-top { margin-top: 40px; }
.big-bottom { margin-bottom: 20px; }
.shim5 { margin-top: 5px; }

/*negative-margins*/
.top-up { margin-top: -1em !important; }

/*padding-classes*/
.pad-top { padding-top: 1em; }
.pad-top-sm { padding-top: 0.5em; }

.pad-right { padding-right: 1em; }
.pad-bottom { padding-bottom: 1em; }
.pad-left { padding-left: 1em; }
.pad-all { padding: 0.5em; }

/******************* General Styles *******************/
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.sup { vertical-align: super; }
.sub { vertical-align: sub; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.eleven { font-size: 11px; }
.twelve { font-size: 12px; }
.thirteen { font-size: 13px; }
.fourteen { font-size: 14px; }
.fifteen { font-size: 15px; }
strong, .b { font-weight: bold; }
em, .i { font-style: italic; }
.u { text-decoration: underline; }
.o { text-decoration: overline; }
.s { text-decoration: line-through; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.camelcase { text-transform: capitalize; }
.smallcaps { font-variant: small-caps; }
.slant { font-style: oblique; }
.indent { text-indent: 1.5em; }

.wrap
{
	word-wrap: break-word;
	white-space: normal;
}

.pre { white-space: pre; }
.block { display: block; }
.inline { display: inline; }
.none { display: none; }
.visible { visibility: visible; }
.hidden { visibility: hidden; }
.collapse { visibility: collapse; }
.circle { list-style-type: circle; }
.disc { list-style-type: disc; }
.clear { clear: both; }
ul.collapse { list-style-type: none; }

ul.collapse li
{
	list-style-type: none;
	display: inline;
}

.defnlist dt
{
	font-weight: bold;
	margin-top: 1em;
	font-size: 1.2em;
}

.defnlist a { margin-right: 0.5em; }

/*body IDs*/
body#multimedia h1
{
	color: black;
	background-color: #e9e9e9;
	border-color: #693;
	border-width: 1px;
	border-style: solid;
	width: 11em;
	margin: 20px auto;
}

.player-shell
{
	width: 400px;
	display: block;
	padding: 15px auto;
	background-color: white;
	padding-bottom: 24px;
}

#homepage  #feature
{
	margin: 32px 80px 18px 0;
	border: 1px solid #ADCC8F;
	padding: 1.5em;
}

#homepage  #feature h5 { color: #3f3f3f; }

#recipes h5
{
	border-bottom: 1px solid #E3E3E3;
	color: #513C1C;
	margin: 1em 0 0 0;
	text-transform: uppercase;
}

#recipes h6
{
	color: #5D5548;
	margin-bottom: 0;
	margin-left: 1em;
}

#recipes h6 + ul { margin-top: 3px; }

#homepage h5
{
	text-transform: uppercase;
	margin-top: 0;
}

#homepage h1 { margin-bottom: 0; }

.newsbox
{
	padding: 1em 2em 0;
	text-align: left;
	background: #f9f9f9;
	border-color: #97B877;
	border-style: double;
	border-width: 3px;
	margin-bottom: 18px;
}

.newsbox2
{
	padding: 1em 1em 0;
	text-align: left;
	background: #f9f9f9;
	border-color: #97B877;
	border-style: double;
	border-width: 3px;
	margin: 18px 0;
}

.pullquote
{
	padding: 1em;
	float: right;
	width: 14em;
	_width: 192px;
	margin: 0.75em 0.75em 0.75em 1.25em;
	font-size: 1.25em;
	_font-size: 1.11em;
	text-align: center;
	line-height: 2;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	font-weight: normal;
	border-top: 2px solid #391A0E;
	border-bottom: 2px solid #391A0E;
}

.box { margin: 0.5em 0; }

.hbox
{
	background-color: #FFF;
	padding: 0.25em 0.75em 0 0.75em;
	margin: 0.25em 0 1em 0;
}

.hbox-2
{
	background-color: #FFF;
	padding: 0.25em 0.75em;
	margin: 0.25em 0 1em 0;
}

.colbox /*h1 heading color*/
{
	padding: 0.33em 0.67em;
	margin: 0;
}

.boxhed
{
	padding: 0 1em 0.67em 1em;
	margin: 0.25em 0;
}

.callout
{
	background-color: #FFF;
	width: 27em;
	border: 6px solid #E8DFBF;
	padding: 0.5em 1.5em;
	margin: 0.5em 0;
}

.callout-auto
{
	background-color: #FFF;
	width: auto;
	border: 6px solid #E8DFBF;
	padding: 0.5em 1.5em;
	margin: 0.5em 0;
}

/*multiclass callboxes*/
.fitbox
{
	padding: 0.33em 0.67em;
	text-align: center;
}

.callbox
{
	width: 27em;
	padding: 0.5em 1em;
}

.callbox2
{
	width: 24em;
	padding: 0.5em 1em;
	text-align: center;
}

.callbox3 /*centered in grid2col column last*/
{
	width: 18em;
	padding: 0.5em 1em 0 1em;
	text-align: left;
	margin: 1em auto;
}

.callbox4
{
	width: 21em;
	padding: 0.5em 1em 0 1em;
	text-align: center;
	margin: 1em auto;
}

/*small floated right content box*/
/*for use with non-hanging div class*/
/*size with width classes below */
.callbox5
{
	padding: 0.5em 1em 0 1em;
	text-align: left;
	margin: 0.5em 0 0.25em 1.5em;
	float: right;
	position: relative;
}

/*small floated right content box*/
/*for use with hanging div class*/
/*size with width classes below */
.hangingbox
{
	padding: 0.75em 2.5em 0.25em 0.25em;
	text-align: left;
	margin: 0.5em 0 0.25em 1.5em;
	float: right;
	position: relative;
}

.radius8 { -moz-border-radius: 8px; }
.radius12 { -moz-border-radius: 12px; }

/*widths*/
.twenty { width: 20%; }
.quarter { width: 25%; }
.third { width: 33%; }
.forty { width: 40%; }
.half { width: 50%; }
.sixty { width: 60%; }
.thirds2 { width: 67%; }
.quarters3 { width: 75%; }
.eighty { width: 80%; }
.full { width: 90%; }
.all { width: auto; }
.one { width: 100%; }
.popup1 { width: 595px; }

.a
{
	background-color: #F0F0F0;
	border: 1px solid #BFBDAC;
}

.b
{
	background-color: #F1EFE2;
	border: 1px solid #BFBDAC;
}

.c
{
	background-color: #FFFADB;
	border: 1px solid #BFBDAC;
}

.d
{
	background-color: #FFF;
	border: 1px solid #686868;
}

.e
{
	background-color: #FFF;
	border: 1px solid #ccc;
}

.f
{
	background-color: #FFF;
	border: 1px solid #ddd;
}

.g
{
	background-color: #FEF9E2;
	border: 1px solid #eee;
}

.h
{
	background-color: #FFF;
	border: 2px #FF9912 solid;
}

.j
{
	background-color: #FFF;
	border: 2px #cecece solid;
}

#trailer ul, #trailer li
{
	list-style: none;
	display: inline;
	line-height: 2;
}

#trailer li a
{
	margin: 0 0.5em;
	padding: 0;
	text-decoration: none;
}

#trailer ul li:after { content: " | "; }
#trailer ul li.last:after { content: ""; }

#trailer h5
{
	font-size: 1.05em;
	margin: 0.7em 5em 0 0;
	color: #777;
	font-weight: normal;
}

.slideshow p
{
	width: 360px;
	margin: 1em 40px;
	color: #777;
	line-height: normal;
}