* {font-family:"Lucida Grande","Lucida Sans Unicode","Helvetica",sans-serif}
blockquote,body,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,li,ol,p,pre,ul {
	border:0;
	margin:0;
	padding:0;
	}
body {
	background:url("/images/m_bg.gif") left top repeat-x #0078ae;
	color:#333;
	font-size:62.5%;
	text-align:center;
	margin:8px 0;
	}

body#about ul .about a,
body#home ul .home a,
body#myaccount ul .myaccount a,
body#past ul .past a,
#headerb ul li a:hover {background-position:0 -28px}

form label {
	float:left;
	width:145px;
	padding:2px 0 0;
	font-size:1.2em;
	}
form span {
	float:left;
	margin:0 0 0 2px;
	}
form p {
	font-size:1.2em;
	line-height:1.3em;
	margin-bottom:12px;
	width:422px !important;
	width /**/:448px; /* for IE5/Win only */
	}
form p a {color:#333}
form .char {width:25px}
form .element {
	border:1px solid #ccc;
	margin:0 0 2px;
	background:#fff;
	font-size:1.3em;
	}
form .full {width:298px}
form .half {width:147px}
form .quarter {width:74px}
form .submit {
	color:#394a69;
	font-weight:bold;
	font-size:1.2em;
	}
form .three {width:220px}

h1 {font-size:2em}
h2 {font-size:1.5em}
h3 {font-size:1.25em}
h4 {font-size:1em}

p.error {
	border:1px solid #f27221;
	background:#fff0e4;
	padding:12px;
	}
p.notice {
	border:1px solid #78b1e0;
	background:#f0f4fb;
	padding:12px;
	}

#featured,
#footer,
#headera,
#maina {
	width:700px;
	margin:0 auto;
	text-align:left;
	}

#featured {
	background:url("/images/m_f_bg.gif") left top repeat-x #fff;
	width:666px !important;
	width /**/:700px; /* for IE5/Win only */
	padding:17px !important;
	padding /**/:17px 17px 0; /* for IE5/Win only */
	}
#featured .details {
	float:right;
	width:351px;
	text-align:right;
	padding-top:5px;
	}
#featured .details a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	text-align:left;
	margin:12px 0;
	height:45px;
	float:right;
	}
#featured .details a.book {
	width:153px;
	background:url("/images/m_book.gif") left top no-repeat;
	}
#featured .details a.book:hover {background-position:0 -45px}
#featured .details a.soldout {
	width:108px;
	background:url("/images/m_soldout.gif") left top no-repeat;
	}
#featured .details dl {
	width:255px;
	font-size:1.1em;
	line-height:1.3em;
	float:right;
	}
#featured .details dl dd {
	float:right;
	width:165px;
	}
#featured .details dl dt {
	float:left;
	width:90px;
	font-weight:bold;
	text-align:left;
	}
#featured .details h2 {
	font-weight:normal;
	font-size:1.9em;
	color:#0078ae;
	}
#featured .details h3 {
	font-weight:normal;
	font-size:2.3em;
	color:#08648d;
	margin-top:5px;
	}
#featured .details h4 {
	font-weight:normal;
	font-size:1em;
	font-style:italic;
	margin-top:-4px;
	}
#featured .photo {
	float:left;
	width:269px !important;
	width /**/:278px; /* for IE5/Win only */
	background:url("/images/m_f_photo_bg.gif") left top repeat-y #fff;
	padding-left:9px;
	}
#featured .photo .image {
	width:269px;
	height:33px !important;
	height /**/:202px; /* for IE5/Win only */
	padding-top:169px;
	}
#featured .photo .image ul {
	list-style:none;
	display:inline;
	}
#featured .photo .image ul li {
	list-style:none;
	display:inline;
	}
#featured .photo .image ul li a {
	display:block;
	overflow:hidden;
	width:31px;
	height:22px;
	text-align:center;
	line-height:20px;
	font-size:1.4em;
	background:#0078ae;
	color:#fff;
	text-decoration:none;
	float:left;
	}
#featured .photo .image ul li a.selected,
#featured .photo .image ul li a:hover {background:#0090be}

#headera {
	background:url("/images/h_tl.gif") left top no-repeat #fff;
	border-bottom:3px solid #56a0d3;
	}
#headerb {
	background:url("/images/h_tr.gif") right top no-repeat;
	height:91px;
	position:relative;
	}
#headerb ul {
	float:right;
	display:inline;
	list-style:none;
	margin:63px 6px 0 0;
	}
#headerb ul li {
	display:inline;
	list-style:none;
	}
