/** reset.css from http://meyerweb.com/eric/tools/css/reset/ */
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, font, 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, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/** site styling main css */

body {
	width: 880px;
	margin: 0px auto 25px auto;
	color: #464646;
	font-size: 80%;
	line-height: 125%;
	font-family: georgia, times, serif;
}

a
{
	color: #464646;
	text-decoration: none;
	outline: none;
}

a:hover
{
	text-decoration: underline;
}

p
{
	letter-spacing: -0.02pt;
	margin-bottom: 10px;
}

ol
{
	padding-left: 20px;
}

ol li
{
	padding-bottom: 5px;
}

p a,
.pages a,
.credits a,
.bounce a,
h3 a
{
	color: #2a8b9f;
}

img
{
	border: 0px;
}

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
	font-size: 11pt;
	line-height: 14pt;
}

h1
{
	font-size: 13pt;
	line-height: 15pt;
}

h4
{
	font-size: 11pt;
	line-height: 12pt;
}

h5
{
	font-size: 11pt;
}

sup
{
	font-size: 85%;
	line-height: 90%;
	vertical-align: top;
}

sup a
{
	font-size: 85%;
	line-height: 90%;
	vertical-align: top;	
}

input.text,
input.button,
select,
label.tagged
{
	outline: none;
	font-family: georgia, times, serif;
	padding: 1px; 
	font-size: 9pt; 
	line-height: 10pt;
	display: block;
	float: left;
	margin-right: 10px;
	height: 20px;
}

label
{
	outline: none;
	font-family: georgia, times, serif;
	padding: 1px; 
	display: block;
	float: left;
	margin-right: 10px;
	height: 20px;
}

select
{
	padding: 0px;
}

