/*
Blue: C8E1FF
Green: B0DEA3
Warm Grey: EEE9E9
DF: 4a525a
*/

html
{
	/* http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
	height: 100%;
	margin-bottom: 1px;
}

body
{
	text-align: center;
	font-size: 62.5%;
	line-height: 1.5em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #111;
	margin: 0;
	padding: 0;
	background: #fff;
}

div#maincontent p
{
	font-size: 1.2em;
	line-height: 1.8em;
}

body.image
{
	text-align: center;
	background-color: #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	background-image: none;
}

/*
{
margin: 0;
padding: 0;
}
*/

/* ______________________________ START LINK STYLING */

a
{
	color: #660000;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
}

a:hover, a:active
{
	color: #FF0000;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
}

a:link.body, a:visited.body, #sidenav a:link, #sidenav a:visited
{
	font-size: 1em;
	line-height: 1.5em;
	color: #660000;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border-color: #CCCCCC;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	background-color: transparent;
}

a:active.body, a:hover.body, #sidenav a:hover, #sidenav a:active
{
	font-size: 1em;
	line-height: 1.5em;
	color: #FF0000;
	text-decoration: none;
	margin: 0;
	padding: 0;
	border-color: #FF0000;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	background-color: #C8E1FF;
}

/* ______________________________ END LINK STYLING */
/* ______________________________ START HEADER */

div.headerwrapper
{
	text-align: left;
	margin: 12px auto 0px auto;
	padding: 0px;
	background-color: transparent;
	width: 770px;
	height: 80px;
}

a#headertext
{
	color: #111111;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: 1px;
	word-spacing: 2px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1em;
	line-height: 1.5em;
	margin: 0px;
	padding: 10px 0px 10px 550px;
	background: transparent url(images/rjf.gif) no-repeat left;
	width: 220px;
	display: block;
}

/* ______________________________ END HEADER */
/* ______________________________ START NAV */

div.navwrapper
{
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px;
	background-color: transparent;
	width: 770px;
	clear: both;
}

/* ______________________________ START MAIN NAVBAR */

#nav
{
	list-style: none;
	margin: 0;
	padding: 0 0 0 16px;
	border-bottom: 2px solid #000;
	background: transparent;
	float: left;
	width: 754px;
}

#nav li
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 1em;
	letter-spacing: 1px;
	word-spacing: 1px;
	margin: 0 0px 0 0;
	padding: 0;
	background: url(images/tab_bg-tr4.gif) no-repeat top right;
	float: left;
}

body#bookstore li#bookstore-tab, body#distribution #distribution-tab, body#press #press-tab, body#design #design-tab, body#contact #contact-tab
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 1em;
	letter-spacing: 1px;
	word-spacing: 1px;
	margin: 0 0px 0 0;
	padding: 0;
	background: url(images/tab_bg_blue-tr4.gif) no-repeat top right;
	float: left;
}

#nav a
{
	text-decoration: none;
	color: #000;
	margin: 0;
	padding: 7px 14px 5px 14px;
	border: 0;
	border-bottom: 0px solid #000;
	background: url(images/tab_bg-tl4.gif) no-repeat top left;
	float: left;
	display: block;
}

#nav a:hover, #nav a:active
{
	text-decoration: none;
	color: #f00;
	margin: 0;
	padding: 7px 14px 5px 14px;
	border: 0;
	background: url(images/tab_bg-tl4.gif) no-repeat top left;
	float: left;
	display: block;
}

body#bookstore #bookstore-tab a, body#distribution #distribution-tab a, body#press #press-tab a, body#design #design-tab a, body#contact #contact-tab a
{
	text-decoration: none;
	color: #000;
	margin: 0;
	padding: 7px 14px 5px 14px;
	border: 0;
	border-bottom: 0px solid #000;
	background: url(images/tab_bg_blue-tl4.gif) no-repeat top left;
	float: left;
	display: block;
}

body#bookstore #bookstore-tab a:hover, body#distribution #distribution-tab a:hover, body#press #press-tab a:hover, body#design #design-tab a:hover, body#contact #contact-tab a:hover, body#bookstore #bookstore-tab a:active, body#distribution #distribution-tab a:active, body#press #press-tab a:active, body#design #design-tab a:active, body#contact #contact-tab a:active
{
	text-decoration: none;
	color: #f00;
	margin: 0;
	padding: 7px 14px 5px 14px;
	border: 0;
	border-bottom: 0px solid #000;
	background: url(images/tab_bg_blue-tl4.gif) no-repeat top left;
	float: left;
	display: block;
}

/* ______________________________ END MAIN NAVBAR */
/* ______________________________ START SECONDARY NAVBAR */

#nav2
{
	list-style: none;
	margin: 0;
	padding: 0 0 0 6px;
	border-bottom: 2px solid #000;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	background: #444;
	float: left;
	width: 760px;
}

