@charset "utf-8";
@import url(sf-menu.css);
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
}
html {
    font-size: 100%;
    width: 100%;
    height: 100%
}
html {scroll-behavior: smooth;}
body {
    font: 100%/1.231 Verdana, Geneva, sans-serif;
    color: #333;
    background: #f9f8f2 url('../_images/global/bg.png') repeat-x top center;
}
ol, ul {
    list-style: none
}
ul.pass {
    font-size: 100%;
    margin: 1em 3em 1em 3em;
}
ul.pass li {
    color: #000;
    margin: 1em 0 0 0;
    font-style: normal
}
:focus, :active {
    outline: 0
}
del {
    text-decoration: line-through
}
em {
    font-style: italic
}
a {
    text-decoration: none;
    color: #444;
}
a.pointer {
    cursor: default !important
}
a:hover {
    text-decoration: none;
    color: #c00;
}
a img, a:focus img {
    text-decoration: none;
    border: none;
    outline: none
}
a:active {
    outline: none
}
::-moz-selection {
    background: #900;
    color: #f9f8f2;
    text-shadow: none
}
::selection {
    background: #900;
    color: #f9f8f2;
    text-shadow: none
}
/*START YOUR ENGINES*/
#main {
    width: 960px;
    float: left;
    margin-top: 5em;
    padding: 1.5em 0 1.5em 210px
}
#gcs {
    outline: 1px solid #ccc;
	
    background: #f9f8f2;
    position: absolute;
    display: block;
    top: 4.1em;
    left: 581px;
    padding: 0;
    float: right;
    width: 400px;
    height: 65px;
	z-index:0;
}
#content {
    padding: 0 1.5em 0 1em;
    margin-top: 3em;
    width: 585px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 540px;
}
iframe.content {
    margin-left: 1.5em;
    padding: .25em;
    border: 1px solid #ccc
}
.column {
    float: left
}
/* sidebar */
#sidebar {
    margin: 5em 0;
    padding: 1em .5em 1em 1em;
    width: 225px;
    border: 1px solid #ccc;
}

