@charset "UTF-8";

/*
COLORS:
a:link: #99CCFF
a:hover: #99CCFF
a:active #66CCFF

div:hover: #0066FF

content width: 560px
content headings: FFFF99

*/

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;
}

html {
	background: #000 url(../images-global/background/bg-body-black.jpg) no-repeat fixed center -16px;
}

body {
	margin: 0 0 25px;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFF;
}

html > body {
	font-size: 14px;
	line-height: 20px;
}

/* @group Standard HTML */

h1 {
	/*margin-top: 0px;*/
	padding-top: 0.25em;
	font: bold 1.25em Optima, Candara, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #FFF;
	text-transform: uppercase;
}

h2 {
	margin: 1em 0 0.5em;
	font: bold 1em Optima, Candara, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #FFF;
	/*text-transform: uppercase;*/
}

h3 {
	margin: 0.5em 0 0.25em;
	font: bold 1em Optima, Candara, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #FFF;
}

h1 span.subtitle,
h2 span.subtitle,
h3 span.subtitle {
	font-weight: normal;
	text-transform: none;
}

hr {
	display:block;
	margin: 1em 0;
	border: 1px inset #666;
}

ul {
	margin: 0.5em 0;
	padding: 0 2em;
	list-style-type: square;
}

li {
	/*margin-left: 0.5em;*/
}

table {
	border-collapse: collapse;
	border-spacing: 2px 6px;
	empty-cells: show;
}

/* @end */

/* @group Links */

a:link, a:visited {
	/*color: #b3eeff;*/
	color: #99CCFF;
	text-decoration: none;
}

a:hover, a:visited:hover {
	color: #3399FF;
}

a:active, a:visited:active {
	color: #0066FF; /* was 66CCFF */
}

#content a.borderoff:link,
#content a.borderoff:visited,
#content a.borderoff:hover,
#content a.borderoff:active {
	border: none;
}

a span.hidden {
	height: 1px; 
	width: 1px; 
	position: absolute; 
	overflow: hidden; 
	top: -10px;
}

/* @end */

/* @group Classes */

.author {
	font-weight: bold;
}

p.author {
	font-style: italic;
	font-weight: normal;
	margin: 0.5em 0;
}

.borderoff {
	border: none !important;
}

.center {
	text-align: center;
}

div.box {
	background: #FFF;
	/*border: 1px solid #999;*/
	margin: 0 0 1em;
	padding: 10px;
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
}

.caption {
	margin: 0.5em 0 0 !important;
}

.clearall {
	clear: both;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.clearleft {
	clear: left;
	margin-top: 1em;
}

.clearright {
	clear: right;
	margin-top: 1em;
}

.credit {
	font-size: 14px;
	font-style: italic;
	text-align: right;
	margin-top: 1em;
}

.fade {
	color: #999;
}

.floatright { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 15px;
}

.floatleft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 15px;
}

.foreign {
	font-style: italic;
}

.gray {
	color: #CCC;
}

.pullquote {
  display: block;
  width: auto;
  border: 1px solid #ccc;
  padding: 10px;
  text-align: center;
}

.small {
	font-size: 0.75em;
}

.tightbottom {
	margin-bottom: 0 !important;
}

.tightleft {
	margin-left: 0 !important;
}

.tightright {
	margin-right: 0 !important;
}

.tighttop {
	margin-top: 0 !important;
}

.title {
	font-style: italic;
}

.upper {
	text-transform: uppercase;
}

table.listing hr {
	display: none;
	/*margin: 0.25em 0;*/
}

/* @end */

/* @group Spans */

span.box {
	text-transform: uppercase;
	background-color: #666;
	color: #FFF;
	padding: 2px 5px 1px;
	font-style: normal;
}



/* @end */

/* @group Global ID */

#top {
	position: absolute;
	top: 0;
	height: 0;
}

div#bottom {
	height: 0;
}