#nav2 li
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 1em;
	letter-spacing: 1px;
	word-spacing: 1px;
	margin: 0;
	padding: 0 9px 0 4px;
	background: transparent url(images/navbull.gif) no-repeat right;
	float: left;
}

#nav2 li#last
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 1em;
	letter-spacing: 1px;
	word-spacing: 1px;
	margin: 0;
	padding: 0 9px 0 4px;
	background: transparent;
	float: left;
}

#nav2 a
{
	text-decoration: none;
	color: #fff;
	margin: 0;
	padding: 4px 10px 5px 10px;
	border: 0;
	border-bottom: 0px solid #000;
	background: transparent;
	float: left;
	display: block;
}

#nav2 a:hover, #nav2 a:active, #nav2 a:hover#here, #nav2 a:active#here
{
	text-decoration: none;
	color: #f55;
	margin: 0;
	border: 0;
	border-bottom: 0px solid #000;
	background: transparent;
	float: left;
	display: block;
}

#nav2 #here
{
	text-decoration: none;
	color: #C8E1FF;
	margin: 0;
	border: 0;
	border-bottom: 0px solid #000;
	background: transparent;
	float: left;
	display: block;
}

/* ______________________________ END SECONDARY NAVBAR */

div.shadow
{
	margin: 0px 1px 0px 1px;
	padding: 0;
	background-color: transparent;
	height: 10px;
	border: 0;
	background-image: url(images/shadow.gif);
	background-repeat: repeat-x;
	clear: both;
}

/* ______________________________ END NAV */
/* ______________________________ START IMAGE PAGE */

div.imagewrapper
{
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	display: block;
}

div.imagenav
{
	text-align: center;
	color: #333333;
	font-size: 11px;
	line-height: 18px;
	font-family: Verdana, Helvetica, sans-serif;
	padding: 2px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	border-color: #999999;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	background-color: #EEEEEE;
}

div.imagecontent
{
	text-align: center;
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	background-color: #FFFFFF;
	display: block;
	clear: both;
}

/* ______________________________ END IMAGE PAGE */
/* ______________________________ START MAIL-ORDER PAGE */

div.mailordernav
{
	text-align: center;
	color: #333333;
	font-size: 11px;
	line-height: 18px;
	font-family: Verdana, Helvetica, sans-serif;
	padding: 2px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	border-color: #999999;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	background-color: #EEEEEE;
}

div.mailordercontent
{
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	display: block;
	clear: both;
	font-size: 9px;
	line-height: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #111111;
}

/* ______________________________ END MAIL-ORDER PAGE */
/* ______________________________ START BODY */

div.bodywrapper
{
	text-align: left;
	margin: 12px auto 0px auto;
	padding: 0px;
	background-color: transparent;
	width: 770px;
}

#maincontent
{
	color: #111111;
	float: left;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	border-color: #eee;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	background-color: #FFFFFF;
	width: 500px;
}

div.imagetable
{
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	background-color: transparent;
}

div.datatable
{
	font-size: 1.1em;
	line-height: 1.8em;
	font-family: Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	background-color: transparent;
}

div.exhibitions
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-color: #CCCCCC;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	background-color: transparent;
}

/* ______________________________ START SIDEBAR */

div.rightwrapper
{
	text-align: left;
	float: right;
	margin: 0px;
	padding: 0;
	width: 230px;
}

div.aside
{
	color: #333;
	font-size: 1.1em;
	line-height: 1.8em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
	margin: 0px 0px 18px 0px;
	padding: 0px 10px 5px 10px;
	border: 0;
	background: #eee url(images/palegrey-tl.gif) no-repeat top left;
}

div.leftquote
{
	margin: 0;
	padding: 8px 0px 0px 0px;
	background: transparent url(images/quote-left.gif) no-repeat bottom left;
}

div.rightquote
{
	margin: -16px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent url(images/quote-right.gif) no-repeat bottom right;
}

div.quicklinks
{
	color: #333;
	font-size: 11px;
	line-height: 18px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
	margin: 0px 0px 18px 0px;
	padding: 10px 10px 5px 10px;
	border-color: #660000;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	background: #eee9e9 url(images/warmgrey-tl.gif) no-repeat top left;
}

#sidelinks
{
	color: #333;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 1.8em;
	letter-spacing: 1px;
	word-spacing: 1px;
	margin: 0px 0px 18px 0px;
	padding: 10px 10px 10px 10px;
	border-color: #660000;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	background: #eee9e9 url(images/warmgrey-tl.gif) no-repeat top left;
}

#sidenav
{
	list-style: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

#sidenav li
{
	list-style: none;
	margin: 0;
	padding: 2px 15px;
	background: url(images/arrow-r.gif) no-repeat left;
}

#sidenav li#sidehere
{
	list-style: none;
	margin: 0;
	padding: 2px 15px;
	background: #C8E1FF url(images/arrow-l.gif) no-repeat left;
}

/* ______________________________ END SIDEBAR */

div.backtotop
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	line-height: 1em;
	letter-spacing: 1px;
	word-spacing: 1px;
	margin: 30px 0px 0px 20px;
	padding: 0px 0px 0px 14px;
	background: transparent url(images/arrow-u.gif) no-repeat left;
}