#sidebar.kindle {
    width: 225px;
}
li.s2 a.active {
    color: #C00 !important
}
.rslides {
	
}
/*//################
//footer//*/
#footer {
    clear: both;
    display: block;
    height: 43px;
    border: 1px solid #900;
    font-size: 0.85em;
    margin:0 0 7em 0;
	padding:0 0 0em 0;
}
#footer p {
    margin-left: 200px;
    padding: 1em 20px;
    border-left: 1px solid #900
}
#footer a:link, #footer a:visited {
    border-bottom-width: 0
}
#footer a:hover {
    border-bottom-width: 1px
}
.issn {
    font: 0.8em Verdana, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.33em
}
.issn b {
    font: bold 1.2em Georgia, Times, serif;
    letter-spacing: 1px
}
#footer span.c {
    margin-left: 2em;
    padding-left: .5em;
    font: bold .8em Georgia, Times, serif;
    letter-spacing: 1px;
    vertical-align:0
}
span.c img, span.amz img {
    vertical-align: -5px
}
#footer span.facebook {
    float: left;
    padding: .75em 0 0 0;
}
/* h1,h2 */
h1 {
    line-height: 48px;
    font-size: 1.8em;
    text-align: center;
    margin: .5em 0 0 1em;
    padding: 0;
}
h1.smaller {
    font-size: 1.3em;
}
p.smaller {
    font-size: 80%;
}
/* h1 #top level pages */
#sargon {
    font-size: 1.8em;
    text-align: left;
    background-repeat: no-repeat;
    text-indent: 3em;
    margin: -1em 0 1em 2em;
    line-height: 6
}
#articles, #fiction, #bio, #contact, #radio, #search-results, #mao, #photogallery, #ebook {
    transform: scale(1, 2);
    -webkit-transform: scale(1, 2);
    -moz-transform: scale(1, 2);
    -ms-transform: scale(1, 2);
    -o-transform: scale(1, 2);
    font-size: 1.8em;
    text-align: left;
    background-repeat: no-repeat;
    text-indent: 80px;
    margin: 0 0 1em 1em
}
/*//top level pages bg img ../_images/zoom/articles.png////*/
#articles.smaller {
    font-size: 1.3em;
    line-height: 48px;
    text-indent: 50px;
    margin: 0 0 1em 0em
}
#articles {
    background-image: url('../_images/zoom/article.png');
}
#bio {
    background-image: url('../_images/zoom/bio.png')
}
#ebook {
    background-image: url('../_images/zoom/ebook.png')
}
#fiction {
    background-image: url('../_images/zoom/fiction.png')
}
#contact {
    background-image: url('../_images/zoom/contact.png');
}
#radio {
    background-image: url('../_images/zoom/radioplay.png')
}
#search-results {
    background-image: url('../_images/zoom/search-results.png')
}
#mao {
    margin-bottom: 1em;
    background-image: url('../_images/zoom/mao.png')
}
#photogallery {
    margin-bottom: 0;
    background-image: url('../_images/zoom/photogallery.png')
}
h1 span {
    color: #990;
    background: transparent;
    padding-left: .5em;
    font-size: .5em;
    font-weight: 400;
    text-transform: uppercase
}
h1, h2, h3, h4, h5 {
    color: #900;
    background: inherit;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: bold;
    text-shadow: 2px 2px 0px rgba(216, 63, 40, .25);
}
h2, h3, h4, h5 {
    margin: 0 0 .5em 0;
    text-transform: capitalize
}
h5.h5 {
    font-family: sans-serif;
    text-align: center;
    font-weight: 600;
    font-variant: small-caps;
    text-transform: none;
}
h2 {
    font-size: 1.4em;
    letter-spacing: .1em;
    text-align: right;
}
h2 span {
    color: #990;
    background: transparent;
    font-variant: small-caps;
    text-transform: none !important
}
h2#h2 {
    font-weight: 600;
    text-align: center;
    margin-bottom: 1.5em;
    font-variant: small-caps;
    text-transform: none !important
}
h2.tac {
    font-size: 1em;
   
	padding:0 0 .25em 0;
    text-align: center;
	border-bottom:1px solid;
}
h2.youtube {
    font-size: 1.2em;
    margin-bottom: 1em;
    text-align: center;
    padding-bottom: 1em;
}
h2.fs1 {
    font-size: 1.2em;
}
h2.susie {
    margin-bottom: 2em;
    color: #900;
    background: transparent;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    text-shadow: 2px 2px 0px rgba(216, 63, 40, .25);
}
.susie span {
    font-size: 1em;
    vertical-align: bottom
}
span.aslan, span.aslan a {
    border: none !important;
    font-variant: small-caps;
    letter-spacing: .1em;
    font-size: small;
    font-weight: 800
}
*.fr {
    float: right
}
.aslan a:hover {
    color: #C00 !important;
}
h2.subject {
    color: #900;
    background: transparent;
    text-align: left;
    font-size: 1em;
    font-weight: 600;
    text-transform: none;
    padding: 0 0 2.3em 1em;
    border-bottom: 1px solid #ccc;
    text-shadow: none !important;
}
h2.subject span {
    color: #990;
    background: transparent;
    text-align: right;
    font-size: .9em;
    font-weight: 400;
    text-transform: uppercase
}
div.respondant h2.subject {
    padding: 0 0 1em 2em;
    font-size: 11px;
    font-style: normal
}
div.respondant h2.subject span {
    color: #990;
    background: transparent;
    text-align: right;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase
}
div.quoted h2.subject {
    border-bottom: 1px solid #ccc
}
h2.gl {
    text-align: center
}
h2.tse {
    font-size: small;
    text-align: center
}
h2.lft {
    margin: 0 !important;
    font-size: 150%;
    text-align: center
}
h2.right {
    font-size: 1em;
    letter-spacing: .1em;
    text-align: right
}
h2.small, h3.small {
    font-size: 1.2em;
    letter-spacing: 0em
}
h2.title {
    margin-bottom: .5em;
    text-align: left
}
h2.h2 {
    text-align: center;
    color: #909909;
    text-transform: none;
    font-variant: small-caps;
    font-size: 1.2em;
    font-weight: 600
}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
    color: #900;
    padding-bottom: .2em;
}
h2 a:hover, h3 a:hover {
    color: #C00;
    border-bottom: 1px solid #C00
}
/* home styles */
h1#home, p#press {
    font-size: 2.8em;
    font-variant: small-caps;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: 900;
    letter-spacing: .5em;
    color: #990;
    background: transparent;
    text-align: left;
    margin: 0;
}
h1#home {
    float: left;
}
p#press {
    float: right;
}
/*h3,h4,h5 */
h3 {
    margin-left: -1em
}
h3.main {
    margin: 0 0 .5em 0;
    font: bold 1em Georgia, Times, "Times New Roman", serif
}
h3.lnk {
    float: right;
    clear: none;
    text-align: right;
    margin: 2em 0 2em 0
}
h3.prev {
    float: left;
    clear: none;
    text-align: left;
    margin: 2em 0 2em 0
}
h3.c1 {
    text-align: center;
    margin-bottom: 2em
}
h3.c2 {
    text-align: left;
    padding-left: .5em;
    margin-bottom: 4em
}
h3.c3 {
    text-align: center;
    text-transform: none;
    margin-bottom: 2em
}
h3.c4 {
    text-align: left;
    text-transform: none;
    margin-bottom: 2em;
    margin-left: 1em
}
h3 span {
    font-size: 10px;
    text-transform: uppercase;
    text-align: right;
    margin-bottom: 2em;
    color: #666;
}
h4 {
    font-size: .9em;
    letter-spacing: .1em;
    text-indent: 2em;
    margin-bottom: 1em;
    text-shadow: none !important;
}
h4.byline.rght span {
    font-size: 70%;
    color: #C00;
}
h5 {
    padding: .5em 0 0 0;
    font-size: 1em;
    text-align: left;
    color: #900;
    background: inherit;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: bold
}
h5.s4 {
    font-size: .75em
}
h5.sub {
    padding: .5em 0 0 1em;
    border-top: 1px solid #ccc;
    font-size: .8em
}
h5.poem {
    padding: 1em 0 0 0;
    border-top: 1px solid #ccc;
    font-size: 1.3em;
    text-align: center;
    color: #333;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-variant: small-caps;
    text-transform: none
}
h6 {
    padding: 0;
    margin: 0;
    font-size: .8em;
    text-align: left;
    color: #900;
    background: inherit;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: bold
}
.byline {
    color: #333;
    background: transparent;
    margin-bottom: 1em;
    font: 600 .9em serif;
    text-transform: uppercase;
    letter-spacing: .15em;
    text-indent: 2em
}
.subline {
    color: #333;
    background: transparent;
    margin-bottom: 1em;
    font: 400 .7em sans-serif;
    text-transform: uppercase;
}
h5.ebook {
    color: #333;
    background: transparent;
    margin-bottom: 0em;
    font: 600 .9em serif;
    text-transform: uppercase;
    letter-spacing: .15em;
}
.byline.right {
    text-align: right;
    margin-bottom: 1em;
    margin-top: 0;
    color: #900;
    /*border-bottom:1px solid rgba(125, 185, 232, .5);*/
}
.byline.new {
    text-align: left;
    margin-bottom: 0;
    color: #900;
    text-indent: 0em
}
.mid {
    text-align: center;
    text-indent: 0;
}
.rght {
    text-align: right;
    font: 600 .8em serif;
}
.lft {
    text-align: left;
    font: 600 .8em serif;
}
p.byline {
    color: #990;
    letter-spacing: .1em;
}
.first {
    color: #444;
    background: transparent;
    font: bold 0.85em sans-serif;
    margin-bottom: 0.75em;
}
form#zoomsearch {
    margin-left: -1em
}
#sidebar h3, #sidebar h4 {
    font: 100% sans-serif;
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: .3em;
    color: #990000;
    font-variant: small-caps;
    padding-left: 1.8em
}
/*//#brand .logo//*/
.logo{
    display: block;
    width: 156px;
    height: 252px;
    background: #900 url('../_images/global/logo.png') no-repeat 0 0
}
#brand {
	display:block;
    position: absolute;
	z-index:5;
    top: 0;
    left: 20px;
	background: url('../_images/global/logo.png') no-repeat 0 0
}
#brand-r {
	display:block;
    position: absolute;
    top: 0;
    left: 1100px;
	background: url('../_images/global/logo.png') no-repeat 0 0
}
#brand a, #brand-r a {
    display: block;
    width: 156px;
    height: 252px;
	background:#990 url('../_images/global/logo.png') no-repeat 0 0
}
#brand a:hover, #brand-r a:hover {
    background: #900 url('../_images/global/logo.png') no-repeat 0 0
}