#pageTools {
	font: 12px Optima, Candara, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #CCC;
	background: transparent;
	margin: 0;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	width: 100%;
	height: 20px;
	position: fixed;
	top: 0;
	z-index: 100;
}

#pageTools p {
	visibility: hidden;
	margin: 0;
	padding-top: 5px;
	color: #999;
	font-weight: bold;
	background-image: url(../images-global/background/bg-transparent-95-black.png);
	height: 20px;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
}

#pageTools:hover p {
	visibility: visible;
	border-bottom: 1px solid #999;
}

#pageTools a:link, #pageTools a:visited {
	color: #FFF;
	padding: 2px;
	text-decoration: none;
}

#pageTools a:hover, #pageTools:visited:hover {
	color:#FFFF99;
}

#pageTools a:active {
	color:#CCC;
}

#container {
	width: 780px;
	margin: 30px auto 25px;
	padding: 15px 0 0 0;
	text-align: left;
	border: 1px solid #666;
	background-color: #333;
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

#wrapper {
	margin: 0;
	padding: 0 10px;
	overflow: hidden;
}

/* "EASY CLEARING" */
#wrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	overflow: hidden; 
	visibility: hidden;
}

/* @end */

/* @group Header */

#header {
	background: url(../images-global/background/bg-header-sans-black.gif) no-repeat 10px 5px;
	text-align: center;
	color: #fff;
	overflow: hidden;
	margin: 0;
	padding: 0px 10px 10px;
}

#header h1 {
	display: none;
	margin: 0;
	padding: 15px 0px 10px;
	color: #DDD;
	float: left;
	font-weight: normal;
	font-size: 60px;
	/*text-shadow: #000 0 2px 4px;*/
	/*opacity: 0.5;*/
}

#header p {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	font: 12px Optima, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: right;
}

#header p.upper {
	font-size: 12px;
	margin-top: 0.5em;
}

#header ul {
	background-color: #666;
	font: normal 12px Optima, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #999;
	margin: 1em -10px 0;
	padding: 2px 10px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	/*-webkit-box-shadow: 0px 0px 10px #999;*/
}

#header li {
	display:inline;
	margin: 0 2px 0 -5px;
	padding: 0;
	text-transform: uppercase;
	border-left: 1px solid #999;
	list-style-type: none;
}

#header ul li a,
#header ul li a:visited {
	text-decoration: none;
	color: #FFF;
	margin: 0;
	padding: 2px 6px;
	display: inline;
	border: none;
}

#header ul li a:hover {
	color: #FFF;
	background: #0000CC; /* was #999 */
}

#header ul li a:active {
	color: #FFF;
	background-color: #000;
}



/* @end */

/* @group Footer */

#footer {
	background-color: #222;
	padding: 1em;
	padding-bottom: 10px;
	text-align: center;
	font: 11px Optima, Candara, "Helvetica Neue", Calibri, Arial, Helvetica, Geneva, sans-serif;
	border-top: 3px groove #666;
	margin: 0;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer p#copyright {
	margin: 0 0 0.5em 0;
}

#footer p#credit {
	margin: 0 0 0.5em 0;
}

#footer p#browser {
	margin: 0 0 0.5em 0;
}

#footer p#pageinfo {
	margin: 0 0 0.5em 0;
}

#footer p#source {
	display: none;
	margin: 0 0 0.5em 0;
}

/* @end */

/* @group Highlight */

#highlight {
	height: 125px;
	padding: 0;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	margin: 0 -10px;
	background: url(../images-global/background/bg-highlight.jpg) no-repeat 0 center;
	/*vertical-align: text-bottom;*/
	/*text-align: right;
	text-indent: 175px;*/
}

#highlight img {
	margin: 0;
	border: none;
}

/*
#highlight p {
	color: #FFF;
	font: bold 14px Optima, Candara, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	/*text-shadow: #000 0 2px 2px;*/
	padding: 0;
	margin: 0;
	position: relative;
	top: 95px;
	left: 10px;
}

