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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
     border: 0;
     outline: 0;
     vertical-align: baseline;
     margin: 0;
     padding: 0;
}
 a,a:link {
     outline: none;
}
 html {
    /* url(../images/btm-fade.gif) */
     background: repeat-x 0 100% #747C93;
}
/* 363E55 5b544e */
 body {
     width: 100%;
     height: 100%;
     color: #333;
     text-align: center;
    /* font-size: 100.01%;
     */
     font-size: 18px;
     min-width: 770px;
     padding: 0;
     margin: 24px 0;
}
 .b4-banner {
     color: #ddd;
     font: 90% 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     margin: -10px 0 20px 490px;
}
 .b4-banner a {
     color: #ddd;
     text-decoration: none;
     margin-left: 15px;
}
 .b4-banner a:hover, .b4-banner a:active, .b4-banner a:focus {
     color: #fff;
     text-decoration: none;
}
 .b4-banner a i {
     margin-right: 3px;
}
 #titles {
     padding-top: 1em;
}
 table,td {
     font: 16px 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     color: #314048;
}
 #wrapper {
     width: 770px;
     position: relative;
     background-color: #EEF1E7;
     border: 4px solid #EEF1E7;
     text-align: left;
     margin: 0 auto;
}
 #banner {
     width: 770px;
     height: 225px;
     background-image: url(../images/header.jpg);
     background-repeat: no-repeat;
     background-color: #132442;
}
 #banner img {
     width: 225px;
     height: 225px;
     border-right: 4px solid #EEF1E7;
}
 #banner h1 {
     padding-top: 84px;
     font-family: 'Droid Serif', Georgia, Times,"Times New Roman", serif;
     font-size: 3.5em;
     font-weight: 500;
     margin: 0 0 0 310px;
     text-shadow: 2px 2px 1px rgba(128, 128, 128, 1);
}
 #banner a:link,#banner a:visited,#banner h1 a:link,#banner h1 a:visited {
     display: block;
     text-decoration: none;
     color: #FFF;
}
 #banner h1 a:hover, #banner h1 a:active, #banner h1 a:focus {
    /* color: #132442;
     */
     color: #F5E47C;
     text-shadow: 2px 2px 1px rgba(55, 55, 55, .5);
}
 #content {
     width: 543px;
     margin: 20px 210px 20px 12px;
}
 #content.wide {
     width: auto;
     margin: 0 80px 20px 60px;
}
 #content.up {
     margin-top: -20px;
}
 #content p,#content .content-main p,#content .content-mainly p,#content .content-sub p,#content .content-extra p,#content ul,#content dl,#content ol,#content pre,#panelcontainer {
     color: #141414;
     line-height: 1.6;
     margin: 10px 0 0 10px;
     padding: 0;
}
 #content p.next {
     text-indent: 15px;
     margin: 0 0 0 10px;
}
 #content h1, #content h1 a {
     font-size: 27px;
     padding: 0 0 3px;
}
 #content h1 a:link,#content h1 a:visited {
     text-decoration: none;
     border-bottom: olive;
     border-style: none none dotted;
     border-width: 0 0 1px;
}
 #content h1 a:hover {
    /* color: #ABCE9B;
     */
     color: #5E9FD5;
     text-decoration: none;
     border: none;
}
 #content h2 {
     font-size: 1.5em;
     text-transform: capitalize;
     margin: 0 0 .33em;
     padding: .25em 0;
}
 #content h3 {
     font-size: 1.38em;
     border-bottom-style: dotted;
     margin: 0 0 .25em;
     padding: .125em 0;
}
 #content h4 {
     font-size: 1.25em;
     border-bottom-style: dotted;
     margin: .5em 0 0;
}
 #content h5 {
     font-size: 1.11em;
     font-weight: 700;
     border-bottom-style: groove;
     margin: .5em 0 0;
}
 #content h6 {
     font-size: 1.05em;
     border-bottom-style: none;
     font-weight: 600;
     margin: .5em 0 0;
     padding: .5em 0 0 .5em;
}
 #content h3,#content h4,#content h5,#content h6 {
     border-bottom-width: 1px;
     border-bottom-color: #777;
}
 #content h5.ninety {
     border-bottom-style: groove;
     width: 90%;
}
 #content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {
     color: #0F004C;
     font-weight: 500;
     margin: 10px 15px 0 10px;
}
 #content #main {
     float: right;
     width: 400px;
     margin: 10px 0 0 10px;
}
 #content .content-group {
     width: 543px;
     margin: 0;
}
 #content .content-sub {
     width: 180px;
     margin: 0 -3px 1em 0;
     font: 14px 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
 #content .content-main {
     width: 343px;
     margin: 0 0 1em;
}
 #content .content-extra {
     width: 250px;
     margin: 0 -3px 1em 0;
}
 #content .content-mainly {
     width: 273px;
     margin: 0 0 1em;
}
 img {
     border-width: 0;
}
 .left {
     float: left;
     margin: 5px 20px 5px 0;
}
 .atleft {
     float: left;
     position: relative;
     margin: .25em 1.5em .66em 0;
}
 .right {
     float: right;
     margin: 5px 10px 0 20px;
}
 .leftist {
     float: left;
     position: relative;
     margin: .75em 1.5em .66em 0;
}
 .topside {
     margin: 15px 0 0;
}
 .block {
     display: block;
     margin: 1em 0;
}
 .flush {
     display: block;
     margin: 0 0 -1em;
}
 #content ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 #content ul.spacious {
     list-style: none;
     margin: 10px 0;
     padding: 0;
}
 #content ul li, #book ul li {
     line-height: 1em;
     background-repeat: no-repeat;
     background-position: 0 50%;
     margin: 0 0 1em 10px;
     padding: 0;
}
 #content ul li.tight {
     line-height: 1em;
     margin: -.67em 0 1em 10px;
     padding: 0;
}
 #content ul li a {
     padding-left: 20px;
     text-decoration: underline;
     font-weight: normal;
}
 #content ul li a:hover,#content ul li a:focus {
     color: #000;
     text-decoration: none;
     background-color: transparent;
}
 #enlarge,#link1 {
     background-image: url(../images/icon_link_1.gif);
}
 #read,.icon-book {
     background-image: url(../images/icon_book.gif);
}
 #listen,.listen {
     background-image: url(../images/icon_audio.gif);
}
 #flickr {
     background-image: url(../images/flickr-logo-trans.gif);
}
 #link {
     background-image: url(../images/icon_link.gif);
}
 #link2 {
     background-image: url(../images/icon_link_2.gif);
}
 #toc table {
     border: none;
     width: 90%;
     margin: 10px 15px 0 10px;
}
 #toc td {
     white-space: nowrap;
     padding: .33em;
}
 #toc ul {
     padding: 1.33em 0 0 1.33em;
}
 #toc ul.snippets {
     padding: 1.33em 0 0;
}
 #content .table td h2 {
     color: #4F4F4F!important;
     margin: 0;
     padding: 0;
}
 #content .table caption {
     font: 167% normal Cambria, Georgia, "Times New Roman", Times, serif;
     color: #41515A;
     margin: 0;
     padding: 24px 0 .5em;
}
 .table caption em {
     color: gray;
}
 table {
     max-width: 100%;
     border-collapse: collapse;
     border-spacing: 0;
}
 .table {
     width: 98%;
     margin: 0 0 18px 10px;
}
 .table th, .table td {
     padding: 8px;
     line-height: 18px;
     text-align: left;
     border-top: 1px solid #ddd;
}
 .table th {
     font-weight: bold;
     vertical-align: bottom;
     text-align: center;
}
 .table td {
     vertical-align: top;
}
 .table thead:first-child tr th, .table thead:first-child tr td {
     border-top: 0;
}
 .table tbody + tbody {
     border-top: 2px solid #ddd;
}
 .table-condensed th, .table-condensed td {
     padding: 4px 5px;
}
 .table-bordered {
     border: 1px solid #ddd;
     border-collapse: separate;
     *border-collapse: collapsed;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
}
 .table-bordered th + th, .table-bordered td + td, .table-bordered th + td, .table-bordered td + th {
     border-left: 1px solid #ddd;
}
 .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
     border-top: 0;
}
 .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
     -webkit-border-radius: 4px 0 0 0;
     -moz-border-radius: 4px 0 0 0;
     border-radius: 4px 0 0 0;
}
 .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
     -webkit-border-radius: 0 4px 0 0;
     -moz-border-radius: 0 4px 0 0;
     border-radius: 0 4px 0 0;
}
 .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child {
     -webkit-border-radius: 0 0 0 4px;
     -moz-border-radius: 0 0 0 4px;
     border-radius: 0 0 0 4px;
}
 .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child {
     -webkit-border-radius: 0 0 4px 0;
     -moz-border-radius: 0 0 4px 0;
     border-radius: 0 0 4px 0;
}
 .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
     background-color: #dadec3;
}
 .table-striped tr.no-stripe td {
     background-color: inherit !important;
}
 .table-striped th, .table-striped td {
     font-size: 14px;
}
 .table-striped th {
     font-weight: normal;
}
 #cover img,#widecover img {
     border: none;
     margin: 20px 0 10px;
}
 #media img {
     margin: 20px 0 0;
}
 #panelcontainer {
     width: 520px;
     padding-top: 5px;
     padding-bottom: 5px;
}
 .panel {
     float: left;
     width: 160px;
}
 .panelcaption {
     margin-top: 10px;
     margin-bottom: 20px;
     width: 160px;
}
 .boxes {
     background-color: #EBEDDF;
     border: 1px solid #363E55;
     padding-bottom: 3px;
     margin: 10px 5px;
    /* font-size: 85%;
     */
}
 .boxes h3 {
     background-color: #363E55;
     font-size: larger;
    /* font-family: 'Droid Serif', Georgia, Times,"Times New Roman", serif;
     */
     text-align: center;
    /* border-bottom: 1px solid #4F4F4F;
     */
     color: #fff;
     margin: 0;
     padding: 2px 0 4px;
}
 .boxes p {
     font-size: 16px;
     background-color: transparent;
     margin: 5px 3px 3px 5px;
     padding: 0;
}
 .boxes a {
     font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     padding: 0 2px 0 4px;
    /* display: block;
     */
    /* width: 8em;
     */
     margin: 4px 0 8px;
}
 .boxes a:link,.boxes a:visited {
    /* font: 85% 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     */
    /* background-color: #777;
     */
    /* color: #fff;
     */
     text-decoration: none;
}
 .boxes a:hover,.boxes a:focus {
    /* font: 85% 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     */
     background-color: #363E55;
     color: #fff;
     text-decoration: none;
}
 .image {
     text-align: center;
}
 .image a:link,.image a:hover,.image a:visited {
     text-decoration: none;
     background-color: transparent;
}
 #navbox {
     float: right;
     width: 180px;
     margin-right: 5px;
     background-color: #DADEC3;
     border: 1px solid #363E55;
     margin-bottom: 20px;
     margin-top: 20px;
}
 #navbox h2 {
     font-size: 18px;
     background-color: #363E55;
    /* font-family: 'Droid Serif', Georgia, Times,"Times New Roman", serif;
     */
     text-align: center;
     border: 1px solid #363E55;
     color: #fff;
     margin: 4px 5px 6px;
     padding: 2px 0 4px;
}
 #navbox ul {
     list-style-type: none;
     list-style-position: outside;
     color: #e8ecd3;
     font-weight: 700;
     font-size: 16px;
     background-color: #363E55;
     margin: 0 5px;
     padding: 15px 0 5px 10px;
}
 #navbox ul.last {
     margin-bottom: 10px;
}
 #navbox h2#special {
     background-color: #333;
    /* font-family: 'Droid Serif', Georgia, Times,"Times New Roman", serif;
     */
     border: 1px solid #333;
     color: #fff;
     margin: 4px 5px 6px;
     padding: 2px 0;
}
 #navbox ul li {
    /* line-height: 1.33;
     font-size: 13px;
     */
     margin: 0;
     padding: 0;
}
 #navbox ul li ul {
     border: none;
     padding: 0 0 0 5px;
}
 #navbox ul li ul li {
     list-style-type: square;
     line-height: 1.2;
    /* font-size: 100%;
     */
     margin: 5px 0 5px 5px;
     padding: 0;
}
 #navbox ul li a {
    /* color: #ABCE9B;
     */
     color: #B0C1CA;
     font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     text-decoration: none;
    /* font-size: 13px;
     */
}
 #navbox ul li a:hover,#navbox ul li a:focus {
    /* color: #ABCE9B;
     */
     color: #fff;
     text-decoration: underline;
}
 #navbox ul.prices, #navbox ul.prices ul {
     background-color: #030;
     margin-bottom: 6px;
}
 #navbox ul.prices li {
     margin: 6px 3px;
}
 #clearbox {
     float: right;
     width: 180px;
     margin-right: 5px;
     background-color: transparent;
     margin-bottom: 20px;
     margin-top: 10px;
}
 #footer {
     width: 770px;
     clear: right;
     background-color: #4F4F4F;
    /* font-size: 13px;
     */
     text-align: right;
     margin-top: 30px;
}
 #footer ul {
     margin: 0;
     padding: 6px 0;
}
 #footer p {
     color: #4E4E4E;
     background-color: #9F9F9F;
     border-top: 1px solid #000;
     border-bottom: 1px solid #000;
     margin: 0;
     padding: 4px;
}
 #footer ul li {
     display: inline;
     margin: 0 10px 0 0;
     padding: 2px 4px 2px 2px;
     color: #ccc;
}
 #footer a {
     color: #fff;
     text-decoration: underline;
     padding: 0 1em;
     font-weight: normal !important;
}
 #footer a:hover, #footer a:focus {
     text-decoration: none;
     color: #4E4E4E;
}
 #footer ul li a:hover, #footer ul li a:focus {
     color: #D6CEB2;
}
 #formcontainer {
     width: 500px;
     margin: 20px 5px 20px 35px;
}
 #formcontainer ::-webkit-input-placeholder {
    /* Chrome and Safari */
     color: #B0C1CA !important;
}
 #formcontainer :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
     color: #B0C1CA;
     opacity: 1;
}
 #formcontainer ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
     color: #B0C1CA;
     opacity: 1;
}
 #formcontainer :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
     color: #B0C1CA;
}
 #formcontainer ::-ms-input-placeholder {
    /* Microsoft Edge */
     color: #B0C1CA;
}
 #formcontainer h1 {
     font-size: 167%;
     color: #41515A;
     font-weight: 500;
     margin: 10px 15px 0 0;
     padding: 0 0 20px;
}
 #formcontainer p {
    /* font-size: 80%;
     */
     margin: 0 0 20px;
     padding: 0;
}
 #formcontainer input {
    /* background-color: #ABCE9B;
     */
     background-color: #B0C1CA;
     color: #414F4B;
     border: 1px solid #4C5854;
     font-size: 16px;
     margin: 0;
     width: 50%;
}
 #formcontainer input.remove {
     border: none;
     margin: 0;
}
 #formcontainer textarea {
     background-color: #B0C1CA;
     color: #556660;
     border: 1px solid #4C5854;
     margin: 0 25px 0 0;
     font-size: 15px;
     width: 90%;
}
 #formcontainer input:focus,#formcontainer textarea:focus {
     background-color: #4F4F4F;
     color: #fff;
}
 .labelfloat {
     float: right;
     padding-top: 20px;
}
 #formcontainer label {
     color: #4F4F4F;
    /* font-size: 75%;
     */
     padding-top: 5px;
     display: block;
     margin-bottom: 6px;
}
 #formcontainer fieldset {
     border: 1px solid #4A664A;
     text-align: left;
     margin: 0;
     padding: 5px 5px 20px 20px;
}
 #formcontainer fieldset fieldset {
    /* width: 80%;
     */
     border: none;
     padding: 0;
}
 #formcontainer legend {
     color: #4f4f4f;
     font-weight: 700;
     font-family: 'Droid Serif', Georgia, Times,"Times New Roman", serif;
     background-color: #EAEEDD;
     border: 1px solid #000;
    /* font-size: 90%;
     */
     padding: 4px 10px;
}
 #formcontainer input[type=submit].button {
     font-size: larger;
     color: #fff;
     width: auto!important;
     margin-top: 20px;
     padding: 3px 10px;
     background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
     background-repeat: repeat-x;
     border-color: #3e8f3e;
}
 #formcontainer input[type=submit].button:hover, #formcontainer input[type=submit].button:focus {
     background-color: #519641;
     background-position: 0 -15px;
}
 .error {
     color: red;
     margin: -12px 0 6px;
}
 ul.nobullet {
     list-style-type: none;
     padding-left: 0;
     margin: 0;
}
 ul.nobullet li {
     padding-left: 0;
     margin: 6px 0;
}
 dl.tablestyle1,dl.tablestyle2 {
     width: 100%;
    /* font-size: 85%;
     */
     margin: 1em 0 0 1em;
     float: left;
     clear: left;
}
 .tablestyle1 dt,.tablestyle2 dt {
     float: left;
     clear: left;
     width: 28%;
     white-space: nowrap;
     margin: 0 0 .5em;
}
 .tablestyle1 dd {
     float: left;
     font-weight: 500;
     width: 67.5%;
     margin: 0 0 0 2%;    
}

 .tablestyle1 dd.more {
     text-transform: none;
}


 .tablestyle2 dd {
     float: left;
     font-weight: 400;
     width: 75%;
     margin: 0 0 1.4em 3%;
}
 * html .tablestyle1 dd,* html .tablestyle2 dd {
     float: none;
     margin-left: 15%;
}
 * html .tablestyle1 dt,* html .tablestyle2 dt {
     margin: 0;
}
 .indent p {
     text-indent: 2em;
}

 #content .indent2 p {
     margin-left: 4.5em;
     text-indent: 0;
}
 #content .indent1 p {
     margin-left: 2.5em;
     text-indent: 0;
}
 #navbox li.here a, #navbox a.here {
     color: #FDAFB5;
}
 span.indent {
     margin-left: 2em;
}
 .inset {
     border: 1px inset #ddd;
}
 .outset {
     border: 1px outset #ddd;
}
 .light {
     color: #999;
}
 .dark {
     color: #4F4F4F;
}
 .solid {
     border: 1px solid;
}
 .dotted {
     border: 1px dotted;
}
 .plain {
     border: none;
}
 .clearboth {
     clear: both;
}
 img.transON {
     width: 195px;
     height: 110px;
     background-color: silver;
     opacity: .85;
     filter: alpha(opacity=85);
     -moz-opacity: 0.85;
     position: absolute;
}
 img.transOFF {
     width: 195px;
     height: 110px;
     background-color: silver;
     opacity: 1.0;
     filter: alpha(opacity=100);
     -moz-opacity: 1.0;
     position: absolute;
}
 .floatclear {
     width: 100%;
     display: table;
}
 * html .floatclear {
     height: 1%;
     width: auto;
}
 #content blockquote {
     color: #333;
     margin: 1em 0 1.5em 10px;
     padding: 0;
    font-size: 1.14em;	
}
 #content blockquote p {
  	color: #000;
    padding: 0;
}

 #content blockquote p.quote,  #content blockquote  cite {
       font-style: italic;
       font-weight: 600;
     font-size: 1.28em;	
}

 #content .indent blockquote p.quote {
     font-style: italic;
     line-height: 140%;
     margin: 1em 0 0 2em;
     text-indent: 0;
}
 #content #excerpt h4 {
     margin-top: 0;
     padding-top: 0;
     padding-bottom: 1em;
}
 #excerpt img {
     margin: 10px 0 0 10px;
     padding: 0;
}
 #content #annotation {
     margin-top: 40px;
}
 #content #annotation p {
     color: #666;
     margin: 0 40px 1em 10px;
}
 #content #annotation h3 {
     margin-bottom: 3px;
     font-size: 1.11em;
}
 pre {
     font-family: "Courier New", Courier, mono;
}
 #dragons pre {
     margin: 2.5em;
     font-size: 120%;
     color: #000;
     font-weight: 600;
}
 caption, .caption {
     color: gray;
     text-align: center;
     margin: 6px 0 1em;
}
 table.illustration {
     border: none;
     margin: 1em 0;
     padding: 0;
}
 .content-main table {
     border: none;
     margin: 20px 0 0 10px;
     padding: 0;
}
 hr {
     visibility: hidden;
     padding: 10px 0;
}
 #vpr table {
     border: none;
     margin: 20px 0;
}
 #vpr table caption {
     border: none;
     font-size: 16px;
     margin: 20px 0 0;
}
 #vpr table td {
     vertical-align: top;
     padding: .33em;
}
 #vpr table td.title,#vpr table td.date {
     white-space: nowrap;
}
 .mg-top {
     margin-top: 20px;
}
 .mg-bottom {
     margin-bottom: 20px;
}
 .mg-right {
     margin-right: 20px;
}
 li.bottom {
     margin: 1em 0 !important;
}
 .pad-left {
     padding-left: 1em;
}
 .clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}
 * html .clearfix {
     height: 1%;
}
 #yankee #content p.subtext {
     color: #666;
     margin: 0 0 1.5em 1.5em;
}
 #yankee #content h3 {
     font-size: 18px;
     margin: 0 0 0 10px;
     padding: 0 0 3px;
}
 #content .vpr-content {
     height: 800px;
     overflow: scroll;
     border: 1px solid #ddd;
     padding: 1em 1em 1em 0;
}
 #content .vpr-content li {
    /* font-size: 90%;
     */
     margin: 0 30px 2em;
     padding: 0;
     line-height: 1.4;
     text-indent: 0;
}
 #content .vpr-content li a {
     text-decoration: none;
     font-weight: 500;
}
 #content .vpr-content span.title {
     border: 0;
     display: block;
     font-size: 133%;
     padding: 0;
}
 #content .vpr-content span.date {
     display: block;
     color: gray;
     margin: 0 0 .33em;
}
 #content .vpr-content l1 {
     margin: 0 33px;
}
 img.aside {
     display: block;
     width: auto;
     max-width: 100%;
     margin: 1em 0 .5em 10px;
}
 .pikleft {
     float: left;
     position: relative;
     clear: both;
     margin: .66em 1.5em 1em 0;
}
 .thumbleft {
     float: left;
     position: relative;
     margin: .5em 1.5em .25em 0;
}
 .thumbtall {
     float: left;
     position: relative;
     margin: .5em 1.5em 1em 0;
}
 .thumbright {
     float: right;
     position: relative;
     margin: .5em 0 .25em 1.5em;
}
 .clearright {
     float: right;
     position: relative;
     clear: right;
     margin: 0;
}
 .clearleft {
     float: left;
     position: relative;
     clear: left;
     margin: 0;
}
 .topleft {
     float: left;
     position: relative;
     margin: 0 1.5em 0 0;
}
 .alright {
     float: right;
     position: relative;
     margin: .25em 0 .66em 1.5em;
}
 .rightist {
     float: right;
     position: relative;
     margin: .75em 0 .66em 1.5em;
}
 .onright {
     float: right;
     position: relative;
     margin: .33em 0 .66em 1.5em;
}
 .topright {
     float: right;
     position: relative;
     margin: -.5em 0 0 .5em;
}
 .action a:before {
     content: "\2192";
     margin-right: .3em;
}
 .raquo-1 ul li:before {
     content: "\00BB \0020";
     color: #686868;
}
 .raquo-2 ul li:after {
     content: "\0020 \00BB";
     color: #686868;
}
 .bullet-1 ul li:before {
     content: "\2022 \0020";
     color: #686868;
}
 .bullet-2 ul li:before {
     content: "\2218 \0020";
     color: #686868;
}
 .triangle-r ul li:before {
     content: "\25B8 \0020";
}
 .checkmark ul li:before {
     content: "\2713 \0020";
     color: #666;
}
 .callout {
     width: 27em;
     border: 1px solid #999;
     text-align: center;
     margin: 1em 0;
     padding: .5em 1.5em 1em;
}
 table#photos {
     margin-top: 1em;
}
 table#photos td.caption2 {
     margin: 0;
     padding: 0 0 0 20px;
}
 table#photos p {
     margin: 0;
     padding: 3px 0 0 10px;
}
 table#photos p + p {
     padding-top: 15px;
}
 #banner img,.floatleft {
     float: left;
}
 #content #synopsis h2,#yankee #content h1 {
     padding: 0 0 3px;
}
/* .panel a,#content a,#formcontainer a {
     color: #0F004C;
}
 .panel a:hover,.panel a:focus,#content a:hover,#content a:focus,#formcontainer a:hover,#formcontainer a:focus {
     color: #B0C1CA;
     background-color: #4f4f4f;
     text-decoration: none;
}
 */
 a {
     color: #428bca;
     text-decoration: none;
}
 a:hover, a:focus {
     color: #2a6496;
     text-decoration: underline;
}
 a:focus {
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
}
 html>body #navbox,html>body #clearbox {
     margin-right: 12px;
}
 #navbox ul .child,.mg-left {
     margin-left: 15px;
}
 .more,.floatright {
     float: right;
}
 .clearfix,table#photos td img {
     display: block;
}
 #content #vpr-content p.spacer,#content #vpr-content p.half_spacer {
     height: 10px;
}
 table#photos td.caption1,table#photos h2 {
     margin: 0;
     padding: 0 0 0 10px;
}
/* ================================ classes =================================== */
 .big-top {
     padding-top: 18px;
     padding-bottom: 0;
}
 .big-bottom {
     padding-bottom: 18px;
     padding-top: 0;
}
 a.imglink:link,a.imglink:visited {
     border: none !important;
}
 a.imglink:active, a.imglink:focus, a.imglink:hover {
     background: transparent;
}
 #content .dragonbox {
     background: #fff;
     border: thin #747474 solid;
     padding: 10px 20px 0 15px;
     float: left;
     overflow: auto;
     width: 90%;
     margin: 10px 0 20px 10px;
     -webkit-box-shadow: 1px 2px 4px #747474;
     -moz-box-shadow: 1px 2px 4px #747474;
     box-shadow: 1px 2px 4px #747474;
     -moz-border-radius: 9px;
     border-radius: 9px;
}
 #content .dragonbox h1 {
     font-size: 150%;
}
 #content .dragonbox img {
     float: left;
     position: relative;
     margin: .25em 1em 2.5em 0;
}
 i, .italic {
     font-style: italic;
     font-size: 103.5%;
     font-size-adjust: none;
     font-synthesis: none;
}
 h2#title {
     text-transform: none;
     font-size: 1.25em;
}
 .section, grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid2colg, .grid3col, .grid3cola, .grid3colb, .grid4col, .grid5col, .grid6col {
     zoom: 1;
}
 .group:before, .group:after {
     content: "\0020";
     display: block;
     height: 0;
     overflow: hidden;
}
 .group:after {
     clear: both;
}
/* ================================ = GRIDS =================================== */
 .column {
     float: left;
}
 .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid2colg, .grid3col, .grid3cola, .grid3colb, .grid3colc, .grid4col, .grid5col, .grid6col {
     width: 100%;
}
 .grid2col .column {
     width: 49%;
}
 .grid2col .grid2col .column {
     width: 47.8%;
}
 .grid3col .grid2col .column {
     width: 46%;
}
 .grid4col .grid2col .column {
     width: 45%;
}
 .grid2cola .column.first {
     width: 66%;
}
 .grid2cola .column.last {
     width: 32%;
}
 .grid2colb .column.first {
     width: 74.9%;
}
 .grid2colb .column.last {
     width: 23%;
}
 .grid2colc .column.first {
     width: 32%;
}
 .grid2colc .column.last {
     width: 60%;
}
 .grid2cold .column.first {
     width: 23%;
}
 .grid2cold .column.last {
     width: 74.9%;
}
 .grid2cole .column.first {
     width: 75%;
}
 .grid2cole .column.last {
     width: 19%;
}
 .grid2colf .column.first {
     width: 19%;
}
 .grid2colf .column.last {
     width: 79%;
}
/*utility nav*/
 .grid2colg .column.first {
     width: 58%;
}
 .grid2colg .column.last {
     width: 146px;
}
 .grid3col .column {
     width: 32%;
     margin-left: 2%;
}
 .grid2col .grid3col .column {
     width: 31%;
}
 .grid3cola .column {
     width: 58%;
     margin-left: 2%;
}
 .grid3cola .column.first, .grid3cola .column.last {
     width: 19%;
}
 .grid3colb .column {
     width: 32%;
     margin-left: 2%;
}
 .grid3colb .column.first {
     width: 31%;
}
 .grid3colb .column.last {
     width: 31%;
}
 .grid3colc .column {
     width: 14%;
     margin-left: 2%;
}
 .grid3colc .column.first {
     width: 32%;
}
 .grid3colc .column.last {
     width: 50%;
}
 .grid4col .column {
     width: 23%;
     margin-left: 3%;
}
 .grid5col .column {
     width: 18.4%;
     margin-left: 2%;
}
 .grid6col .column {
     width: 15%;
     margin-left: 2%;
}
 .column.first, .column.last {
     margin-left: 0 !important;
}
 .column.last {
     float: right !important;
}
/* ================================ = section =================================== */
 .section {
     float: left;
     width: 100%;
     padding: 1em 0;
}
 #content .section.group.chunx {
     margin: -3em 0 0;
     padding: 0;
}
 #content .section.group.chunx h3 {
    /* font-size: .9375em;
     */
     padding: 3px 0 0;
     margin-bottom: -.5em;
}
 .chunx .media a {
     font-style: italic;
     text-decoration: none;
}
 .none {
     display: none;
}
 #wrapper {
     width: 770px;
     position: relative;
     background-color: #EEF1E7;
     border: 4px solid #EEF1E7;
     text-align: left;
     margin: 0 auto;
}
 #book img {
     margin-bottom: 1.33em;
}
 #content #book ul li, #content #book ul li a, #navbox * {
     font: 14px 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
     font-weight: 500;
}
 .credit {
     color: #444;
     display: block;
     text-align: center !important;
     margin: 1em 0 2em;
}
 .img-responsive {
     width: 100%;
     max-width: 530px;
     height: auto;
     padding: 1em 0;
}
 .img-responsive.nopad {
     padding: 0;
     margin-top: 18px;
}
/* minimal *******************************************************************************/
 .minimal {
     background: #e3e3e3;
     border: 1px solid #bbb;
     border-radius: 3px;
     -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
     box-shadow: inset 0 0 1px 1px #f6f6f6;
     color: #333;
     font: bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;
     padding: 8px 0 9px;
     text-align: center;
     text-shadow: 0 1px 0 #fff;
     width: 150px;
}
 .minimal:hover {
     background: #d9d9d9;
     -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
     box-shadow: inset 0 0 1px 1px #eaeaea;
     color: #222;
     cursor: pointer;
}
 .minimal:active {
     background: #d0d0d0;
     -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
     box-shadow: inset 0 0 1px 1px #e3e3e3;
     color: #000;
}
/* clean gray *******************************************************************************/
 .clean-gray {
     background-color: #eeeeee;
     background-image: linear-gradient(to top, #eeeeee, #cccccc);
     border: 1px solid #ccc;
     border-bottom: 1px solid #bbb;
     border-radius: 3px;
     color: #333;
     font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
     padding: 8px 0;
     text-align: center;
     text-shadow: 0 1px 0 #eee;
     width: 150px;
}
 .clean-gray:hover {
     background-color: #dddddd;
     background-image: linear-gradient(to top, #dddddd, #bbbbbb);
     border: 1px solid #bbb;
     border-bottom: 1px solid #999;
     cursor: pointer;
     text-shadow: 0 1px 0 #ddd;
}
 .clean-gray:active {
     border: 1px solid #aaa;
     border-bottom: 1px solid #888;
     -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
     box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
/* cupid green (inspired by okcupid.com) *******************************************************************************/
 .cupid-green {
     background-color: #7fbf4d;
     background-image: linear-gradient(to top, #7fbf4d, #63a62f);
     border: 1px solid #63a62f;
     border-bottom: 1px solid #5b992b;
     border-radius: 3px;
     -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
     box-shadow: inset 0 1px 0 0 #96ca6d;
     color: #fff;
     font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
     padding: 7px 0 8px 0;
     text-align: center;
     text-shadow: 0 -1px 0 #4c9021;
     width: 150px;
}
 .cupid-green:hover {
     background-color: #76b347;
     background-image: linear-gradient(to top, #76b347, #5e9e2e);
     -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
     box-shadow: inset 0 1px 0 0 #8dbf67;
     cursor: pointer;
}
 .cupid-green:active {
     border: 1px solid #5b992b;
     border-bottom: 1px solid #538c27;
     -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
     box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
}
/* cupid blue (inspired by okcupid.com) *******************************************************************************/
 .cupid-blue {
     background-color: #d7e5f5;
     background-image: linear-gradient(to top, #d7e5f5, #cbe0f5);
     border-top: 1px solid #abbbcc;
     border-left: 1px solid #a7b6c7;
     border-bottom: 1px solid #a1afbf;
     border-right: 1px solid #a7b6c7;
     border-radius: 12px;
     -webkit-box-shadow: inset 0 1px 0 0 white;
     box-shadow: inset 0 1px 0 0 white;
     color: #1a3e66;
     font: normal 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
     padding: 6px 0 7px 0;
     text-align: center;
     text-shadow: 0 1px 1px #fff;
     width: 150px;
}
 .cupid-blue:hover {
     background-color: #ccd9e8;
     background-image: linear-gradient(to top, #ccd9e8, #c1d4e8);
     border-top: 1px solid #a1afbf;
     border-left: 1px solid #9caaba;
     border-bottom: 1px solid #96a3b3;
     border-right: 1px solid #9caaba;
     -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2;
     box-shadow: inset 0 1px 0 0 #f2f2f2;
     color: #163659;
     cursor: pointer;
}
 .cupid-blue:active {
     border: 1px solid #8c98a7;
     -webkit-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;
     box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;
}
/* blue pill (inspired by iTunes) *******************************************************************************/
 .blue-pill {
     background-color: #a5b8da;
     background-image: linear-gradient(to top, #a5b8da, #7089b3);
     border-top: 1px solid #758fba;
     border-right: 1px solid #6c84ab;
     border-bottom: 1px solid #5c6f91;
     border-left: 1px solid #6c84ab;
     border-radius: 18px;
     -webkit-box-shadow: inset 0 1px 0 0 #aec3e5;
     box-shadow: inset 0 1px 0 0 #aec3e5;
     color: #fff;
     font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
     padding: 8px 0;
     text-align: center;
     text-shadow: 0 -1px 1px #64799e;
     text-transform: uppercase;
     width: 150px;
}
 .blue-pill:hover {
     background-color: #9badcc;
     background-image: linear-gradient(to top, #9badcc, #687fa6);
     border-top: 1px solid #6d86ad;
     border-right: 1px solid #647a9e;
     border-bottom: 1px solid #546685;
     border-left: 1px solid #647a9e;
     -webkit-box-shadow: inset 0 1px 0 0 #a5b9d9;
     box-shadow: inset 0 1px 0 0 #a5b9d9;
     cursor: pointer;
}
 .blue-pill:active {
     border: 1px solid #546685;
     -webkit-box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
     box-shadow: inset 0 0 8px 2px #7e8da6, 0 1px 0 0 #eeeeee;
}
 .pattern1 {
     padding-top : 30px;
     padding-bottom : 30px;
     margin-top : 50px;
     margin-bottom : 50px;
     background-color : #f2f2f2;
}
 .pattern2 {
     background : #f9f9f9;
     border : #e9e9e9 solid;
     border-width : 1px 0;
}
 .pa-18 {
     padding-top : 18px !important ;
     padding-bottom : 18px !important ;
}
 .pa-30 {
     padding-top : 30px !important ;
     padding-bottom : 30px !important ;
}
 .pa-50 {
     padding-top : 50px !important ;
     padding-bottom : 50px !important ;
}
 .pa-lw-15 {
     padding-right : 15px !important ;
     padding-left : 15px !important ;
}
 .pa-t-15 {
     padding-top : 15px !important ;
}
 .pa-t-30 {
     padding-top : 30px !important ;
}
 .pa-t-50 {
     padding-top : 50px !important ;
}
 .pa-b-10 {
     padding-bottom : 10px !important ;
}
 .pa-b-15 {
     padding-bottom : 15px !important ;
}
 .pa-b-20 {
     padding-bottom : 20px !important ;
}
 .pa-b-30 {
     padding-bottom : 30px !important ;
}
 .pa-b-50 {
     padding-bottom : 50px !important ;
}
 .pa-b-100 {
     padding-bottom : 100px !important ;
}
 .ma-tb-15 {
     margin : 15px 0 !important ;
}
 .ma-tb-20 {
     margin : 20px 0 !important ;
}
 .ma-tb-30 {
     margin : 30px 0 !important ;
}
 .ma-t-15 {
     margin-top : 15px !important ;
}
 .ma-t-30 {
     margin-top : 30px !important ;
}
 .ma-b-20 {
     margin-bottom : 20px !important ;
}
 .ma-b-30 {
     margin-bottom : 30px !important ;
}
 .ma-b-50 {
     margin-bottom : 50px !important ;
}
 .ma-b-100 {
     margin-bottom : 100px !important ;
}
 .ma-b-150 {
     margin-bottom : 150px !important ;
}