/*//#google-ad-div//*/
#google-ad-div, #google-ad-div2 {
    position: absolute;
    display: block;
    top: 260px;
    left: 1100px;
    width: 154px;
    height: 252px;
    color: #990;
    background: #f9f8f2;
    border: 1px solid #900;
    margin: 0 auto;
    padding: .5em 0;
    text-align: center;
    z-index: 5
}
#google-ad-div2 {
	border: 1px solid #f9f8f2;
    left: 20px;
}

#google-ad-div p{
    display: block;
    width: 154px;
    height: 252px;
    margin: 0 auto;
    padding: .5em 0;
    text-align: center
}
#google-ad-div2 p {
    color:grey;
    margin: 0 auto;
	text-align:left;
    padding: .5em 0;
	font-size:90%;
}

.amazon {

    font: 100% sans-serif;
	font-variant:small-caps;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .7)
}
.amazon:hover {
    transition: all .2s;
	box-shadow: 0px 2px 2px rgba(223, 118, 118, 1)
}
.grid-item {
    height: auto;
    box-shadow: 0 0 2em rgba(192, 192, 192, .5) inset;
    background-color: transparent;
    color: #444;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 1.5em;
    margin: 1.5em 0;
}
/* FICTION */
#tm, #jb-cover {
    position: absolute;
    display: block;
    top: 260px;
    left: 22px;
    width: 154px;
    height: 216px;
    border: 1px solid #699;
    margin: 0 auto
}
/* tom murphy */
#tm {
    background-image: url('../_images/fiction/tm-c01.jpg')
}
/* jb */
#jb-cover {
    background-image: url('../_images/fiction/jb-cover.jpg')
}
#caption p {
    position: absolute;
    display: block;
    top: 480px;
    left: 25px;
    width: 154px;
    font-size: 10px;
    font-style: italic;
    color: #006
}
#caption p a {
    font-size: 10px;
    font-style: italic;
    color: #006;
    text-decoration: underline
}
span.fl, span.fr {
    color: #A00;
}
.fl {
    float: left;
    clear: none;
    padding-left: 12%
}
.fr {
    float: right;
    clear: none;
    padding-right: 18%
}
/*//img //*/
img.flag {
    width: 50px;
    height: auto;
    float: left;
    padding-left: 12%
}
img.sargon {
    margin: 0 auto;
    padding: 0 15%;
    width: 300px;
    height: 570px
}
img.jb {
    width: 300px;
    height: 380px
}
img.pj {
    width: 300px;
    height: 250px
}
img.tse {
    width: 300px;
    height: 420px
}
img.cheng {
    width: 500px;
    height: 116px;
    padding: .5em;
    border: 1px solid #ccc;
    margin-left: 1em;
}
img.nzf {
    width: 50px;
    height: auto;
    float: left;
    padding-bottom: 1em;
}
/* figures */
figure.ahmadinejad img {
    width: 459px;
    height: 236px
}
figure.netanyahu img {
    width: 300px;
    height: 200px
}
figure.blake img {
    width: 252px;
    height: 300px
}
figure.rossetti img {
    width: 305px;
    height: 480px
}
figure.val img {
    width: 305px;
    height: 480px
}
figure.cromwell img {
    width: 202px;
    height: 250px
}
figure.hone-heke img {
    width: 201px;
    height: 240px
}
figure.will-conq img {
    width: 110px;
    height: 155px
}
figure.henry-and-eleanor img {
    width: 220px;
    height: 176px
}
figure.luoyang img {
    width: 300px;
    height: 210px
}
figure.lieberman img {
    width: 480px;
    height: 240px
}
figure.narnia img {
    width: 261px;
    height: 201px
}
figure.charles-diana img {
    width: 158px;
    height: 110px
}
figure.alexander-pope img {
    width: 110px;
    height: 132px
}
figure.wizard-of-christchurch img {
    width: 460px;
    height: 307px
}
figure.execution-of-king-charles img {
    width: 433px;
    height: 398px
}
figure.king-stephen img {
    width: 110px;
    height: 145px
}
figure.magna_charta img {
    width: 234px;
    height: 300px
}
figure.king-edward-1 img {
    width: 282px;
    height: 443px
}
figure.king-edward-11 img {
    width: 480px;
    height: 469px
}
figure.king-edward-111 img {
    width: 220px;
    height: 230px
}
figure.black-prince img {
    width: 267px;
    height: 343px
}
figure.burton img {
    width: 250px;
    height: 313px
}
figure.tojo img {
    width: 207px;
    height: 300px
}
figure.adolf-in-retirement img {
    width: 305px;
    height: 329px
}
figure.panjin img {
    width: 500px;
    height: 337px
}
figure.richard-and-john img {
    width: 300px;
    height: 282px
}
figure.heath-carelock img {
    width: 235px;
    height: 256px
}
figure.val, figure.blake, figure.rossetti, figure.cromwell, figure.hone-heke, figure.will-conq, figure.henry-and-eleanor, figure.luoyang, figure.lieberman, figure.narnia, figure.charles-diana, figure.alexander-pope, figure.wizard-of-christchurch, figure.execution-of-king-charles, figure.king-stephen, figure.magna_charta, figure.king-edward-1, figure.king-edward-11, figure.king-edward-111, figure.black-prince, figure.burton, figure.tojo, figure.ahmadinejad, figure.netanyahu, figure.adolf-in-retirement, figure.panjin, figure.richard-and-john, figure.heath-carelock {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
figure.colin-mccully img {
    width: 120px;
    height: 100px
}
figure.colin-mccully {
    margin-top: 1em;
    margin-right: 0em;
    float: right;
    clear: none
}
figcaption.colin-mccully {
    position: relative;
    font: 12px Georgia, "Times New Roman", Times, serif;
    color: #900;
    text-align: center
}
figure.salmond img {
    width: 150px;
    height: 151px
}
figure.salmond {
    margin-top: 1em;
    margin-left: 0em;
    float: left;
    clear: none
}
figure.meing-foon img {
    width: 220px;
    height: 158px
}
figure.meing-foon {
    margin-top: 1em;
    margin-right: 0em;
    float: right;
    clear: none;
    padding: .5em;
    border: 1px solid #ccc
}
figure.david_irving img {
    width: 250px;
    height: 176px
}
figure.david_irving {
    margin-top: 2em;
    margin-right: 0em;
    float: right;
    clear: none
}
figure.ho-chi-minh img {
    width: 250px;
    height: 329px
}
figure.ho-chi-minh {
    margin-left: 0em;
    float: left;
    clear: none
}
figure.akhenaton img {
    width: 211px;
    height: 330px
}
figure.akhenaton {
    margin-left: 2em;
    float: left;
    clear: none
}
figure.feb img {
    width: 500px;
    height: 299px;
}
figure.feb {
    width: 500px;
    height: 299px;
    margin-left: 0em;
    padding: .5em .5em 2em .5em;
    border: 1px solid #ccc
}
figcaption.apartment {
    font: 14px bold Georgia, "Times New Roman", Times, serif;
    color: #900;
    text-align: center
}
figure.photo img {
    width: 110px;
    height: 110px;
}
figure.photo {
    float: right;
    clear: none;
    margin-left: 1em;
    padding: .5em .5em 2em .5em;
}
figcaption.name {
    position: relative;
    font: 14px bold Georgia, "Times New Roman", Times, serif;
    color: #900;
    text-align: center
}
figure.chch img {
    width: 250px;
    height: 333px;
}
figure.chch {
    width: 250px;
    height: 333px;
    margin: 0 auto;
    padding: .5em .5em 2em .5em;
    border: 1px solid #ccc
}
figure.dyke {
    width: 202px;
    height: 300px;
    margin: 0 auto;
    padding: .5em .5em 2em .5em;
}
figcaption.dyke {
    position: relative;
    font: 14px Georgia, "Times New Roman", Times, serif;
    color: #900;
    text-align: center
}
figure.binney img {
    width: 198px;
    height: 254px;
}
figure.binney {
    float: left;
    clear: none;
    margin-left: 2em;
    margin-top: 1em;
    padding: .5em .5em .25em .5em;
    border: 1px solid #ccc
}
figure.iti img {
    width: 300px;
    height: 188px;
}
figure.iti {
    float: right;
    margin-left: 1.5em;
    margin-top: 2em;
    padding: .5em .5em .25em .5em;
    border: 1px solid #ccc
}
figure.heath img {
    width: 188px;
    height: 204px;
}
figure.heath {
    float: left;
    clear: none;
    margin-left: 2em;
    margin-top: 1em;
    padding: .5em .5em .25em .5em;
    border: 1px solid #ccc
}
figure.auckland img {
    width: 232px;
    height: 155px;
}
figure.auckland {
    float: left;
    margin-left: 2em;
    margin-top: 0em;
    padding: .5em .5em .25em .5em;
    border: 1px solid #ccc
}
figure.harbin img {
    width: 352px;
    height: 143px;
}
figure.harbin {
    float: left;
    margin-left: 2em;
    margin-top: 1em;
    padding: .5em .5em .25em .5em;
    border: 1px solid #ccc
}
figure.simon-moore img {
    width: 220px;
    height: 156px;
}
figure.simon-moore {
    float: left;
    margin: -2em 0 -2em 4em;
    padding: 1em .5em 2em .5em;
}
figure.nzgg img {
    width: 167px;
    height: 230px;
}
figure.nzgg {
    float: left;
    margin: -1em 0 -1em 4em;
    padding: .5em;
}
figure.mateparae img {
    width: 237px;
    height: 376px;
}
figure.mateparae {
    float: left;
    margin-left: 0;
    margin-top: -.5em;
    padding: .5em;
}
figure.john-key img {
    width: 231px;
    height: 390px;
}
figure.john-key {
    float: left;
    margin-left: 0em;
    margin-top: -.5em;
    padding: .5em;
}
figure.ami img {
    width: 126px;
    height: 228px;
}
figure.ami {
    float: left;
    margin-left: 0;
    margin-top: 0em;
    padding: .5em;
}
figcaption {
    position: relative;
    font: 14px Georgia, "Times New Roman", Times, serif;
    color: #900;
    text-align: center
}
/* /figures */
/*********************/
/* 	img-
	/*********************/
.img-polaroid {
    border-color: #d8d8d8;
    transition: all 0.2s;
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.25);
}
.img-polaroid:hover {
    box-shadow: 0 1px 12px rgba(34, 34, 34, 0.9);
}
img.imgs {
    box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
    border-radius: 11px;
    border: 1px solid #ccc;
}
img.imgs a:link {
    border-bottom: none !important
}
img.c1 {
    margin: 0 0 0 6em;
    padding: .5em;
    text-align: center;
    border: 1px solid #ccc
}
.tmpreface {
    width: 362px;
    height: 480px;
}
img.c2 {
    margin: 0 auto;
    padding: .5em;
    text-align: left;
    border: 1px solid #ccc;
}
img.fl, img.fr {
    clear: none;
    padding: .5em;
    margin: .5em;
    border: 0px solid #ccc
}
img.fl {
    float: left;
    margin-right: 1em
}
img.fr {
    float: right;
    margin-left: 1em
}
img.nofloat {
    margin: 0 auto;
    padding: .5em;
    text-align: center;
    border: 1px solid #ccc;
}
img.small {
    padding: .23em;
    margin: -1.5em .25em .25em 1em;
    width: 45px;
    height: 45px;
    border: 1px solid #ccc;
}
img.photo a {
    clear: none;
    padding: .5em;
    margin: .5em;
    border: 1px solid #ccc;
    text-decoration: none
}
img.rail {
    padding: .5em;
    border: 1px solid #ccc;
    margin: 1em 5em 1em 5em;
    width: 321px;
    height: 145px
}
img.lg {
    margin: .5em .5em 0 0;
}
img.pad {
    margin-left: 8em
}
img.nb {
    border: none
}
img.nefertiti {
    width: 154px;
    height: 226px
}
img.ajptaylor {
    width: 150px;
    height: 222px
}
img.kiribati {
    width: 300px;
    height: 209px;
}
/*//content items//*/
.firstitem {
    border-top: 1px solid #ccc;
    padding-top: 1.3em
}
.threesonsitem {
    background-image: url('../_images/global/hr2.png');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding-top: 3em
}
.itemletter {
    background: url('../_images/global/paper-bg.jpg') repeat;
    padding: 2em 1.5em 1em 1.5em;
    border: 0px solid #666
}
.itemairletter {
    background: url('../_images/global/shading.png') repeat;
    padding: 2em 1.5em 1em 1.5em;
    border: 1px solid #666;
    margin: 1em;
}
.itemgisborneherald {
    background: url('../_images/HERALD-Logo.jpg') no-repeat 50% 2%;
    background-color: #E1E1E1;
    padding: 6em 1.5em 1em 1.5em;
    border: 1px solid #666;
    margin: 2em;
}
.item {
    padding-top: 1em
}
.lastitem {
    border-bottom: 1px solid #ccc;
    padding-top: 1em
}
/*//paragraphs//*/
#main p, #content p {
    line-height: 1.6em;
    margin: 0 0 1em;
}
#content p.lg {
    margin-top: -1em;
    margin-bottom: 2em;
    margin-left: 6em;
}
#content p.ami {
    margin-top: -1em;
    margin-bottom: 2em;
    color: #00C;
    font-style: italic;
}
#content p.firstmao {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 2em;
    border-bottom: 1px solid #ccc
}
#content p.email {
    text-indent: -4em;
    color: #900
}
#content p.news {
    padding: 0 2em 0 2em;
    text-align: left;
    font: 1.2em/1.4 sans-serif;
    font-style: normal
}
#content p.letter {
    padding: 0 2em 0 2em;
    text-align: left;
    font: 1.3em/1.3 serif;
    font-style: italic
}
#content p.swanky {
    font-family: 'Swanky and Moo Moo', cursive;
    font-size: 1.5em
}
#content p.papyrus {
    background: url('../_images/global/papyrus.jpg') repeat;
    padding: 1em;
    margin: 1em;
    font-family: 'IM Fell Double Pica SC', serif;
    font-size: 1.5em;
}
#content p.school {
    background: url('../_images/global/school.jpg') 0 0 no-repeat;
    padding: 1.3em 2em;
    font-family: "Comic Sans MS", cursive;
    font-size: 110%;
    line-height: 1.3;
    color: #006
}
#content p.h1 {
    text-indent: 0em
}
#content p.f1 {
    color: #444;
    background: transparent;
    font: normal 1em/1.8em Georgia, Times, "Times New Roman", serif;
    margin: 0 0 1em;
    text-indent: 0em
}
#content p.f2 {
    text-align: left;
    line-height: 1.8em;
    margin: 0 0 1em;
    margin-top: 300px
}
#content p.f3 {
    text-align: left;
    line-height: 1.8em;
    margin: 0 0 1em;
    margin-top: 40em
}
#content p.fl {
    float: left;
    width: 60%
}
#content p.fr {
    float: right;
    width: 60%
}
div.fr {
    float: right;
    width: 60%
}
#content p.indnt {
    padding-left: 2em;
    padding-right: 2em;
    text-align: left; /*font:normal 1em/1.8em Georgia, Times, "Times New Roman", serif;*/
}
#content p.cntr {
    margin: .5em auto;
    text-align: center;
}
span.cntr {
    padding-left: 3em
}
#content p.in {
    padding-left: 5em;
    padding-right: 3em;
    text-align: left;
    font-style: italic;
}
p span.drop {
    float: left;
    color: #666;
    font-size: 3em;
    padding-top: 10px;
    padding-right: 3px;
    padding-left: 5px;
    font-family: serif;
}
#content p span.roman {
    font-family: Times, "Times New Roman", serif;
}
#sidebar p, p.sidebar {
    font-size: .75em;
    margin-top: 1em
}
p.sidebar {
    float: right;
}
#sidebar p span, p.sidebar span {
    color: #900;
}
#sidebar p.finalsb {
    margin-top: .5em;
    padding-bottom: 2em;
    border-bottom: 1px solid #ccc;
}
a.external {
    text-decoration: none;
    text-align: right;
    padding-right: 12px;
	background: transparent url(../_images/global/external-link-clear.png) 100% 30% no-repeat;
}
a.external:hover {
	transition: all .5s ;
    background: transparent url(../_images/global/external-link-ltr-icon.png) 100% 30% no-repeat;
}
a.underline {
    border-bottom: 1px dotted #900;
}
#footer p a {
    color: #900
}
/*//#sidebar ul//*/
#sidebar ul, #secondary ul {}
#sidebar ul {
    width: 100%;
    margin: 0 0 1em 0;
    padding: 1em 0 1em 0;
}
#sidebar li, #sidebar li a {
    padding: .5em 0;
    font: 105%/1 sans-serif;
    font-weight: normal
}
#sidebar li.s1 a {
    font-size: 97%;
}
#sidebar li.s2 a {
    font-size: 80%
}
#sidebar li.s3 a {
    font-size: 70%
}
#sidebar li a.active {
    padding-left: .7em;
    background: url('../_images/global/dot.png') 0 50% no-repeat;
    color: #900;
    font-weight: bolder
}
#sidebar li a:link, #sidebar li a:visited {
    padding-left: .7em;
    background: url('../_images/global/dot.png') 0 50% no-repeat;
    color: #666
}
#sidebar li a:hover {
    color: #900
}
#sidebar li a span {
    color: #990;
    background: transparent;
    font-size: 14px;
}
/* .chapter */
#sidebar ul.chapter {}
#sidebar ul.chapter li, #sidebar ul.chapter li a {
	letter-spacing:.25em;
    font-size: 1.09em;
    font-variant: small-caps;
    color: #600;
    font-weight: 600;
}
#sidebar ul.chapter li a:hover {
    color: #F30
}
#sidebar ul.chapter li.active {
    color: #F30;
    font-weight: 900;
    background: none
}
#sidebar ul.chapter li.sp {
    color: #600;
    font-weight: 900;
    text-transform: none;
    font-variant: small-caps;
}
/*//################
//dls//*/
dl.dl1 {
    width: 520px;
    margin: 2em 0
}
dl.dl2 {
    width: 520px;
    margin: 1em 0
}
dl.dl3 {
    width: 520px;
}
.dl1 dt, .dl2 dt, .dl3 dt {
    clear: left;
    float: left;
    width: 200px;
    padding: 5px;
    font-weight: bold;
    color: #900
}
.dl3 dt {
    font: normal 1.3em serif;
}
.dl1 dd, .dl2 dd, .dl3 dd {
    float: left;
    width: 300px;
    padding: 5px;
}
dd.note {
    width: 300px;
    font-family: serif;
    color: #990
}
dd.note1 {
    width: 300px;
    font-style: normal;
    font-family: sans-serif;
    font-size: 1.1em;
    line-height: 1.3em;
    color: #000
}
dd.note i {
    font-style: normal;
    font-family: sans-serif;
    color: #444;
}
dd.note i:before {
    content: '['
}
dd.note i:after {
    content: ']'
}
dd.desc {
    width: 520px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 .5em 2em
}
.dl3 dd.desc {
    font: bold 1.5em serif;
    color: #900;
    border-bottom: 0px solid #ccc;
}
dd.last {
    width: 520px;
    text-indent: 1em
}
dd.desc em {
    font-family: serif;
    font-style: italic;
    color: #000
}
dd.desc b {
    font-family: sans-serif;
    color: #900;
    font-size: .75em
}
dd.desc i {
    font-style: normal;
    font-size: .75em
}
dd.desc em:before, dd.desc em:after, dd.clearw em:before, dd.clearw em:after {
    content: '"'
}
dd.desc i:before {
    content: '('
}
dd.desc i:after {
    content: ')'
}
dd.clearw {
    width: 520px;
    font: normal 1em Georgia, Times, "Times New Roman", serif;
    font-style: normal;
    color: #444;
    padding: .5em 3em
}
dd.clearw em {
    width: 520px;
    padding-left: 19px;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    font-size: 1em;
    color: #006
}
/*//################
//spans.classes//*/
p span.caption {
    float: right;
    clear: both;
    font-size: .8em;
    line-height: 1;
    padding-right: 10%
}
p span.kiri {
    padding-right: 30%
}
span.hidden {
    display: none;
    visibility: hidden
}
.center {
    padding-left: 20%;
    font-size: 1.3em;
    line-height: 1.3
}
.center b {
    color: #900
}
span.bld {
    font-weight: bold
}
/* banners */
ul.banners {
    margin: 0;
    border: none !important;
}
.banners li {
    margin: 0;
    padding: 0;
    line-height: 1;
}
.banners li a {
    background: #CCC;
    /*display: inline-block;
	width: 100%;*/
    margin: 0 auto;
    background-image: none !important;
}
.banners li img {
    background: #CCC;
    /*display: inline-block;
	margin: 0 auto*/
}
.banners li a:hover, .banners li a:hover img {
    background: #900;
    border: none;
    text-decoration: none !important
}
/*.photogallery*/
ul.photogallery {
    margin: 0 1em
}
.photogallery li {
    margin: 0
}
.photogallery li a {
    background: #CCC;
    display: block;
    width: 173px;
    margin: 0 auto
}
.photogallery li img {
    background: #CCC;
    display: block;
    margin: 0 auto
}
.photogallery li a:hover, .photogallery li a:hover img {
    background: #CF0;
    border: none
}
/*//################
//search, email forms//*/
#search, #zoom_query {
    width: 90px;
    vertical-align: bottom
}
#submit-email {
    /*float:right;*/
    /*padding:.5em;*/
}
#submit-srch {
    /*float:right;*/
    /*padding:.5em;*/
}
#search, input#cname, input#cemail, input#curl, input[type="text"], input[type="password"], textarea {
    background: #FBFAF4;
    border: 2px solid;
    border-color: #999 #D9D9D9 #D9D9D9 #999
}
caption, legend {
    padding: 0.75em;
    font: 1.5em Georgia, Times, serif;
    margin-bottom: 1em
}
label {
    font: 1em Georgia, Times, serif
}
/* commentForm */
#commentForm {
    margin: 2em;
    padding: 1em;
    border: 1px solid #900;
    text-align: center;
    margin-top: 3em;
    width: 100%
}
#commentForm label {
    width: 250px
}
#commentForm label.error, #commentForm input.submit {
    margin-left: 253px
}
#commentForm label.error {
    color: #C00
}
legend {
    padding: 0.75em;
    font: 1.5em Georgia, Times, serif;
    border: 1px solid #900;
    border-width: 1px 0 2px
}
/* html */
hr {
    border: hidden
}
hr.invisible {
    margin: 0 0 2em;
    border-bottom-color: transparent;
}
.hr0 {
    display: block;
    border-top: 1px solid #ccc;
    height: 1px;
    margin: 1em 0 .5em 0
}
.hr01 {
    display: block;
    border-top: 1px solid #ccc;
    height: 1px;
    margin: 4em 0 .5em 0
}
.hr1 {
    background: url('../_images/global/hr1.png') no-repeat 50%;
    display: block;
    height: 7px;
    margin: 1.5em 0 1.5em 0
}
.hr2 {
    background: url('../_images/global/hr2.png') no-repeat 50%;
    display: block;
    height: 15px;
    margin: .5em 0 1.5em 0
}
.hr3 {
    display: block;
    border-top: 1px solid #ccc;
    height: 7px;
    margin: 1.5em 0 2.25em 0
}
.hr3b {
    display: block;
    border-top: 1px solid #ccc;
    height: 7px;
    margin: .5em 0 .5em 0
}
.hr4 {
    display: block;
    border-top: 1px solid #ccc;
    height: 2em;
    width: 30%;
    margin: 1.5em auto 1em;
    text-align: center
}
.hr5 {
    display: block;
    border-top: 1px solid #ccc;
    height: 1px;
    width: 30%;
    margin: .2em auto .2em;
    text-align: center
}
blockquote, q {
    quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}