#headerb ul li a {
	display:block;
	overflow:hidden;
	float:left;
	height:28px;
	text-indent:-9999px;
	margin-right:4px;
	}
#headerb ul .about a {
	width:69px;
	background:url("/images/n_about.gif") left top no-repeat;
	}
#headerb ul .home a {
	width:121px;
	background:url("/images/n_home.gif") left top no-repeat;
	}
#headerb ul .myaccount a {
	width:85px;
	background:url("/images/n_myaccount.gif") left top no-repeat;
	}
#headerb ul .past a {
	width:99px;
	background:url("/images/n_past.gif") left top no-repeat;
	}
#headerb #countdown1 {
	position:absolute;
	top:16px;
	right:18px;
	font-size:1.1em;
	}
#headerb #countdown1 span,
#headerb #countdown1 strong.hours {color:#0078ae}

#headerb #countdown1 strong.minutes {color:#56a0d3}
#headerb #countdown1 strong.seconds {color:#f27221}

#headerb #logo {
	float:left;
	padding:18px 0 0 17px;
	}
#headerb #logo a {
	display:block;
	width:144px;
	height:58px;
	overflow:hidden;
	text-indent:-9999px;
	background:url("/images/h_logo.gif") left top no-repeat;
	}

#headerb .number_a,
#headerb .number_b {
	position:absolute;
	right:18px;
	font-family:"Arial Narrow","Arial","Helvetica",sans-serif;
	font-weight:bold;
	line-height:18px;
	}
#headerb .number_a {
	top:15px;
	font-size:10px;
	text-transform:uppercase;
	}
#headerb .number_b {
	top:33px;
	padding:0 0 0 0;
	font-size:22px;
	}

#maina {
	background:url("/images/m_bl.gif") left bottom no-repeat #fff;
	padding-top:5px;
	}
#mainb {
	background:url("/images/m_br.gif") right bottom no-repeat;
	padding-bottom:30px;
	}
#mainb .main {
	position:relative;
	background:url("/images/m_title_bg.gif") left top repeat-x;
	padding-top:35px;
	}
#mainb .main h1 {
	position:absolute;
	top:0;
	left:0;
	font-size:6px;
	text-indent:-9999px;
	width:220px;
	height:35px;
	}
#mainb .main .content {
	padding:0 12px 0 17px;
	background:url("/images/m_f_bg.gif") left top repeat-x;
	}
#mainb .main .form {
	padding:12px;
	background:url("/images/m_f_bg.gif") left top repeat-x;
	}
#mainb .main .form form {
	background:#fff;
	border:1px solid #549ed2;
	padding:0 12px 12px;
	padding-top:12px !important;
	padding-top /**/:6px; /* for IE5/Win only */
	clear:both;
	}
#mainb .main .form ul {
	list-style:none;
	display:inline;
	background:#ccc;
	}
#mainb .main .form ul li {
	list-style:none;
	display:inline;
	}
#mainb .main .form ul li a {
	float:left;
	display:block;
	width:140px;
	height:22px;
	background:url("/images/m_n_bg.gif") left top repeat-x #fff;
	color:#333;
	font-size:12px;
	text-decoration:none;
	margin-right:2px;
	}
#mainb .main .form ul li a span {
	display:block;
	width:140px;
	height:22px;
	background:url("/images/m_n_left.gif") left top no-repeat;
	}
#mainb .main .form ul li a span span {
	line-height:22px;
	background:url("/images/m_n_right.gif") right top no-repeat;
	text-align:center;
	cursor:hand;
	}

#mainb .main .form ul li a:hover,
#mainb .main .form ul li a.selected {
	background-position:0 -22px;
	color:#fff;
	}

#mainb .main .form ul li a:hover span,
#mainb .main .form ul li a.selected span {background-position:0 -22px}

#mainb .main .form ul li a:hover span span,
#mainb .main .form ul li a.selected span span {background-position:100% -22px}



#mainb .main .rss {
	position:absolute;
	top:0;
	right:0;
	padding:8px 7px 0 0;
	}
#mainb .main .rss a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	float:left;
	}
#mainb .main .rss a.icon {
	width:21px;
	height:21px;
	background:url("/images/m_rss_icon.gif") left top no-repeat;
	}
#mainb .main .rss a.text {
	width:24px;
	height:10px;
	background:url("/images/m_rss_text.gif") left top no-repeat;
	margin:5px 7px 0 0;
	}
#mainb .main .rss a.myyahoo {
	width:91px;
	height:17px;
	background:url("/images/m_rss_yahoo.gif") left top no-repeat;
	margin:2px 7px 0 0;
	}