#highlight a, #highlight a:visited {
	color: #FFF;
	background-color: #666;
	border: 1px solid #fff;
	padding: 0 3px;
}

#highlight a:hover {
	color: #FFF;
	background-color: #0000CC;
}

#highlight a:active {
	background-color: #000;
}
*/


/* @end */

/* @group Sidebar1 */

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 150px;
	border-right: solid #666 1px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 2em;
	padding-left: 0px;
	font: 13px Optima, Candara, "Helvetica Neue", Calibri, Arial, Helvetica, Geneva, sans-serif;
	color: #CCC;
}

#sidebar1 h2,
#sidebar1 h3 {
	margin: 1em -10px;
	padding: 2px 0;
	color: #FFF;
	background-color: #000;
	text-transform: uppercase;
	font-size: 12px;
	text-indent: 10px;
}

#sidebar1 ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	border-bottom: solid #999 1px;
	color: #CCC;
}

#sidebar1 ul li {
	border-top: 1px solid #999;
	text-indent: 2px;
}

#sidebar1 ul li a {
	padding-top: 2px;
	padding-bottom: 2px;
	color: #CCC;
	text-decoration: none;
	display: block;
	border: none;
}

#sidebar1 ul li a:hover {
	color: #FFF;
	background-color: #666;
}

#sidebar1 ul li a:active {
	color: #FFF;
	background-color: #000;
}

#sidebar1 p.box {
	background-color: #666;
	border: 2px solid #BBB;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

#sidebar1 p.box a:link, #sidebar1 p.box a:visited {
	padding: 2px;
	color: #FFF;
	display: block;
}

#sidebar1 p.box a:hover, #sidebar1 p.box a:visited:hover {
	color: #b3eeff;
	background-color: #333;
}

#sidebar1 p.box a:active {
	background-color: #000;
}

#sidebar1 div#mail {
	display: block;
	height: 50px;
	width: 150px;
	margin: 1em 0;
}

#sidebar1 div#mail a {
	display: block;
	height: 50px;
	width: 150px;
	background: url(../images-global/background/bg-mailinglist.jpg) no-repeat;
}

#sidebar1 div#mail a:hover {
	display: block;
	height: 50px;
	background: url(../images-global/background/bg-mailinglist.jpg) no-repeat 0 -50px;
}

#sidebar1 div#mail a:active {
	display: block;
	height: 50px;
	background: url(../images-global/background/bg-mailinglist.jpg) no-repeat 0 -100px;
}

#sidebar1 div#mail p {
	display: none;
}

#sidebar1 div#catalog {
	display: block;
	height: 50px;
	width: 150px;
	margin: 1em 0;
}

#sidebar1 div#catalog a {
	display: block;
	height: 50px;
	width: 150px;
	background: url(../images-global/background/bg-catalog.jpg) no-repeat;
}

#sidebar1 div#catalog a:hover {
	display: block;
	height: 50px;
	background: url(../images-global/background/bg-catalog.jpg) no-repeat 0 -50px;
}

#sidebar1 div#catalog a:active {
	display: block;
	height: 50px;
	background: url(../images-global/background/bg-catalog.jpg) no-repeat 0 -100px;
}

#sidebar1 div#catalog p {
	display: none;
}



/* @end */

/* @group Sidebar2 */

#sidebar2 {
	float: right;
	width: 175px;
	background-color: #666; 
	padding: 10px;
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 1.25em;
	font: 13px/16px Optima, Candara, "Helvetica Neue", Calibri, Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	border: 1px outset #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
}

#sidebar2 blockquote {
	margin: 1em 0;
}

#sidebar2 h2 {
	font-size: 13px;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 1em;
	padding: 2px 0;
	background-color: #333;
	border: 1px solid #CCC;
	display: block;
}

#sidebar2 h3 {
	font-size: 13px;
	text-align: center;
	margin: 1em 0 0.25em;
	padding: 0;
	color: #FFF;
	border-bottom: 1px dotted #CCC;
}

