/* @group defaults */

/* @group defaults.body */
body { margin: 2em auto; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; background: none; font-size: 10pt; line-height: 1.5; }
/* @end defaults.body */

/* @group defaults.typography */
h2, h3 { text-transform: uppercase; }
/* @end defaults.typography */

/* @group defaults.hr */
hr {  background: #fff; color: #fff; clear: both; float: none; width: 100%;  height: 0.1em; margin: 0 0 1.45em;  border: none; }
hr.space { visibility: hidden; }
hr.ie6 { display: none; }
hr.divider { background-color: #DCEBFF; height: 1px; width: 50%; margin: 2.5em auto; }

/* @end defaults.hr */
/* @end defaults */

/* GRID LAYOUT  */
/* @group grid */
/* Based on the Blueprint/grid.css 
	* 24 columns of 30px width + 10px margins
*/
.container { width: 960px; margin: 0 auto; }

/* @group grid.span */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 { float: left; margin-right: 10px; }
.last, div.last { margin-right: 0; }

.span-1  { width:  30px; }
.span-2  { width:  70px; }
.span-3  { width: 110px; }
.span-4  { width: 150px; }
.span-5  { width: 190px; }
.span-6  { width: 230px; }
.span-7  { width: 270px; }
.span-8  { width: 310px; }
.span-9  { width: 350px; }
.span-10 { width: 390px; }
.span-11 { width: 430px; }
.span-12 { width: 470px; }
.span-13 { width: 510px; }
.span-14 { width: 550px; }
.span-15 { width: 590px; }
.span-16 { width: 630px; }
.span-17 { width: 670px; }
.span-18 { width: 710px; }
.span-19 { width: 750px; }
.span-20 { width: 790px; }
.span-21 { width: 830px; }
.span-22 { width: 870px; }
.span-23 { width: 910px; }
.span-24, div.span-24 { width: 950px; margin-right: 0; }
/* @end grid.span */

/* @group grid.xspan */
.span-1x,  .xspan-1  { width:  40px; }
.span-2x,  .xspan-2  { width:  80px; }
.span-3x,  .xspan-3  { width: 120px; }
.span-4x,  .xspan-4  { width: 160px; }
.span-5x,  .xspan-5  { width: 200px; }
.span-6x,  .xspan-6  { width: 240px; }
.span-7x,  .xspan-7  { width: 280px; }
.span-8x,  .xspan-8  { width: 320px; }
.span-9x,  .xspan-9  { width: 360px; }
.span-10,  .xspan-10 { width: 400px; }
.span-11,  .xspan-11 { width: 440px; }
.span-12x, .xspan-12 { width: 480px; }
.span-13x, .xspan-13 { width: 520px; }
.span-14x, .xspan-14 { width: 560px; }
.span-15x, .xspan-15 { width: 600px; }
.span-16x, .xspan-16 { width: 640px; }
.span-17x, .xspan-17 { width: 680px; }
.span-18x, .xspan-18 { width: 720px; }
.span-19x, .xspan-19 { width: 760px; }
.span-20x, .xspan-20 { width: 800px; }
.span-21x, .xspan-21 { width: 840px; }
.span-22x, .xspan-22 { width: 880px; }
.span-23x, .xspan-23 { width: 920px; }
.span-24x, div.span-24x, .xspan-24, div.xspan-24 { width: 960px; margin-right: 0; }
/* @end grid.xspan */

/* @group grid.append */
.append-1  { padding-right:  40px; }
.append-2  { padding-right:  80px; }
.append-3  { padding-right: 120px; }
.append-4  { padding-right: 160px; }
.append-5  { padding-right: 200px; }
.append-6  { padding-right: 240px; }
.append-7  { padding-right: 280px; }
.append-8  { padding-right: 320px; }
.append-9  { padding-right: 360px; }
.append-10 { padding-right: 400px; }
.append-11 { padding-right: 440px; }
.append-12 { padding-right: 480px; }
.append-13 { padding-right: 520px; }
.append-14 { padding-right: 560px; }
.append-15 { padding-right: 600px; }
.append-16 { padding-right: 640px; }
.append-17 { padding-right: 680px; }
.append-18 { padding-right: 720px; }
.append-19 { padding-right: 760px; }
.append-20 { padding-right: 800px; }
.append-21 { padding-right: 840px; }
.append-22 { padding-right: 880px; }
.append-23 { padding-right: 920px; }
/* @end grid.append */

/* @group grid.prepend */
.prepend-1  { padding-left:  40px; }
.prepend-2  { padding-left:  80px; }
.prepend-3  { padding-left: 120px; }
.prepend-4  { padding-left: 160px; }
.prepend-5  { padding-left: 200px; }
.prepend-6  { padding-left: 240px; }
.prepend-7  { padding-left: 280px; }
.prepend-8  { padding-left: 320px; }
.prepend-9  { padding-left: 360px; }
.prepend-10 { padding-left: 400px; }
.prepend-11 { padding-left: 440px; }
.prepend-12 { padding-left: 480px; }
.prepend-13 { padding-left: 520px; }
.prepend-14 { padding-left: 560px; }
.prepend-15 { padding-left: 600px; }
.prepend-16 { padding-left: 640px; }
.prepend-17 { padding-left: 680px; }
.prepend-18 { padding-left: 720px; }
.prepend-19 { padding-left: 760px; }
.prepend-20 { padding-left: 800px; }
.prepend-21 { padding-left: 840px; }
.prepend-22 { padding-left: 880px; }
.prepend-23 { padding-left: 920px; }
/* @end grid.prepend */
/* @end grid */

/* GENERAL */
a img { border: none; }
img.dropshadow { background: url("/images/dropshadow.gif") no-repeat right bottom; padding: 10px 15px 15px 10px; }
/* Hiding things from printout */

#main-content { float: left; width: 960px; background: #fff url('/images/page-background.png') repeat-y scroll top center;  }
#main-content p a:hover img { text-decoration: none; }
#main-content h2,
#main-content h3 { text-transform: uppercase; }
#main-content img.dropshadow { margin: 3em auto; }

#main-content #left-page{ text-align: center; /*border-right: 1px solid #ddd;*/ }
#main-content #right-page { padding-top: 2em;  }

p.footer { font-size: 8pt; color: #666; text-align: left; }
/* @group site.developer.credit */
p#credit { font-family: "Helvetica Neue", Helvetica, "Trebuchet MS", sans-serif;  margin: 1em; text-align: left;  }
p#credit a, p#credit a:link, p#credit a:visited { color: #666; text-decoration: none; font-weight: normal; }
p#credit a strong, p#credit a:link strong, p#credit a:visited strong { color: #666; font-weight: bold; }
p#credit a:hover, p#credit a:hover strong { color: #000;}
/* @end site.developer.credit */

/* HOME PAGE */
#home #main-content h1 { display: inline; }
#home #main-content #right-page #panels div.panel { margin-bottom: 10px; }
/* root element for tabs  */
#tabs ul { margin:0 !important; padding:0; height:30px; border-bottom: 1px solid #ededed; }
/* single tab */
#tabs ul li { float:left; list-style-type: none; padding:0px; margin:0; }
/* link inside the tab. uses a background image */
#tabs ul li a { float:left; display:block; padding:5px 20px; text-decoration:none; border-bottom:0px; height:18px; color: #20527D; margin-left:2px; margin-right:2px; position:relative; top:1px; }
#tabs ul li a:hover { background-color:#F1F1F1; color:#333; }
/* selected tab */
#tabs ul li a.current { color: #27679C; cursor:default; border-bottom: 2px solid #fff; }
/* tab pane */
#panels div.panel { min-height:150px; padding:15px 20px 15px 0px; }
#panels div.panel { display: block !important; visibility: visible !important; }

img#amazon-logo { padding: 10px 0; }
a img.pdf-icon { float: right; margin:-15px 40px 1.5em 1.5em; }

/* CONTACT PAGE */
/* @group pages.contact */
#contact div.vcard { padding: 2em; margin: 0em 0em 0em 0em; border: 1px solid #ededed; background: none; }
#contact div.vcard span.fn  { font-weight: bold; font-size: 110%; }
#contact div.vcard div.adr { margin: 0em 0 1em 0; }
#contact div.vcard span { padding: 2px 0; }
#contact div.vcard span.type { visibility: hidden; }
#contact div.vcard div span.tel { font-weight: bold; }
#contact div.vcard span a.email { font-weight: bold; text-decoration: none; }
#contact div.vcard span.hcard_ref a { font-size: 60%; font-weight: normal; text-decoration: none; }
#contact div.vcard span.myp { display: block; margin: 0.5em 0; }
#contact div.vcard div.org { margin-bottom: 10px; font-weight: bold; }
#contact div.vcard div.contact-name { font-weight: bold; }
#contact div.vcard div.contact-name span { margin-left: 5px; font-weight: normal; }
/*#contact #main-content img.dropshadow { background: url("/images/dropshadow.gif") no-repeat right bottom; padding: 10px 15px 15px 10px; }*/
/* @end pages.contact */