#footer
{
	text-align: center;
	background-color: transparent;
	clear: both;
}

#footer p
{
	color: #999;
	text-align: left;
	font-size: 0.8em;
	line-height: 1.5em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: 1px;
	word-spacing: 1px;
	text-transform: uppercase;
	margin: 0 auto 0 auto;
	padding:  30px 0px 20px 0px;
	background: transparent;
	width: 770px;
}

div.review
{
	padding: 0px 10px 0px 10px;
	margin: 20px 0px 0px 0px;
	border-color: #111;
	border-width: 1px 0px 1px 0px;
	border-style: dashed;
	background-color: #eee;
	font-size: 1em;
	line-height: 1.5em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #111;
}

div.news
{
	padding: 0px 10px 0px 10px;
	margin: 20px 0px 0px 0px;
	border-color: #CC0000;
	border-width: 1px 0px 1px 0px;
	border-style: dotted dotted dotted dotted;
	background-attachment: fixed;
	background-image: url(images/comb.gif);
	font-size: 1em;
	line-height: 1.5em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #111111;
}

/* ______________________________ END BODY */
/* ______________________________ START TEXT STYLING */

.articleimage
{
	margin: 1.2em 0px 4px 10px;
	padding: 4px;
	background: transparent;
	display: inline;
	width: 250px;
	border: 1px solid #ddd;
	float: right;
}

.articleimagecaption
{
	color: #666;
	font-size: 1em;
	line-height: 1.8em;
	margin: 0;
	padding: 4px 0 4px 10px;
	background: transparent;
}

p
{
	margin: 1em 0 1em 0;
	background-color: transparent;
}

.paragraph
{
	font-size: 1.2em;
	line-height: 1.8em;
	background-color: transparent;
}

ul.textlist, ol.textlist
{
	font-size: 1.2em;
	line-height: 1.8em;
	margin: 1em 0px 1em 0px;
	list-style-position: outside;
	background-color: transparent;
}

.data
{
	font-family: Verdana, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	background-color: transparent;
}

form
{
	margin: 1em 0 0 0;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}

form.nauc
{
	margin: 0;
	padding: 0;
	background-color: transparent;
}

.question
{
	color: #330033;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}

.ivquestion { font-weight: bold; }
.bold { font-weight: bold; }
.credit { text-align: right; }
.alignright { text-align: right; }

div.center
{
	text-align: center;
	color: #330033;
	display: block;
}

div.sectionbreak
{
	text-align: center;
	color: #999;
	font-weight: normal;
	letter-spacing: 1px;
	word-spacing: 6px;
	padding: 1.5em 0;
	margin: 0;
	display: block;
}

h1
{
	color: #330033;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.4em;
	text-transform: uppercase;
	letter-spacing: 1px;
	word-spacing: 1px;
	margin: 2em 0 0.5em 0;
	padding: 0px 0px 0px 0px;
	border-color: #330033;
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	background-color: #e9e9ee;
	/* background-attachment: scroll;
	background-image: url(images/comb2-white.png);
	background-position: 0px 0px;
	background-repeat: repeat; */
}

h1.first { margin-top: 0em; }

h2.quicklink
{
	color: #330033;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 1em 0 1em 0;
	padding: 0px 0px 0px 0px;
	border-color: #330033;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	background-color: transparent;
	display: inline;
}

h2
{
	color: #330033;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1.2em;
	text-transform: uppercase;
	letter-spacing: 1px;
	word-spacing: 1px;
	margin: 2em 0 1em 0px;
	padding: 0px 0px 0px 0px;
	border-color: #330033;
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	background-color: transparent;
	display: inline;
}

h5
{
	font-size: 11px;
	line-height: 18px;
	font-family: Verdana, Helvetica, sans-serif;
	display: inline;
}

/* ______________________________ END TEXT STYLING */

#socialbookmarks
{
	clear: both;
	border: 0px solid #ddd;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
}

#socialbookmarks ul
{
	text-align: left;
	list-style: none;
	margin: 1em 0 1em 0;
	padding: 0;
}
#socialbookmarks ul li
{
	display: inline;
	padding: 0 8px 0 20px;
}

#socialbookmarks ul li.delicious
{background:url("images/delicious.gif") no-repeat 0 0;}

#socialbookmarks ul li.digg
{background:url("images/digg.gif") no-repeat 0 0;}

#socialbookmarks ul li.reddit
{background:url("images/reddit.gif") no-repeat 0 0;}

#socialbookmarks ul li.facebook
{background:url("images/facebook.gif") no-repeat 0 0;}

#socialbookmarks ul li.stumbleupon
{background:url("images/stumbleupon.gif") no-repeat 0 0;}