#sidebar2 p {
	text-align: center;
	margin: 0.5em 0;
}

#sidebar2 p.buy {
	text-transform: uppercase;
	margin: 1em auto 0;
	background-color: #333;
	color: #FFF;
}

#sidebar2 p.buy a {
	display: block;
	color: #CCC;
}

#sidebar2 p.buy a:hover {
	color: #FFF;
}

#sidebar2 p.buy a:active {
	background-color: #000;
}

#sidebar2 ul {
	list-style-type: none;
	padding: 0;
	margin: 1em 0;
	border-bottom: solid #DDD 1px;
}

#sidebar2 ul li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	text-indent: 2px;
}

#sidebar2 ul li a {
	padding-top: 2px;
	padding-bottom: 2px;
	color: #CCC;
	text-decoration: none;
	display: block;
}

#sidebar2 ul li a:hover {
	color: #FFF;
	background-color: #999;
}

#sidebar2 ul li a:active {
	color: #FFF;
	background-color: #000;
}

#sidebar2 div.box {
	background-color: #555;
	margin: 0.5em -10px;
	padding: 5px 10px;
}

#sidebar2 div.box h2, 
#sidebar2 div.box h3,
#sidebar2 h2.box,
#sidebar2 h3.box {
	margin-top: 0;
	padding: 1px 3px;
	font-size: 14px;
	text-transform: uppercase;
	color: #FFF;
	background-color: #333;
	border: 1px solid #CCC;
	display: block;
}

#sidebar2 p.box {
	background-color: #555;
	padding: 5px 10px;
	margin: 0.5em -10px;
}

#sidebar2 div#bookinfo {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	margin: 0.5em 0;
	border: 1px solid #333;
}

#sidebar2 div#bookinfo p {
	margin: 0;
	padding: 0 3px;
}

/* @end */

/* @group Content HTML */

#content {
	margin: 0 0 0 160px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #content div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 13px 15px 2em 25px;
	border-left: solid #666 1px;
	font: 14px Optima, Candara, "Helvetica Neue", Calibri, Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.5em;
}

#content h1, #content h2 {
	color: #FFFF99;
	/*color: #3399FF;*/
	/*color: #99CCFF;*/
}

#content h1 span.subtitle {
	display: block;
}

#content blockquote {
	margin: 1em 0;
	padding: 1em;
	color: #CCC;
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
	background: url(../images-global/symbols/quotationmarks.gif) no-repeat left 7px;
	overflow: visible;
}

#content blockquote p {
	margin: 0;
	text-indent: -0.5em;
}

#content p {
	margin: 1em 0;
	text-indent: 0em;
}

#content ol {
	margin: 0.5em 0;
	padding: 0;
	list-style-position: inside;
}

#content ol p {
	text-indent: 0;
}

#content ul {
	margin: 0.5em;
	padding-left: 1em;
	list-style-position: outside;
}

#content ul h3 {
	margin: 0;
}

#content ul p {
	margin: 0;
	text-indent: 0;
}

#content a:link, #content a:visited {
	font-weight: normal;
	border-bottom: 1px dotted #999;
	/*background-color: #222;*/
}

#content a:hover, #content a:visited:hover {
	border-bottom: 1px dotted #FFF;
}

#content a:active {
	border-bottom: 1px dotted #3399FF; /*originally #CCC */
}

/* @end */

/* @group Content IDs */

#description,
#contents,
#bio,
#reviews {
	margin: 1em 0;
}

/* @group Board */

div#board ul, 
div#staff ul {
	border-top: 1px solid #666;
	margin-left: 5px;
	padding: 0;
}

div#board ul li, 
div#staff ul li {
	margin: 0 0 0 -5px;
	padding: 0.5em 0 0.5em 5px;
	border-bottom: 1px solid #555;
	list-style-type: none;
}

div#board ul li.background,
div#staff ul li.background {
	background-color: #222;
}

/*div#board ul li:hover,
div#staff ul li:hover {
	background-color: #000;
}*/

