@charset UTF-8;
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;text-align:left;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}






body {
	background:#e2e2e2 url(../images/PageBackground.gif)center top repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333;
}
a {
	color:#09c;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:none;
}
#header-wrap {
	width:100%;
	min-width:960px;
	height:204px;
	background:#ffffff url(../images/HeaderBackground.gif) center top repeat-x;
}
#header {
	height:175px;
	width:960px;
	margin:0 auto;
}
#logo { 
	margin: 0 auto;
	width:362px;
	height:103px;
	clear:both;
	padding-top:30px;
}
#navigationarea {
	color:#acacac;
	font-family: "myriad-pro-semi-condensed",sans-serif;
	font-size:14px;
	line-height:28px;
	text-transform:uppercase;
	text-align:center;
}

#navigationarea a {
	color:#acacac;
	text-decoration:none;
	padding: 0 12px;
}
#navigationarea a:hover {
	color:#ffffff;
	text-decoration:none;
}

#maincontent {
	width:660px;
	margin:0 auto;
	margin-top:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333333;
	line-height:22px;
}

#maincontent a {
		color:#680027;
		text-decoration:underline;
}


#footer {
	width:100%;
	border-top:#999 solid 1px;
	font-size:11px;
	text-align:center;
	margin: 50px 0;
	clear:both;
	padding:20px 0;
}
#footer a {
	color:#888;
	text-decoration:none;
}
#footer a:hover {
	color:#000;
	text-decoration:none;
}
#footer p {text-align:center; display:block}
strong {
	font-weight:700;
}
em {
	font-style:italic;
}
p {
	margin-bottom:15px;
}

ol {
	list-style:upper-roman;
	margin:0 0 10px 40px;
}
ul {
	list-style:circle;
	margin:0 0 10px 40px;
}
blockquote {
	margin:0 0 10px 40px;
}
h2 {font-family:"Times New Roman", Times, serif;
font-size:28px;
color:#680027;
font-style:italic;
margin: 20px 0 5px 0;
font-weight:normal;
border-bottom:#680027 solid 1px;
}

h3 {font-family:"Times New Roman", Times, serif;
font-size:22px;
color:#680027;
font-style:italic;
margin: 20px 0 5px 0;
font-weight:normal;
}

h4 {font-family:"Times New Roman", Times, serif;
font-size:16px;
color:#680027;
margin: 20px 0 10px 0;
text-transform:uppercase;
font-weight:normal;
}

.ImageBox {
	display:block;
	background:url(../images/ImageShadow.png) 0 0 no-repeat;
	padding: 8px;
	float:right;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	color:#680027;
	text-align:center;
	margin: 0 0 10px 20px;}

.ImageBox img { margin-bottom:5px;}


.BookBox {
	display:block;
	padding: 8px;
	float:right;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	color:#680027;
	text-align:center;
	margin: 0 0 10px 20px;}

.BookBox img { margin-bottom:5px; border:#CCCCCC solid 1px;}

.title {margin-bottom:30px;}

#BuyBook
{
display: block;
width: 192px;
height: 40px;
background: url(../images/BuyBookOnline.png) no-repeat 0 0;
margin-top:20px;

}

#BuyBook:hover
{ 
background-position: 0 -40px;
}

#BuyBook span
{
display: none;
}

#BuyDVD
{
display: block;
width: 192px;
height: 40px;
background: url(../images/BuyDVDOnline.png) no-repeat 0 0;
margin-top:20px;

}

#BuyDVD:hover
{ 
background-position: 0 -40px;
}

#BuyDVD span
{
display: none;
}

#DigitalEdition
{
display: block;
width: 192px;
height: 40px;
background: url(../images/BuyDigitalEdition.png)no-repeat 0 0;
margin-top:20px;

}

#DigitalEdition:hover
{ 
background-position: 0 -40px;
}

#DigitalEdition span
{
display: none;
}












/* Main menu settings */
#centeredmenu {
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:100%;
	font-size:12px; /* Menu text size */
	line-height: 12px;
	z-index:1000; /* This makes the dropdown menus appear above the page content below */
	position:relative;
}

/* Top menu items */
#centeredmenu ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	position:relative;
	right:50%;
}
#centeredmenu ul li {
	margin:0;
	padding:0;
	float:left;
	position:relative;
	left:50%;
	top:1px;
}
#centeredmenu ul li a {
	display:block;
	margin:0;
	padding: 7px 12px;
	font-size:14px;
	font-family: "myriad-pro-semi-condensed",sans-serif;
	text-transform:uppercase;
	line-height:18px;
	text-decoration:none;
	color:#acacac;
	text-align: center;
}
#centeredmenu ul li.active a {
	color:#fff;
	background:#000;
}
#centeredmenu ul li a:hover {
	color:#fff;
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
	background:#000; /* Top menu items background colour */
	color:#fff;
}

/* Submenu items */
#centeredmenu ul ul {
	display:none; /* Sub menus are hidden by default */
	position:absolute;
	top:46px;
	left:0;
	float:left;
	right:auto; /*resets the right:50% on the parent ul */
	width:400px; /* width of the drop-down menus */
}
#centeredmenu ul ul li {
	left:auto;  /*resets the left:50% on the parent li */
	margin:0; /* Reset the 1px margin from the top menu */
	clear:left;
	float:left;
	width:100%;
}
#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
	font-size:14px;
	font-family: "myriad-pro-semi-condensed",sans-serif;
	font-weight:normal; /* resets the bold set for the top level menu items */
	background:#000;
	color:#acacac;
	line-height:28px; /* overwrite line-height value from top menu */
	float:left;
	width:100%;
	text-transform:none;
	text-align: left;
}
#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
	background:#000; /* Sub menu items background colour */
	color:#fff;
	float:left;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
	left:auto; /* reset left:0; value */
	right:0; /* Set right value instead */
}
#centeredmenu ul ul.last li {
	float:right;
	position:relative;
	right:.8em;
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
	display:block; /* Show the sub menus */
}