blockquote.bq {
    font: bold .9em Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    color: #59768b;
    background: url('../_images/global/q.gif') no-repeat 0 0;
    border-bottom: 1px dashed #999;
    margin: 2em 0 2em 0;
    padding: 3em 0 2em .5em
}
blockquote.mao-red-book {
    background-image: url('../_images/educatemao/china/mao-red-book.png');
    background-repeat: no-repeat;
    background-position: 90% 80%;
    font: normal 1.25em Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    color: #59768b;
    border-bottom: 1px solid #ccc;
    margin: 0 0 2em 0;
    padding: 0 0 2em .3em;
    text-align: left
}
blockquote.mao-red-book strong {
    line-height: 1.3;
}
blockquote.mao-red-book strong.zedong {
    float: right;
    text-indent: -5.5em;
    color: #F00
}
blockquote.bq0 {
    font: bold 1.2em Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    color: #59768b;
    background: url('../_images/global/q.gif') no-repeat 0 0;
    margin: 2em 0 2em 0;
    padding: 0em 0 0 2em
}
blockquote.faun {
    font: bold 1.1em Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    color: #59768b;
    margin: 7em .5em 0;
    padding: 0;
    /*outline:1px solid red*/
}
blockquote.bq1 {
    font: 600 1.4em Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    color: #59768b;
    background: url('../_images/global/q.gif') no-repeat 0 .75em;
    margin: 1em 0 2em 0;
    padding: 1.2em 0 0 1.5em;
    transform: scale(1, 1.5); /* W3C */
}
blockquote.bq2 {
    font: bold 1em Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    line-height: 1.5;
    color: #59768b;
    background-image: none;
    margin: 1em 0 1em 0;
    padding: 0 0 0 1em
}
blockquote.bq3 {
    font: bold 1em Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    line-height: 1.5;
    color: #666;
    background-image: none;
    margin: 1em 3em 1em 2em;
    padding: 0 0 0 1em
}
blockquote.articles {
    font: bold 1.3em Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    line-height: 1.3;
    color: #59768b;
    margin: .5em 3em;
    padding: 0
}
/* BIO: childhood.html sidebar*/
blockquote.bq4 {
    font: bold italic 110%/1.5 Georgia, Times, "Times New Roman", serif;
    color: #59768b;
    background: url('../_images/global/q.gif') no-repeat 0em 0em;
    margin: 1em 0 1em 0;
    padding: 1em 0 0 1em
}
/* Pull quote */
blockquote.pulll {
    clear: right;
    border-left: 0px solid #999;
    font: 150%/1.5 serif;
    color: #900;
    background: inherit;
    padding: .5em;
    width: 185px;
    float: right;
    margin: .5em;
}
blockquote.pullr {
    clear: left;
    border-right: 0px solid #999;
    font: 150%/1.5 serif;
    color: #900;
    background: inherit;
    padding: .5em;
    width: 185px;
    float: left;
    margin: 0 .5em 0 0;
}
q, cite {
    font: 130%/1.231 serif;
    font-style: italic;
    font-weight: 400;
    color: #333;
}
blockquote cite {
    font: 90%/1.231 serif;
    font-style: normal;
    font-weight: 400;
    color: #333;
}
q > i {
    font-style: normal
}
i {
    color: #333
}
i.i1 {
    color: #000
}
i.i2 {
    color: #333;
    font-style: normal;
    border-bottom: 1px dotted
}
i.i3 {
    color: #900;
}
i.i4 {
    color: #990;
    font-size: .95em;
    font-style: italic;
    font-family: serif;
    text-transform: capitalize
}
em.acronym, acronym {
    border-bottom: 1px dotted
}
.clear {
    float: inherit;
    clear: both
}
br {
    line-height: 1.3
}
br.br2 {
    line-height: 2
}
br.br3 {
    line-height: 3
}
br.br4 {
    line-height: .5
}
br.br5 {
    line-height: 5
}
br.br6 {
    line-height: 6
}
br.lh166 {
    line-height: .66
}
/* ///////////////
     lightbox
   ///////////////*/