div#board ul li span.box,
div#staff ul li span.box {
	margin-left: -6px;
	border-left: 2px solid #CCC;
}

div#board ul li:hover span.box,
div#staff ul li:hover span.box {
	margin-left: -5px;
	border: 1px solid #FFFF99;
	/*border-left: 2px solid #FFFF99;*/
	color: #FFFF99;
	background-color: #000;
}

div#board ul li a:link,
div#board ul li a:visited,
div#board ul li a:hover,
div#staff ul li a:link,
div#staff ul li a:visited,
div#staff ul li a:hover {
	border: none;
	color: #99CCFF;
}

div#board ul li a:hover,
div#staff ul li a:hover {
	color: #3399FF;
}

div#board ul li a:active,
div#staff ul li a:active {
	color: #0066FF;
}



/* @end */

/* @group BookInfo */

#bookinfo {
	margin: 0 0 1em;
}

#bookinfo p {
	margin: 0;
	text-indent: 0;
}

#bookinfo p.author {
	font-style: italic;
	font-weight: normal;
}



/* @end */

/* @group Bio */

#bio {
	padding: 1.4em 0 0;
	border-top: 1px solid #CCC;
	/*background-color: #EEE;*/
}

#bio p {
	margin: 0;
	text-indent: 0;
	/*color: #000;*/
	/*font-family: Optima, Candara, "Helvetica Neue", Calibri, Arial, Helvetica, Geneva, sans-serif;*/
}

#bio p span.author {
	font-size: 12px;
	text-transform: uppercase;
	background-color: #000;
	color: #FFF;
	/*border: 1px solid #FFF;*/
	padding: 1px 3px;
	font-style: normal;
}

/* @end */

/* @group Contents */

#contents span.author {
	font-style: normal;
	font-weight: normal;
	color: #CCC;
}

/* @end */

/* @group News */

#content #news blockquote {
	margin: 0;
	padding: 1em;
	color: #CCC;
	border: none;
	text-indent: -8px;
	background: url(../images-global/symbols/quotationmarks.gif) no-repeat left 7px;
	overflow: visible;
}



/* @end */

/* @end */

/* @group Content Classes */

/* @group DIV Listing */

#content div.listing {
	display: block;
	margin: 0.25em 0;
	padding: 0.5em;
	z-index: 1;
	min-height: 95px;
	background-color: #444;
	border: 1px solid #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#content div.listing:hover {
	background-color: #000;
	border: 1px solid #666;
	/*-webkit-box-shadow: 0px 0px 5px #666;
	-moz-box-shadow: 0px 0px 5px #666;*/
	/*margin-right: -13px;
	margin-left: -23px;
	padding-right: 13px;
	padding-left: 23px;*/
	/*border-left: #999 3px solid;
	border-right: #999 3px solid;*/
}

#content div.listing h2 {
	margin: 0;
	/*color: #FFF;*/
}

#content div.listing h2 span.subtitle {
	display: block;
	font-weight: normal;
	text-transform: none;
}

#content div.listing p {
	margin: 0;
	text-indent: 0em;
	font-family: Optima, Candara, "Helvetica Neue", Arial, sans-serif;
}

#content div.listing p.author {
	font-style: normal;
}

#content div.listing p.links {
	margin-top: 0.5em;
}



/* @end */

#content div.box {
	background: #555;
	border: 1px inset #666;
	margin: 1.4em 0;
	padding: 0.5em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;*/
}

#content div.box h2, #content div.box h3 {
	margin-top: 3em;
	padding: 2px 6px;
	font-size: 14px;
	text-transform: uppercase;
	color: #FFF;
	background-color: #333;
	border: 1px solid #CCC;
	display: inline;
}

#content div.box p {
	margin-bottom: 0;
}

#content p.box {
	margin: 1.4em 0;
	font-family: Optima, Candara, "Helvetica Neue", Calibri, Arial, Helvetica, Geneva, sans-serif;
	text-indent: 0;
	background-color: #666;
	border: 1px inset #555;
	padding: 10px;
	margin-top: 1.4em;
	margin-bottom: 1.4em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#content p.first, 