#mainb .past {
	background:url("/images/m_title_bg.gif") left top repeat-x #4e97ce;
	padding-bottom:12px;
	}
#mainb .past a.notify {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:261px;
	height:50px;
	background:url("/images/m_notify.gif") left top no-repeat;
	margin-left:19px;
	}
#mainb .past h2 a {
	display:block;
	overflow:hidden;
	height:35px;
	font-size:6px;
	text-indent:-9999px;
	background:url("/images/m_past_h2.gif") 19px 13px no-repeat;
	}
#mainb .past ul {
	list-style:none;
	margin-bottom:12px !important;
	margin-bottom /**/:0; /* for IE5/Win only */
	}
#mainb .past ul li a {
	display:block;
	overflow:hidden;
	background:url("/images/m_past_link.gif") left bottom repeat-x #56a0d3;
	padding:5px 5px 7px 19px;
	text-decoration:none;
	font-size:1.1em;
	color:#fff;
	}
#mainb .past ul li a span {
	font-size:0.9em;
	color:#c6e0f1;
	text-transform:uppercase;
	display:block;
	}
#mainb .past ul li a:hover {
	background-position:left top;
	background-color:#3f88c4;
	}

.clear,
.row,
.row2,
.row3 {clear:both}

.content {
	font-size:1.2em;
	line-height:1.3em;
	}

.content a {color:#333}
.content a:hover {
	text-decoration:none;
	color:#4089c5;
	}

.content blockquote {padding-left:15px}

.content h2 {
	font-size:1.2em;
	color:#0078ae;
	line-height:0.9em;
	}

.content h2,
.content ol,
.content p,
.content ul {padding-top:1.1em}

.content ol {padding-left:38px}
.content ul {padding-left:30px}



.row2 {padding-top:12px}
.row3 {text-align:right}



#about #mainb .main {
	float:left;
	width:498px;
	}
#about #mainb .main h1 {background:url("/images/m_h1_about.gif") left top no-repeat}
#about #mainb .past {
	float:right;
	width:195px;
	}


#book #mainb .main h1 {background:url("/images/m_h1_book.gif") left top no-repeat}
#book #mainb .main form label {width:185px}


#home #maina {padding-top:0}
#home #mainb .main {
	float:right;
	width:398px;
	}
#home #mainb .past {
	float:left;
	width:295px;
	}
#home #mainb .main h1 {background:url("/images/m_h1_home.gif") left top no-repeat}


#login #mainb .main {
	float:left;
	width:374px;
	}
#login #mainb .main label {width:100px}
#login #mainb .main form p {
	width:298px !important;
	width /**/:324px; /* for IE5/Win only */
	}
#login #mainb .main h1 {background:url("/images/m_h1_login.gif") left top no-repeat}
#login #mainb .past {
	float:right;
	width:319px;
	}


#myaccount #mainb .main {
	float:left;
	width:498px;
	}
#myaccount #mainb .main h1 {background:url("/images/m_h1_myaccount.gif") left top no-repeat}
#myaccount #mainb .past {
	float:right;
	width:195px;
	}

#notify #mainb .main {
	float:left;
	width:374px;
	}
#notify #mainb .main label {width:100px}
#notify #mainb .main form p {
	width:298px !important;
	width /**/:324px; /* for IE5/Win only */
	}
#notify #mainb .main h1 {background:url("/images/m_h1_notify.gif") left top no-repeat}
#notify #mainb .past {
	float:right;
	width:319px;
	}



#past #mainb .main {
	float:right;
	width:195px;
	}
#past #mainb .past {
	float:left;
	width:498px;
	}
#past #mainb .past ul li a {
	font-size:1.5em;
	border-top:2px solid #fff;
	}
#past #mainb .past ul li a span {font-size:0.7em}
#past #mainb .past .content {
	background:#fff;
	padding:0 19px 25px;
	background:url("/images/m_f_bg.gif") left top repeat-x #fff;
	}

#setup #mainb .main {
	float:left;
	width:498px;
	}
#setup #mainb .main h1 {background:url("/images/m_h1_setup.gif") left top no-repeat}
#setup #mainb .past {
	float:right;
	width:195px;
	}

#tellfriend #mainb .main {
	float:left;
	width:374px;
	}
#tellfriend #mainb .main label {width:100px}
#tellfriend #mainb .main form p {
	width:298px !important;
	width /**/:324px; /* for IE5/Win only */
	}
#tellfriend #mainb .main h1 {background:url("/images/m_h1_tellfriend.gif") left top no-repeat}
#tellfriend #mainb .past {
	float:right;
	width:319px;
	}