#lightbox {
    background-color: #eee;
    padding: 10px;
    border: 2px solid #990;
}
#lightboxDetails {
    font-size: 0.8em;
    padding-top: 0.4em;
}
#lightboxCaption {
    float: left;
    font: 1.2em/1 sans-serif;
    color: #990;
}
#keyboardMsg {
    float: right;
}
#closeButton {
    top: 5px;
    right: 5px;
}
#lightbox img {
    border: none;
    clear: both;
}
#overlay img {
    border: none;
}
#overlay {
    background-image: url('../_images/global/overlay.png');
}
#closeButton {
	top:10px;
	right:10px
}
/*Educating Mao*/
div.respondant, div.quoted, div.maori {
    margin: 0 10% 0em;
}
div.maori p {
    font-size: 100%;
}
div.maori em {
    color: #006;
    font-size: 90%;
}
div.respondant p {
    font-style: italic;
    font-size: 97%;
}
div.respondant p.quoted {
    font-style: normal
}
div.quoted p {
    font-size: 85%;
    line-height: .8
}

.calendar {
    text-align: center;
    margin: -1.5em 5px 5px -65px;
    padding-top: 5px;
    float: left;
    width: 50px;
    background: #ededef;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc));
    background: -moz-linear-gradient(top, #ededef, #ccc);
    font: bold 20px/40px Arial Black, Arial, Helvetica, sans-serif;
    color: #000;
    text-shadow: #fff 0 1px 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    -moz-box-shadow: 0 2px 2px #888;
    -webkit-box-shadow: 0 2px 2px #888;
    box-shadow: 0 2px 2px #888;
}

.calendar em {
    display: block;
    font: normal bold 10px/12px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #fff;
    text-shadow: #00365a 0 -1px 0;
    background: #730000;
    background: -webkit-gradient(linear, left top, left bottom, from(#730000), to(#900));
    background: -moz-linear-gradient(top, #730000, #900);
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #00365a;
}
.calendar:before, .calendar:after {
    content: '';
    float: left;
    position: absolute;
    top: 4px;
    width: 6px;
    height: 6px;
    background: #111;
    z-index: 1;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 1px 1px #fff;
    -webkit-box-shadow: 0 1px 1px #fff;
    box-shadow: 0 1px 1px #fff;
}
.calendar:before {
    left: 7px;
}
.calendar:after {
    right: 7px;
}
.calendar em:before, .calendar em:after {
    content: '';
    float: left;
    position: absolute;
    top: -3px;
    width: 2px;
    height: 10px;
    background: #dadada;
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa));
    background: -moz-linear-gradient(top, #f1f1f1, #aaa);
    z-index: 2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.calendar em:before {
    left: 9px
}
.calendar em:after {
    right: 9px;
}
audio {
    margin: 0 auto;
    text-align: center;
    width: 75%
}
small {
    font-size: 90%;
    font-style: normal
}
small.address {
    font-size: 80%;
    font-style: inherit;
}
/* -------------------------------------------------- */
/*	Back to Top
	/* -------------------------------------------------- */
#back-to-top {
    background: url(../_images/arrow-up-large.png);
    background-color: transparent;
    bottom: 38px;
    color: transparent;
    display: none;  
    height: 48px;
    position: fixed;
    left: 1100px;
    text-shadow: none;
    transition: all .2s ease;
    width: 48px;
    z-index: 100;
}
#back-to-top:hover,#back-to-top:active {
    background-color: #;
}

img.mao {
    display: block;
    width: 400px;
    height: 300px;
    margin: 1.5em auto 3em;
    padding: 5px;
    -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.75);
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    border: 1px solid #ccc;
}
/* map */
ul.map {
    margin: 0 1em;
}
.map li {
    margin: 0;
}
.map li a {
    background: #CCC;
    display: block;
    width: 120px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    background-image: none !important
}
.map li img {
    background: #CCC;
    display: block;
    margin: 0 auto;
}
.map li a:hover, .map li a:hover img {
    background: #900;
    border: none
}
.vstretch{
    margin: 0 auto 1em;
    transform: scale(1, 3);
    -webkit-transform: scale(1, 3);
    -moz-transform: scale(1, 3);
    -ms-transform: scale(1, 3);
    -o-transform: scale(1, 3);
}
.hstretch {
    display: inline-block;
    transform: scale(3, 1); /* W3C */
    -webkit-transform: scale(3, 1); /* Safari and Chrome */
    -moz-transform: scale(3, 1); /* Firefox */
    -ms-transform: scale(3, 1); /* IE 9 */
    -o-transform: scale(3, 1); /* Opera */
}
/******************************/
/*  text-transform font-style
	/*****************************/
.tsc {
    font-variant: small-caps !important;
}
.tuc {
    text-transform: uppercase !important;
}
.tita {
    font-style: italic !important;
}
.fvn {
    font-variety: norrmal !important;
}
/*********************/
/* 	text-align
	/*********************/
.tlt {
    text-align: left !important
}
.trt {
    text-align: right !important
}
.tc {
    text-align: center !important
}
/*********************/
/* 	font-size
	/*********************/
.fs-100 {
    font-size: 100% !important
}
.fs-105 {
    font-size: 105% !important
}
.fs-90 {
    font-size: 90% !important
}
ul.fs-90 li{
    font-size: 90% !important;
	line-height:1.5!important;
}
/*********************/
/* 	margin
	/*********************/
.no-margin {
    margin: 0 !important;
}
.margin-bottom {
    margin-bottom: 2em !important;
}
.margin-top {
    margin-top: 2em !important;
}
.margin-top70 {
    margin-top: 5.5em !important;
}
.margin-left {
    margin-left: 2em !important;
}
.margin-right {
    margin-right: 2em !important;
}
.mt0 {
    margin-top: 0
}
.mt-5 {
    margin-top: .5em
}
.mt1 {
    margin-top: 1em !important;
}
.mt1-5 {
    margin-top: 1.5em !important;
}
.mt100 {
    margin-top: 10em !important;
}
.mt2 {
    margin-top: 2em !important;
}
.mt2-5 {
    margin-top: 2.5em !important;
}
.mt3 {
    margin-top: 3em !important;
}
.mt4 {
    margin-top: 4em !important;
}
.mt5 {
    margin-top: 5em !important;
}
.mt6 {
    margin-top: 6em !important;
}
.mt7 {
    margin-top: 7em !important;
}
.mt7-5 {
    margin-top: 7.5em !important;
}
.mt8 {
    margin-top: 8em !important;
}
.mt9 {
    margin-top: 9em !important;
}
.mr0 {
    margin-right: 0 !important;
}
.mr1 {
    margin-right: 1em !important;
}
.mr2 {
    margin-right: 2em !important;
}
.mb0 {
    margin-bottom: 0 !important;
}
.mb-5 {
    margin-bottom: .5em !important;
}
.mb1 {
    margin-bottom: 1em !important;
}
.mb2 {
    margin-bottom: 2em !important;
}
.mb3 {
    margin-bottom: 3em !important;
}
.mb4 {
    margin-bottom: 4em !important;
}
.mb5 {
    margin-bottom: 5em !important;
}
.ml0 {
    margin-left: 0
}
.ml-5 {
    margin-left: .5em
}
.ml1 {
    margin-left: 1em
}
.ml2 {
    margin-left: 2em !important;
}
.ml3 {
    margin-left: 3em
}
.ml4 {
    margin-left: 4em
}
.ml5 {
    margin-left: 5em
}
.ml6 {
    margin-left: 6em
}
.m0 {
    margin: 0
}
.m1 {
    margin: 1em
}
.m2 {
    margin: 2em
}
.ml-r {
    margin: 0 4em
}
/* padding */
.pt0 {
    padding-top: 0
}
.pt05 {
    padding-top: .5em
}
.pt1 {
    padding-top: 1em
}
.pt-5 {
    padding-top: .5em
}
.pt1-5 {
    padding-top: 1.5em
}
.pt2 {
    padding-top: 2em
}
.pr0 {
    padding-right: 0
}
.pr1 {
    padding-right: 1em
}
.pr2 {
    padding-right: 2em
}
.pb0 {
    padding-bottom: 0
}
.pb05 {
    padding-bottom: .5em
}
.pb1 {
    padding-bottom: 1em
}
.pb2 {
    padding-bottom: 2em
}
.pb3 {
    padding-bottom: 3em
}
.pb4 {
    padding-bottom: 4em
}
.pb5 {
    padding-bottom: 5em
}
.pl0 {
    padding-left: 0
}
.pl-5 {
    padding-left: .5em
}
.pl1 {
    padding-left: 1em
}
.pl2 {
    padding-left: 2em
}
.pl3 {
    padding-left: 3em
}
.pl4 {
    padding-left: 4em
}
.pl5 {
    padding-left: 5em
}
.p0 {
    padding: 0
}
.p0-5 {
    padding: .5em;
}
.p1 {
    padding: 1em
}
.p2 {
    padding: 2em
}
.pl-r {
    padding: 0 3em
}
/* block */
.block {
    display: block !important;
}
.inline-block {
    display: inline-block !important;
}


/*********************/
/* 		qTip
	/*********************/
div#qTip {
    text-align: center !important;
    padding: 3px 5px !important;
    margin: 5px 5px;
    border: 3px solid transparent;
    border-radius: 5px;
    display: none;
    background-color: #990000;
    color: #f9f8f2;
    font-size: .8em;
    line-height: 1.5;
    position: absolute;
    z-index: 100000;
}
#qTip mark {
    padding: 0 .25em 0;
    text-shadow: none;
    color: #C00;
    background-color: #f9f8f2;
    border: 1px solid #C00;
    border-radius: 3px;
    font-family: sans-serif;
    font-size: 1.2em;
    line-height: 1;
    font-weight: 500;
    vertical-align: -1px
}
#qTip p {
    font-family: 'raleway', Helvetica, Arial, sans-serif !important;
    font-size: 1em;
    line-height: 1;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: 500;
}
#qTip b {
    font-family: serif;
    letter-spacing: .03em !important;
    font-size: 1.1em;
    line-height: 1;
    font-weight: 600;
}
#qTip b small {
    font-size: .9em;
    line-height: 1.5;
    font-weight: 600;
}

#qTip strong {
    font-family: sans-serif;
    letter-spacing: .03em !important;
    font-size: 1.5em;
    line-height: 1.5;
    font-weight: 500;
    color: #FFF;
}
#qTip strong>sup {
    vertical-align: 3px;
	font-size:80% !important;
}
#qTip em {
    font-style: normal;
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: 600;
}
#qTip i {
    font-size: .9em;
    line-height: 1.5;
    font-style: italic;
}
#qTip q, #qTip span {
    font-family: sans-serif !important;
    font-size: 2em;
    line-height: 1;
    font-weight: 400;
}
#qTip span {
    vertical-align: -2px;
    font-size: 1.3em;
    line-height: 1.0;
}
#qTip pre {
    font-family: sans-serif !important;
    font-size: 1.5em;
    line-height: 1;
    font-weight: 400;
}
#qTip q:before, #qTip q:after {
    content: "" !important;
}