#content h1 + p, 
#content h2 + p, 
#content h3 + p,
#content ul + p,
#content ol + p,
#content div + p,
#content blockquote + p,
#content p.quote + p,
#content div#description > p:first-child {
	text-indent: 0;
	margin-top: 0.5em;
}

#content p.info {
	text-transform: uppercase;
	background-color: #666;
	color: #FFF;
	border: 1px solid #CCC;
	padding: 2px 5px 2px;
	font-style: normal;
	font-size: 0.75em;
	line-height: 1em;
	display: inline;
	float: right;
	margin-top: 0.25em;
}

#content p.links {
	margin: 0.5em 0 0.25em 0;
	text-indent: 0;
}

#content p.links a {
	padding: 2px 4px;
	color: #CCC;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #333;
	border: #999 1px solid;
	font: bold 12px Optima, Candara, "Helvetica Neue", Arial, sans-serif;
}

#content p.links a:hover {
	color: #FFF;
	background-color: #0000CC; /* was 0066FF */
}

#content p.links a:active {
	color: #FFF;
	background-color: #333;
}

#content p.links span.published {
	margin-left: 1em;
	padding: 2px 4px;
	color: #CCC;
	background-color: #000; /* was 0066FF */
	text-transform: uppercase;
	text-decoration: none;
	border: #666 1px solid;
	font: bold 12px Optima, Candara, "Helvetica Neue", Arial, sans-serif;
}

#content p.navigation {
	margin: 1.4em 0;
	padding: 0.25em 0;
	font-family: Optima, Candara, "Helvetica Neue", Calibri, Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.8em;
	text-indent: 0;
	text-align: center;
	text-transform: uppercase;
	color: #AAA;
	background-color: #666;
	border: 1px solid #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#content p.navigation:hover {
	border: 1px solid #CCC;
}

#content p.navigation:active {
	background-color: #000;
}

#content p.navigation a:link, #content p.navigation a:visited {
	color: #AAA;
	text-decoration: none;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#content p.navigation a:hover, #content p.navigation a:visited:hover {
	color: #FFF;
	text-decoration: none;
	border: none;
}

#content p.navigation a:active {
	color: #FFF;
	text-decoration: none;
	border: none;
}

#content p.tightleft {
	text-indent: 0;
}

#content ul.space li,
#content ul li.space {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/* @end */

/* @group Content Spans */

#content p span.box {
	text-transform: uppercase;
	font-style: normal;
	font-size: 0.75em;
	color: #FFF;
	background-color: #666;
	border: 1px solid #CCC;
	padding: 1px 3px 0;
	line-height: 1em;
	display: inline;
	margin-top: 0.25em;
}

#content p span.info {
	text-transform: uppercase;
	background-color: #666;
	color: #FFF;
	border: 1px solid #CCC;
	padding: 2px 5px 2px;
	font-style: normal;
	font-size: 0.75em;
	line-height: 1em;
	display: block;
	float: right;
	margin-top: 0.25em;
}

#content p span.info a:hover {
	border: none;
}

#content p span.note {
	text-transform: uppercase;
	font-style: normal;
	font-size: 0.75em;
	color: #FFF;
	background-color: #666;
	border: 1px solid #CCC;
	padding: 1px 3px 0;
	line-height: 1em;
	display: inline;
	margin-top: 0.25em;
}

#content p.box span.note {
	background-color: #333;
}

/* @end */

/* @group Forms */

#content form {
	margin: 0;
	padding: 0;
	width: 100%; /* 560px */
}

#content fieldset {
	background-color: #555;
	border: 1px solid #999;
	margin: 1em 0;
	padding: 0.5em 0.5em 0.25em 0;
}

#content fieldset.submit {
	margin: 0;
	padding: 0;
	/*padding-left: 138px;*/
	color: #CCC;
	background-color: transparent;
	border: none;
}