textarea.text, input.text { margin: 0px 10px 0px 5px; line-height: 18px; width: 100px; border: 1px solid #b0b0b0; padding: 1px 5px 0px 5px; }
input.text { height: 18px; }
input.button { display: block; clear: none; height: 20px; line-height: 12px; vertical-align: middle; padding: 0px 8px 0px 8px;}


fieldset
{
	display: block;
}

fieldset .legend
{
	float: left;
	display: block;
}
/* generic classes */

.textsize a
{
	color: #2a89bf;
	padding: 1px 2px 0px 2px;
}

.textsize a.current
{
	background: #d7fbff;
}

.textsize .small
{
	font-size: 16px;
}

.textsize .medium
{
	font-size: 19.2px;
}

.textsize .large
{
	font-size: 22.4px;
}

.rule
{
	padding-bottom: 10px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
}

p.tags
{
	color: #b0b0b0;
}

/** pull quote **/

.pullquote
{
	margin-bottom: 3px;
	border-bottom: 1px solid #b0b0b0;
	max-width: 50%;
}

.pullquote q
{
	display: block;
	font-size: 16px;
	line-height: 20px;
}

.pullquote q:before
{
	content: "\2018";
}

.pullquote q:after
{
	content: "\2019";
}

.pullquote cite
{
	display: block;
	color: #b0b0b0;
}

p .pullquote
{
	margin-top: 6px;
}

/** inline object **/


.inline img
{
	margin: 0px;
}

.inline.left
{
	margin: 3px 10px 3px 0px;
}

.inline.right
{
	margin: 3px 0px 3px 10px;
	
}

.inline .caption
{	
	color: #b0b0b0;
	font-style: italic;
	display: block;
	border-bottom: 1px solid #d2d2d2;
}

span.left
{
	float: left;
	margin-right: 10px;
}

span.right
{
	float: right;
	margin-left: 10px;
}

span.center
{
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	clear: both;
}

span.center q,
span.center cite
{
	display: block;
	clear: both;
}

/** navigation */

ul.navigation
{
	margin: 0px;
	padding: 0px;
	
}

ul.navigation li
{
	display: block;
}

/** header */

#head
{
	position: relative;
	top: 0px;
	left: 0px;
	height: 150px;
	width: 850px;
}



#navigation1
{
	position: absolute;
	width: 850px;
	top: 61px;
	left: 0px;
}

#navigation1 h2
{
	position: relative;
	font-size: 30pt;
	line-height: 37pt;
	margin: 0px;
	padding: 0px;
}

#navigation1 h2 a span
{
	display: none;
}

#navigation1 li
{
	display: block;
	float: left;
}

#NIhome a
{
	display: block;
	width: 155px;
	height: 48px;
	clear: none;
	float: left;
	background-image: url('/img/afterall.gif');
}


#NIonline a
{
	display: block;
	width: 180px;
	height: 48px;
	float: left;
	background-image: url('/img/online.gif');
}

#NIonline a:hover,
#NIonline.current  a
{
	background-image: url('/img/online-over.gif');
}

#NIjournal a
{
	display: block;
	width: 190px;
	height: 48px;
	float: left;
	background-image: url('/img/journal.gif');
}


#NIjournal a:hover,
#NIjournal.current a
{
	background-image: url('/img/journal-over.gif');
}

#NIbooks a
{
	display: block;
	width: 160px;
	height: 48px;
	float: left;
	background-image: url('/img/books.gif');
}

#NIbooks a:hover,
#NIbooks.current  a
{
	background-image: url('/img/books-over.gif');
}


#NIevents a { display: block; width: 165px; height: 48px; float: left; background-image: url('/img/events.gif'); }
#NIevents a:hover, #NIevents.current  a {	background-image: url('/img/events-over.gif'); }


#navigation2
{
	top: 15px;
	position: absolute;
	right: 0px;
}

#navigation2 ul
{
	position: relative;
	display: block;
	float: right;
}

#navigation2 li,
#navigation3 li
{
	position: relative;
	display: block;
	float: left;
	padding-left: 14px;
	line-height: 16px;
	height: 16px;
	background-image: url('/img/navi-bullet-464646.gif');
	background-position: 2px center;
	background-repeat: no-repeat;
}

#navigation2 li.first
{
	background: none;
}


#NIsearch form { display: block; position: relative; margin: 0px; padding: 0px; height: 16px; }
#NIsearch label { line-height: 16px; height: 16px; margin: 0px; padding: 0px; }
#NIsearch input { position: relative; display: block; border: 1px solid #b0b0b0; padding: 1px; font-size: 8pt; line-height: 10pt; float: left; }
#NIsearch input.text { margin: 0px 5px 0px 5px; height: 10pt; width: 100px; }
#NIsearch input.button { background: none; border: 1px solid #b0b0b0; padding: 0px 5px 0px 5px; height: 13pt; margin: 0px; }


#navigationUser
{
	position: absolute;
	right: 0px;
	top: 152px;
	line-height: 12pt;
	font-size: 9pt;
	z-index: 5;
}

#navigationUser a
{
	color: #2a8b9f;
}

/** section navigation */

.sectionHead
{
	position: relative;
	display: block;
	width: 850px;
	padding-bottom: 10px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 20px;
	color: #b0b0b0;
	font-size: 12pt;
	height: 1em;
}

.sectionHead li
{
	float: left;
	padding-left: 14px;
	background-image: url('/img/navi-bullet-b0b0b0.gif');
	background-position: 2px center;
	background-repeat: no-repeat;
}

.sectionHead li a
{
	color: #b0b0b0;
}

.sectionHead li.first
{
	padding-left: 0px;
	background: none;
}

.sectionHead li.current,
.sectionHead li.current a
{
	color: #464646;
}

/** page numbering */

div.pages
{
	text-align: right;
}


.pages ul
{
	display: inline;
	margin: 0px 3px 0px 3px;
}

.pages ul li
{
	display: inline;
	margin: 0px 3px 0px 3px;
}

.pages ul li a 
{
	color: #b0b0b0;
}

/** pageTurn previous/next */

div.pageTurn
{
	position: absolute;
	right: -35px;
	bottom: -10px;
	width: 25px;
	height: 72px;
	padding: 0px;
	margin: 0px;
	background-image: url('/img/pageturn-tab-b0b0b0-arrows.gif');
	background-repeat: no-repeat;
}

div.pageTurn a
{
	position: absolute;
	top: 0px;
	width: 25px;
	height: 37px;
	text-align: center;
	line-height: 37px;
	display: block;
	color: #2a8b9f;
}

div.pageTurn a.previous
{
	background-image: url('/img/pageturn-tab-b0b0b0-both.gif');
	background-repeat: no-repeat;
}

div.pageTurn a.next
{
	top: 37px;
	background-image: url('/img/pageturn-tab-b0b0b0-both.gif');
	background-repeat: no-repeat;
	background-position: 0px -37px;
}

div.pageTurn a span
{
	display: none;
}

/** footer */

#foot
{
	clear: both;
	width: 850px;
	position: relative;
	margin-top: 50px;
	border-bottom: 1px solid #b0b0b0;
	padding-bottom: 5px;
}


#foot img
{
	position: absolute;
	left: 0px;
	bottom: 6px;
}

#foot ul.level3
{
	bottom: 3px;
	left: 80px;
	position: absolute;
}

#foot ul.level3 a
{
	position: relative;
	bottom: 0px;
}

#foot .functions
{
	position: absolute;
	right: 0px;
	bottom: 3px;
	color: #b0b0b0;
}

#foot .credits
{
	position: absolute;
	top: 10px;
	right: 0px;
	color: #b0b0b0;
	font-size: 7pt;
	text-transform: uppercase;
	text-align: right;
	margin-right: 0px;
}

/** contents stylings */

.contents
{
	position: relative;
}

.contents>h1,
.contents>h2,
.contents>h3,
.contents>h4,
.contents>.h1,
.contents>.h2,
.contents>.h3,
.contents>.h4,
.head>h1,
.head>h2,
.head>h3,
.head>h4
{
	font-size: 16pt;
	line-height: 16pt;
	font-weight: normal;
}


.contents>h5
{
	color: #b0b0b0;
	margin-top: 5px;
	margin-bottom: -10px;
}

.contents>h5 a
{
	color: #b0b0b0;
}

.contents>h2,
.contents>h4,
.contents>.h2,
.contents>.h4,
.head>h2,
.head>h4
{
	color: #b0b0b0;
}


.title>h2
{
	color: #464646;
	margin-bottom: 10px;
}



/** container stylings */

.container
{
	position: relative;
}

/** page standard format */

.page .contents
{
	position: relative;
	width: 850px;
	clear: both;
}

.page .contents .footnotes
{
	border-top: 1px solid #b0b0b0;
	padding-top: 10px;
}

.page .contents .footnotes h5
{
	font-size: 10pt;
	color: #838383;
}

.page .contents .footnotes ol
{
	color: #838383;
}

.page .contents .footnotes ol li
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.page .contents .footnotes ol li p
{
	margin-bottom: 5px;
}

.page .contents .head
{
	display: block;
	padding-bottom: 7px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
	min-height: 35px;
}

.page .container
{
	position: relative;
	float: left;
	border: 4px solid #e6e6e6;
	padding: 26px;
	width: 530px;
	/* overflow: hidden; */
}

.page .container h1
{
	font-size: 16pt;
	padding-bottom: 20px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
}

.page .container h2,
.page .container h3
{
	font-size: 12pt;
	margin-bottom: 16pt;
}

.page .container h3
{
	color: #b0b0b0;
	margin-bottom: 10px;
	padding-top: 10px;
}

.page .container h4,
.page .container h5
{
	font-size: 10pt;
	color: #b0b0b0;
}

.page .container h4
{
	margin-bottom: 9pt;
}

.page .container h5
{
	margin-bottom: 0px;
}

.page .container p
{
	line-height: 1.5em;
}

.page .container ul
{
	list-style: disc;
	margin-left: 15px;
	margin-bottom: 5px;
}


.page .secondary
{
	position: relative;
	display: block;
	float: left;
	width: 220px;
	margin-left: 40px;
}

.page .related
{
	float: left;
	width: 180px;
	padding: 20px;
	margin-left: 38px;
	border: 1px solid #d2d2d2;
	background: #f0f0f0;
}

.page .related .block
{
	padding-top: 10px;
	border-bottom: 1px solid #b0b0b0;
}

.page .related h3
{
	font-size: 11pt;
	border-bottom: 1px solid #b0b0b0;
}

.page .related h4
{
	font-size: 11pt;
	color: #2a8b9f;
	margin-bottom: 5px;
}
.page .related h5
{
	font-size: 11pt;
	margin-bottom: 5px;
}

.page .related .more
{
	text-align: right;
}

.page .related .link
{
	margin-top: 5px;
}

.page .contents form { clear: both; display: block;}
.page .contents form label { display: block; clear: both;}
.page .contents form input.text, .page .contents form textarea { border: 1px solid #2a8b9f; padding: 1px; font-size: 8pt; line-height: 8pt; display: block; float: left; }
.page .contents form input.text { height: 10pt; }
.page .contents form input.text, .page .contents form textarea.text { margin: 0px 10px 0px 0px; width: 150px; clear: right; }
.page .contents form input.button {  width: 80px; background: none; background-color: #2a8b9f; color: #ffffff; border: 1px solid #2a8b9f; padding: 0px 5px 0px 5px; height: 13pt;  margin: 0px; }
.page .contents form input.hidden { display: none; }

.page .container .media
{
	margin: 0px auto 0px auto;
	font-style: italic;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
	color: #464646;
}

.page .container .media h4
{
	color: #838383;
	margin-bottom: 5px;
	line-height: 10pt;
}

.page .container .media em
{
	font-style: normal;
}

.page .container .media img
{
	margin-bottom: 5px;
	
}

.page .container .logos
{
	border-top: 1px solid #b0b0b0;
	position: relative;
	display: block;
	width: 100%;
	margin-top: 20px;
	padding-top: 20px;
}


.page .body img
{
	margin: 10px;
}

.page .body .inline img
{
	margin: 0px;
}

.page div.gate
{
	border: 1px solid #d2d2d2;
	background: #f0f0f0;
	padding: 30px 26px 0px 26px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.page div.gate .column
{
	width: 120px;
}

.page div.gate h2
{
	padding-bottom: 10px;
	border-bottom:  1px solid #838383;;
	margin-bottom: 10px;
}

.page div.gate h3
{
	color: #464646;
	margin-bottom: 5px;
}

.page div.gate input.text
{
	clear: both;
	float: none;
	border: 1px solid #d2d2d2;
}

.page div.gate input.button
{
	height: 15pt;
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.page .container p.author
{
	text-align: right;
	font-style: italic;
}

/** picture essay **/

.pictureessay .container .media
{
	border: 0px;
	font-style: normal;
	margin-bottom: 10px;
	color: #464646;
	/*
		WHITE BOX STYLING
		background: #ffffff; 
		margin-left: -10px;
		width: 526px;
		padding: 10px 22px 10px 10px;
	*/
}

.pictureessay .container  p.pages
{
	text-align: center;
}

.pictureessay .container .media dd
{
	margin-top: 10px;
}

.pictureessay .container .media img
{
	margin: 10px 0px 0px 0px;
}

.pictureessay .container p.pages a
{
	padding: 0px 1px 0px 1px;
}

.pictureessay .container p.pages a.current
{
	text-decoration: underline;
	color: #464646;
}

.pictureessay .container .media h3
{
	color: #464646;
	padding: 0px;
	margin: 0px;
}

.pictureessay .container .body
{
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #b0b0b0;
}



/** features callout */

#features
{
	position: relative;
	width: 850px;
	height: 350px;
	background-color: #f0f0f0;
	margin-bottom: 20px;
	clear: both;
}

#features.attractor
{
	background-color: #d1faff;
}

#features.attractor .pageTurn
{
	right: -25px;
	bottom: 0px;
	background-image: url('/img/pageturn-tab-d1faff-both.gif');
}

#features.attractor .pageTurn a.previous
{
	background-image: url('/img/pageturn-tab-d1faff-both.gif');
	background-repeat: no-repeat;
}

#features.attractor .pageTurn a.next
{
	top: 37px;
	background-image: url('/img/pageturn-tab-d1faff-both.gif');
	background-repeat: no-repeat;
	background-position: 0px -37px;
}


#features.attractor .frames
{
	position: relative;
	width: 850px;
	height: 350px;
}

#features .frame
{
	position: absolute;
	width: 850px;
	height: 350px;
	overflow: hidden;
	top: 0px;
	left: 0px;
	clear: both;
}

#features.attractor .frame
{
	display: none;
}

#features .frame .details
{
	position: absolute;
	top: 0px;
	left: 515px;
	width: 180px;
	background-color: #d1faff;
	padding: 10px 20px 0px 20px;
	font-size: 10pt;
}

#features .frame .details h2
{
	color: #2a8b9f;
	font-size: 16pt;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #7bb9c5;
	margin-bottom: 10px;
}

#features .frame .details h3,
#features .frame .details h4
{
	color: #464646;
	font-size: 16pt;
	line-height: 16pt;
	margin-top: 20px;
	padding: 0px;
	margin: 0px;
}

#features .frame .details h2 a
{
	color: #2a8b9f;
}

#features .frame .details h3 a
{
	color: #464646;
}

#features .frame .details p
{
	margin-top: 10px;
}

#features .frame .details p.links
{
	margin-top: 10px;
	border-top: 1px solid #7bb9c5;
	padding-top: 10px;
}

#features .frame .details .rule
{
	border-color: #7bb9c5;
	padding-top: 10px;
}

#features .pages
{
	background: #d1faff;
	padding: 0px 0px 2px 0px;
	position: absolute;
	bottom: 11px;
	right: 11px;
	z-index: 1000;
}

#features .pages a
{
	color: #2a8b9f;
}

#features .pages li
{
	margin: 2px;
}

#features .pages a.activeSlide
{
	border-bottom: 1px solid #2a8b9f;
}

#features .pages .current
{
	background-color: #d1faff;
}

/** share **/

div.share
{
	position: absolute;
	right: 10px;
	top: 26px;
}

div.share a.print
{
	display: block;
	width: 50px;
	height: 20px;
	line-height: 20px;
	background-image: url('/img/print-icon-e8fdff-20px.gif');
	background-repeat: no-repeat;
	padding-left: 23px;
	margin: 0px;
	color: #2a8b9f;
}

div.share div.poparea
{
	position: absolute;
	right: 0px;
	top: 20px;
	width: 73px;
	height: 20px;
	overflow: hidden;
}

div.share a.share
{
	width: 50px;
	height: 20px;
	line-height: 20px;
	background-image: url('/img/share-icon-e8fdff-20px.gif');
	background-position: 0px -2px;
	background-repeat: no-repeat;
	padding-left: 23px;	
	color: #2a8b9f;
}

div.share div.poparea:hover
{
	overflow: visible;
}

div.share input
{
	float: none;
}

div.share input.button
{
	clear: both;
}

.contents div.share label
{
	line-height: 14px;
	height: 14px;
}

.contents div.share input.text,
.contents div.share textarea.text
{
	display: block;
	clear: both;
	float: none;
	width: 176px;
	border: 1px solid #d2d2d2;
	margin-bottom: 10px;
}


.contents div.share textarea.text
{
	height: 107px;
}


.contents div.share h5
{
	font-size: 16pt;
	line-height: 16pt;
	color: #464646;
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 10px;
}


div.share div.popup div.tag
{
	position: absolute;
	display: block;
	left: 216px;
	top: 15px;
	width: 39px;
	height: 50px;
	background-image: url('/img/arrow-tag-f0f0f0-hard-stroke.gif');
	background-repeat: no-repeat;
}

div.share div.popup
{
	position: absolute;
	left: -256px;
	top: -30px;
	width: 255px;
	height: auto;
}

div.share div.popup div.block
{
	display: block;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 10px;
	padding-bottom: 10px;
}


div.share div.popup div.box
{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 20px;
	width: 180px;
	background: #f0f0f0;
	border: 1px solid #d2d2d2;
}

div.share div.popup .link p
{
	margin-bottom: 0px;
}

div.share div.popup .box ul
{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

div.share div.popup .box ul li
{
	list-style: none;
	padding-bottom: 5px;
}

a.sharelink
{
	position: relative;
	padding-left: 25px;
	max-height: 30px;
	background-image: url('/img/share-icons-16px.png');
	background-repeat: no-repeat;
}

a.facebook
{
	background-position: 0 0;
}

a.twitter
{
	background-position: 0px -32px;
}

a.digg
{
	background-position: 0 -64px;
}

a.linkedin
{
	background-position: 0 -96px;
	
}

a.friendfeed
{
	background-position: 0 -128px;
	
}

a.myspace
{
	background-position: 0 -160px;
	
}

a.mixx
{
	background-position: 0 -192px;
	
}

a.reddit
{
	background-position: 0 -224px;
	
}

a.delicious
{
	background-position: 0 -256px;
	
}

a.stumbleupon
{
	background-position: 0 -288px;
	
}

a.technorati
{
	background-position: 0 -320px;
	
}

/** about page */

#about h3
{
	margin-bottom: 0px;
}


/** support page */

#support blockquote { font-size: 16pt; margin: 0px 0px 0.25em 0px; font-style: italic; }

/** newsletter page */

#newsletter form p
{
	clear: both;
}

/** section standard format */

.section .contents
{
	width: 828px;
	padding: 20px 10px 10px 10px;
	border: 1px solid #d2d2d2;
	background: #f0f0f0;
}

.section .container
{
	margin-top: 20px;
	width: 808px;
	padding: 10px 10px 1px 10px;
	background: #ffffff;
}

/** Journal */

.section .contents>h1,
.section .contents>h2,
.section .contents>h4,
.section .contents>h5
{
	margin-left: 10px;
}

.section .contents>h2
{
	color: #b0b0b0;
}

/** online */

#online.section .contents>h1,
#online.section .contents>h5
{
	margin-left: 10px;
	width: 580px;
}

#online.section .container .head
{
	margin-left: -30px;
	margin-bottom: 20px;
}

#online.section .container
{
	padding: 20px 40px 10px 40px;
	width: 750px;
}

#online.section .pageTurn
{
	right: -33px;
}

#online.section .essay
{
	position: relative;
	width: 180px;
	height: 190px;
	border-bottom: 1px solid #f0f0f0;
	margin: 0px 10px 10px 0px;
	float: left;
	z-index: 10000;
}

#online.section .essay:hover
{
	z-index: 50000;
}

#online.section .right
{
	margin-right: 0px;
}

#online.section .essay a.imagecrop
{
	position: relative;
	display: block;
	width: 180px;
	height: 120px;
	overflow: hidden;
	margin-bottom: 5px;
}

#online.section .essay img,
#online.section .essay .imgplaceholder
{
	position: relative;
	display: block;
	background: #f0f0f0;
	color:  #f0f0f0;
}

#online.section .essay .imgplaceholder
{
	width: 180px;
	height: 120px;
}

#online.section .essay .caption
{
	position: relative;
	display: block;
	width: 180px;
	height: 65px;
	overflow: hidden;
}

#online.section .essay .caption h2,
#online.section .essay .caption h3
{
	overflow: hidden;
	font-size: 10pt;
	line-height: 12pt;
	margin: 0px;
	padding: 0px;
}

#online.section .essay .caption h3
{
	color: #b0b0b0;
}

#online.section  .date
{
	color: #b0b0b0;
	font-size: 9pt;
}

#online.section .essay .details
{
	background: #d7fbff;
	position: absolute;
	z-index: 10;
	top: 40px;
	width: 175px;
	left: -125px;
	padding: 10px;
	z-index: 100;
	display: none;
}

#online.section .essay .details .tag
{
	position: absolute;
	left: 195px;
	top: 10px;
	width: 30px;
	height: 45px;
	background-image: url('/img/online/archive-tag.png');
	background-repeat: no-repeat;
}

#online.section .essay:hover .details
{
	display: block;
}

#online.section .container .left .details
{
	left: 100px;
}

#online.section .container .left .details .tag
{
	left: -30px;
	background-image: url('/img/online/archive-tag-left.png');
}

/** online features **/

#online.section #features
{
	position: relative;
	background: none;
	height: 500px;
	margin-bottom: 20px;
	z-index: 200;
}

#online.section #features .frame
{
	position: relative;
	width: 420px;
	height: 245px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	clear: none;
	overflow: visible;
}

#online.section #features a.imagecrop
{
	position: absolute;
	width: 370px;
	height: 240px;
	overflow: hidden;
}

#online.section #features .right
{
	margin-right: 0px;
}

#online.section #features .left a.imagecrop
{
	right: 0px;
}

#online.section #features .right a.imagecrop
{
	left: 0px;
}

#online.section #features .top
{
	z-index: 1000;
}

#online.section #features .bottom
{
	z-index: 500;
}

#online.section #features .top a.imagecrop
{
	bottom: 0px;
}

#online.section #features .bottom a.imagecrop
{
	top: 0px;
}

#online.section #features .frame .details
{
	display: none;
	z-index: 10;
}

#online.section .contents
{
	position: relative;
	z-index: 100;
}


#online.section .details h2
{
	margin-top: 0px;
	color: #464646;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#online.section  .details h2 a
{
	color: #464646;
}

#online.section .details h3
{
	margin-top: 0px;
	color: #b0b0b0;
	font-size: 11pt;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #7bb9c5;
}

#online.section .details p.links
{
	margin-top: 10px;
	border-top: 1px solid #7bb9c5;
	padding-top: 10px;
}


#online.section #features .frame:hover .details
{
	display: block;
}

#online.section #features .tag
{
	position: absolute;
	width: 35px;
	height: 60px;
	background-repeat: no-repeat;
}

#online.section #features .left .details
{
	left: 0px;
}

#online.section #features .left .tag
{
	left: 220px;
	top: 20px;
	background-image: url('/img/online/tag-left.png');
}

#online.section #features .right .details
{
	left: 200px;
}

#online.section #features .right .tag
{
	left: -35px;
	top: 20px;
	background-image: url('/img/online/tag-right.png');
}

#online.section #features .top .details
{
	top: 70px;
}

#online.section #features .bottom .details
{
	top: 20px;
}

#online.section .essay .details p.links
{
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#online.section #features .details h2
{
	line-height: 17pt;
}

#online.section #features .details h3
{
	font-size: 13pt;
}


/** online essay **/

#online.essay .container
{
	border: 0px;
	background: #d7fbff;
	width: 538px;
}

#online.essay .contents h1,
#online.essay .contents h2
{
	font-size: 16pt;
	line-height: 17pt;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 440px;
}

#online.essay .contents h2
{
	color: #b0b0b0;
	margin-bottom: 10px;
}

#online.essay .head
{
	padding-bottom: 0px;
}

#online.essay .head .date
{
	color: #b0b0b0;
	margin: 0px;
	padding: 0px;
}

#online.essay .pullquote cite
{
	color: #838383;
}


#journal.section .issue
{
	position: relative;
	width: 810px;
	background: #ffffff;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
}


#journal.section .issue .details .block
{
	width: 180px;
	margin-right: 20px;
	float: left;
}

#journal.section .issue .details .block img.cover
{
	margin-top: 65px;
}

#journal .details .block .title h1
{
	margin-bottom: 5px;
}

#journal .details .block .title h4
{
	color: #838383;
}

#journal.section .issue .details .block .title
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #b0b0b0;
}

#journal.section .issue .details h4
{
	font-size: 11pt;
	font-weight: normal;
	color: #838383;
}


#journal.section .issue .details h2
{
	margin: 30px 0px 15px 0px;
	font-size: 11pt;
	font-weight: normal;
	color: #838383;
}


#journal.section .details .block a.members
{
	color: #838383;
}

#journal.section .issue .details ul li
{
	margin-bottom: 10px;
	padding-right: 10px;
}

/** journal issue */

#journal.issue .details
{
	position: relative;
	width: 830px;
	background: #f0f0f0;
	display: block;
	padding: 10px;
	height: 50px;
	margin-bottom: 20px;
	z-index: 100;
}

#journal.issue .details .block
{
	float: left;
	width: 180px;
	margin-right: 10px;
}

#journal.issue .details .block a.members
{
	color: #838383;
}

#journal.issue .details .category
{
	position: absolute;
	height: 48px;
	padding: 0px 10px 0px 10px;
	overflow: hidden;
	background: #d7fbff;
	border: 1px solid #b4d4db;
	z-index: 100;
	background-image: url('/img/marker-drop-down.gif');
	background-repeat: no-repeat;
	background-position: 180px 20px;
}


#journal.issue .details .contextualEssays
{
	left: 188px;
}
#journal.issue .details .artists
{
	left: 408px;
}
#journal.issue .details .events
{
	left: 628px;
}


#journal.issue .details .category:hover
{
	height: auto;
	overflow: visible;
	padding-bottom: 10px;
	/* width: auto; */
}

#journal.issue .details .category h2
{
	font-size: 13pt;
	line-height: 14pt;
	font-weight: normal;
	position: absolute;
	bottom: 0px;
	margin-bottom: 7px;
	width: 85%;
	color: #464646;
}

#journal.issue .details .category .block
{
	border-top: 1px solid #7bb9c5;
	padding-top: 10px;
}

#journal.issue .details .category h3
{
	padding-top: 0px;
	padding-bottom: 5px;
	font-size: 12pt;
	line-height: 14pt;
	font-weight: normal;
}

#journal.issue .details .category .head
{
	position: absolute;
	top: 0px;
	height: 50px;
	width: 175px;
}


#journal.issue .details .dropdown
{
	position: relative;
	margin-top: 50px;
}

#journal.issue .details .category ul
{
	margin-bottom: 10px;
	position: relative;
}

#journal.issue .details .category ul li
{
	margin-bottom: 10px;
}

#journal.issue .details .category ul li a
{
	display: block;
	color: #2a8b9f;
}

#journal.issue .details img.cover
{
	width: 220px;
}


#journal.issue .contents
{
	width: 870px;
	min-height: 350px;
	z-index: 5;
}

#journal.issue .cover
{
	position: absolute;
	top:  90px;
	right: 0px;
}

/** journal essay */

#journal.page .container div.head h1,
#journal.page .container div.head h2
{
	font-size: 16pt;
	line-height: 17pt;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 420px;
}

#journal.page .container div.head h2
{
	color: #b0b0b0;
}


#journal.page .container div.members
{
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
}

#journal div.share a.print
{
	background-image: url('/img/print-icon-ffffff-20px.gif');
}

#journal div.share a.share
{
	background-image: url('/img/share-icon-ffffff-20px.gif');
}

/** journal subscribe **/


#journal.shop .product .radio
{
	padding: 0px;
	margin: 0px 10px 0px 10px;
	line-height: 2em;
}

#journal.shop .product label
{
	margin: 0px;
	padding: 0px;
	line-height: 1.6em;
}

#journal.shop .product h3
{
	margin: 0px;
	padding: 0px;
}

#journal.shop .product p
{
	margin: 0px 0px 20px 0px;
}

#journal.shop .alert 
{
	border: 1px solid #cc0000;
}


#journal.shop p.message,
#journal.shop p.productsMessage
{
	clear: both;
	padding-top: 0px;
	font-size: 12pt;
}

#journal.shop div.alert
{
	padding: 5px;
}

#journal.shop fieldset.alert
{
	padding: 5px;
}

#journal.shop fieldset.alert .column
{
	margin-right: 15px;
}

#journal.shop p.visible
{
	padding-top: 10px;
}

#journal.shop .product p
{
	margin: 0px;
	padding: 0px;
}

#journal.shop .product p.select
{
	margin: 10px 0px 0px 0px;
}

#journal.shop .contents form label
{
	position: relative;
	display: block;
	clear: both;
}

#journal.shop .contents input.text
{
	position: relative;
	width: 176px;
	clear: both;
	margin-bottom: 5px;
	float: none;
}

#journal.shop .contents input.space
{
	margin-bottom: 20px;
}

#journal.shop  .contents select
{
	width: 180px;
	margin-bottom: 5px;
}

#journal.shop .column
{
	position: relative;
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	width: 243px;
	margin-bottom: 10px;
	margin-right: 20px;
	float: left;
}

#journal.shop fieldset 
{
	border: 1px solid #ffffff;
}

#journal.shop fieldset p.help
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}


#journal.shop  .contents form  label
{
	height: 12pt;
	margin-bottom: 3px;
}

#journal.shop .column .head
{
	border: 0px;
	min-height: 30px;
}

#journal.shop .column h3
{
	margin: 0px;
	padding: 0px;
}

#journal.shop .contents form input.radio
{
	position: relative;
	display: block;
	float: left;
	clear: left;
	margin-right: 0px;
	padding-right: 0px;
}

#journal.shop .contents form label.radio
{
	position: relative;
	display: block;
	float: left;
	clear: right;
	line-height: 10pt;
	margin-left: 0px;
	padding-left: 5px;
}

#journal.shop .contents form label.checkbox
{
	line-height: 14pt;
}

#journal.shop div.terms
{
	margin: 10px 0px 10px 0px;
	line-height: 130%;
}

#journal.shop div.terms a
{
	color: #2a8b9f;
}

#journal.shop div.terms input.radio
{
	clear: right;
}

#journal.shop div.terms label.radio
{
	clear: left;
	margin: 0px;
	padding: 0px;
}

#journal.shop .logos
{
	border-top: 0px;
	position: relative;
	display: block;
	height: 112px;
	width: 100%;
	margin-top: 20px;
}

#journal.shop .logos img
{
	float: left;
	top: 0px;
}

#journal.shop .logos img.sagepay
{
	margin-top: 10px;
}

#journal.shop .logos img.vbv,
#journal.shop .logos img.msc
{
	margin: 8px 0px 0px 20px;
}

#journal.shop .logos img.ual
{
	position: absolute;
	right: 0px;
}

#journal.sagepaycommit p.buttons input
{
	margin-top: 5px;
}

#journal.sagepaycommit p.buttons img
{
	margin-left: 50px;
	float: right;
}

/** books styles */

#books.section .series
{
	border-bottom: 1px solid #b0b0b0;
}

#books.section .series .covers
{
	width: 426px;
	margin: 10px 10px 10px 0px;
	float: left;
}

#books.section .series .covers img
{
	margin-right: 10px;
	border: 1px solid #b0b0b0;
}

#books.section .series .covers a.right img
{
	margin-right: 0px;
}

#books.section .series .details
{
	width: 370px;
	float: left;
	margin: 10px 0px 10px 0px;
}

#books.section .series h2,
#books.section .series h3
{
	font-size: 16pt;
	line-height: 16pt;
}

#books.section .series h3
{
	color: #b0b0b0;
	margin-bottom: 10px;
}

#books.series .container
{
	padding-top: 10px;
}

#books.series .book
{
	width: 192px;
	margin-right: 10px;
	float: left;
	border-bottom: 1px solid #b0b0b0;
	height: 293px;
	padding-bottom: 7px;
	margin-bottom: 10px;
}

#books.series .book img
{
	border: 1px solid #b0b0b0;
	margin-bottom: 10px;
}

#books.series .right
{
	margin-right: 0px;
}

#books.series .book h2,
#books.series .book h3
{
	font-size: 11pt;
	line-height: 12pt;
}

#books.series .book h3
{
	color: #b0b0b0;
}

#books.series .contents>p
{
	margin: 10px 0px;
	padding: 0px 0px 10px 0px;
}

#books.book .contents .container
{
	border: 1px solid #b0b0b0;
	width: 536px;
	float: left;
	padding: 26px;
}

#books.book .container h1,
#books.book .container h2
{
	font-size: 16pt;
	line-height: 16pt;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#books.book .container h2
{
	color: #b0b0b0;
	margin-bottom: 10px;
}

#books.book .container h3
{
	font-size: 9pt;
	padding-bottom: 5px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
}

#books.book .container img
{
	border: 1px solid #b0b0b0;
}


#books.book .container h3 a
{
	color: #b0b0b0;
}

#books.book .container img
{
	margin-bottom: 10px;
}

#books.book .container ul.formats
{
	list-style: none;
	margin-left: 0px;
	margin-bottom: 10px;
	color: #b0b0b0;
}

#books.book .container p.description
{
	margin-bottom: 0px;
	color: #b0b0b0;
}

#books.book .container p.price .pound
{
	font-size: 125%;
}

/** events */

#events .container
{
	width: 790px;
}

#events.calendar .event
{
	padding-bottom: 20px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 20px;
}

#events p
{
	line-height: 1.2em;
}

#events.calendar .event .details
{
	width: 385px;
	float: left;
}

#events.calendar .event h2,
#events.calendar .event h3
{
	margin: 0px;
	padding: 0px;
}

#events.calendar .event h3
{
	padding-bottom: 10px;
}

#events.calendar .event img
{
	float: right;
}

#events.event .contents .container
{
	border: 1px solid #b0b0b0;
	width: 546px;
	float: left;
	padding: 26px;
}

#events.event .container h1,
#events.event .container h2
{
	font-size: 16pt;
	line-height: 16pt;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

#events.event .container h2
{
	color: #b0b0b0;
	margin-bottom: 10px;
}

#events.event .container h3
{
	font-size: 9pt;
	padding-bottom: 5px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
}

#events.event .container img
{
	border: 1px solid #b0b0b0;
}


#events.event .container h3 a
{
	color: #b0b0b0;
}

#events.event .container img
{
	margin-bottom: 10px;
}

/** advertisers **/

#advertisers .contents
{
	width: 864px;
}

#advertisers .container
{
	width: 864px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#advertisers .advert
{
	display: block;
	position: relative;
	width: 272px;
	height: 178px;
	/* background: #f0f0f0; */
	float: left;
	border: 1px solid #b0b0b0;
	margin-right: 14px;
	margin-bottom: 14px;
	overflow: hidden;
}

#advertisers .advert img
{
	position: relative;
}

#advertisers .contents
{
	width: 864px;
}

#advertisers .container
{
	width: 864px;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

#advertisers .advert
{
	display: block;
	position: relative;
	width: 272px;
	height: 178px;
	/* background: #f0f0f0; */
	float: left;
	border: 1px solid #b0b0b0;
	margin-right: 14px;
	margin-bottom: 14px;
	overflow: hidden;
}

#advertisers .advert img
{
	position: relative;
}

div.adverts
{
	width: 864px;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	border: 0px;
}

div.adverts .advert
{
	display: block;
	position: relative;
	width: 272px;
	height: 178px;
	/* background: #f0f0f0; */
	float: left;
	border: 1px solid #b0b0b0;
	margin-right: 14px;
	margin-bottom: 14px;
	overflow: hidden;
}

div.adverts .advert img
{
	position: relative;
}


/** search */

.search .contents
{
	width: 580px;
}

.search .container
{
	width: 560px;
}

.search .contents>h4
{
	margin-bottom: 10px;
}

.search .contents form select,
.search .contents form input.button,
.search .contents label.text
{
	background: none;
	border: 1px solid #b4d4db;
	background-color: #d1faff;
	height: 21px;
}

.search .contents form select
{
	width: 110px;
}

.search .contents label.text
{
	margin-right: 0px;
	border-right: 0px;
	padding: 2px 5px 0px 5px;
	height: 17px;
}

form.search fieldset.search
{
	margin-bottom: 5px;
}

.search .contents fieldset.radio
{
	padding-top: 3px;
}

.search .contents fieldset.radio .legend
{
	height: 20px;
	padding-left: 0px;
	margin-left: 0px;
	line-height: 1.5em;
}

.search .contents span.radio
{
	white-space: nowrap;
}

.search .contents .radio input
{
	clear: none;
	margin-right: 5px;
	float: left;
}

.search .contents .radio label
{
	display: block;
	clear: none;
	float: left;
	height: 20px;
	padding: 0px;
	margin-left: 0px;
	line-height: 1.5em;
}



.search .contents input.text
{
	border: 1px solid #b4d4db;
	margin-left: 0px;
	width: 160px;
}

.search .contents input.radio
{
	background: none;
	border: 1px solid #b4d4db;
	background-color: #d1faff;
}

.search .match, 
.search .term
{
	font-weight: bold;
}

ul.search li.result
{
	padding-bottom: 10px;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 10px;
}

ul.search li.result div.image
{
	float: left;
	width: 180px;
	height: 120px;
	overflow: hidden;
	margin-right: 20px;
}

ul.search li.result div.image a
{
	color: #f0f0f0;
}

ul.search li.result div.details
{
	float: left;
	width: 360px;
}

ul.search li.result .details h4,
ul.search li.result .details h4 a
{
	margin: 0px;
	padding: 0px;
	color: #2a8b9f;
}

ul.search li.result .details h2
{
	padding: 0px;
	margin: 0px;
}

ul.search li.result p
{
	margin-top: 2px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	overflow: hidden;
}

/* tags classes */

#tags .container .tags h4
{
	font-size: 10pt;
}

#tags .container .tags p
{
	line-height: 1.5em;
}

/** home */

#home .contents
{
	width: 580px;
}

#home .container
{
	width: 560px;
}

#home .contents
{
	float: left;
	margin-right: 40px;
}

#home .secondary
{
	width: 208px;
	float: left;
}

#home .secondary .callout
{
	background: #d1faff;
	padding: 20px;
	margin-bottom: 20px;
}

#home .secondary .callout h2
{
	color: #2a8b9f;
	font-size: 16pt;
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #7bb9c5;
	margin-bottom: 10px;
}

#home .secondary .callout h3,
#home .secondary .callout h4
{
	color: #464646;
	font-size: 16pt;
	line-height: 17pt;
	padding: 0px 0px 5px 0px;
	margin: 0px;
}

#home .secondary .callout h3 a,
#home .secondary .callout h4 a
{
	color: #464646;
}

#home .secondary .callout p.links
{
	margin-top: 20px;
	border-top: 1px solid #7bb9c5;
	padding-top: 10px;
	margin-bottom: 0px;
}

/** state classes **/

.members p
{
	color: #838383;
}


/** hard classes */

.clear
{
	clear: both;
}


.success
{
	color: #2a8b9f;
}

.error
{
	color: #2a8b9f;
}

.error a
{
	color: #565656;
	text-decoration: underline;
}


@media print
{
	.page #head
	{
		display: none;
	}
	
	.page .sectionHead
	{
		display: none;
	}

	.page #foot
	{
		display: none;
	}

	.page .related
	{
		display: none;
	}
		
}