#content fieldset div.box {
	display: block;
	float:  right;
	width: 125px;
	height: 20px;
	margin: 0.25em 0 0.5em 10px;
	padding: 0;
	background-color: transparent;
	border: none;
}

#content fieldset div.box p, #content fieldset div.box h2 {
	font: normal 12px/14px Optima, Candara, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#content fieldset span.small {
	display: block;
	font: normal 12px Optima, Candara, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #CCC;
	margin: 0.25em 0 1em 135px;
}

#content legend {
	text-transform: uppercase;
	font: normal 0.6em Optima, Candara, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1em;
	font-weight: bold;
	margin-left: 135px;
	padding: 2px 6px;
	color: #FFF;
	background-color: #444;
	border: 1px solid #999;
}

#content label {
	margin-top: 0.5em;
	font: normal 0.75em Optima, Candara, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	/*background-color: #333;*/
	line-height: 1em;
	text-transform: uppercase;
	text-align: right;
	display: block;
	float: left;
	width: 125px;
	height: 20px;
	padding-right: 10px;
}

#content fieldset.submit label {
	text-transform: none;
}

#content div.box + label {
	margin-top: 0.75em;
}

#content label.inline  {
    display: inline;
    float: none;
    }


#content input {
	background-color: #DDD;
	padding: 2px;
	text-indent: 2px;
	border: 1px inset #FFF;
	width: 250px;
	margin-bottom: 0.25em;
}

#content input:hover, #content input:focus {
	background-color: #FFF;
}

#content input.text {
	display: block;
}

#content input.submit {
	margin: 0;
	padding: 2px 4px;
	font-family: Optima, Candara, "Helvetica Neue", Calibri, Arial, Helvetica, Geneva, sans-serif;
	background-color: #000;
	color: #FFF;
	width: auto;
	border: 1px outset #CCC;
}

#content input.submit:hover {
	background-color: #0066FF;
}

#content input.submit:active {
	background-color: #000;
}

#content select {
	background-color: #FFF;
	margin: 0;
	padding: 0;
}

#content select:hover, #content select:focus {
	background-color: #FFF;
}

/* @end */

/* @group Images */

a img {
	border: none;
}

a img:hover {
	/*border: 1px solid #b3eeff;*/
	/*outline: 1px solid #b3eeff;*/
}

#sidebar2 img {
	border: 2px solid #333;
	margin-bottom: 1em;
	-webkit-box-shadow: 0px 5px 10px #333;
	-moz-box-shadow: 0px 5px 10px #333;
}

#sidebar2 img:hover {
	border-color: #999;
}

#content div.listing img {
	float: right;
	margin: 0.5em;
	border: none;
}

#content div.listing img:hover {
	outline: 2px solid #fff;
}

#content a[rel="gb_image[]"] img {
	outline: 1px solid #999;
}

#content a:hover[rel="gb_image[]"] img {
	outline: 1px solid #b3eeff;
}

/* @end */

/* @group Specific Purpose */

#catalogImage {
	background: url(../catalog/images/catalog2009-black.jpg) no-repeat center center;
}

#catalogImage img { /* hides image so that it can be selected by stylesheet */
	visibility: hidden;
}

#subregionMap {
	background: url(../subregion/images/subregion-black.gif) no-repeat center center;
	clear: right;
}

#subregionMap img { /* hides image so that it can be selected by stylesheet */
	visibility: hidden;
}

a[href="catalog/pdf/Catalog2009.pdf"] {
	display:block;
	float:right;
	width:138px;
	height:104px;
	margin-bottom: 1em;
	background: url(/catalog/images/catalog2009small.jpg) 0 0;
}

a[href="catalog/pdf/Catalog2009.pdf"]:hover {
	background: url(/catalog/images/catalog2009small.jpg) 0 -104px;
}

img[src="catalog/images/catalog2009smallnormal.jpg"] {
	display:none;
}


/* @end */