@font-face {
font-family: 'ChunkFiveRegular';
src: url('Chunkfive.eot');
src: local('ChunkFive Regular'), local('ChunkFive'), url('Chunkfive.otf') format('opentype'), url('Chunkfive.svg#ChunkFive') format('svg');
}


html, body {
background : rgb(253, 254, 250) url(../img/common/fdfefa.png);
color : rgb(0, 0, 0);
font : 300 100%/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin : 5px auto 10px auto;
padding : 0;
}
body {
position : relative;
}
h2 {
font : 500 150% 'ChunkFiveRegular', sans-serif;
letter-spacing : 0.075em;
margin : 20px 0 0 5%;
text-transform : uppercase;
width : 80%;
}
body#x h2 { color : #e36770; }
body#p h2 { color : rgb(131, 189, 233); }
body#r h2 { color : #d4ad02; }
body#c h2 { color : #00c4c4; }

body#x article { border-top : 0.375em solid #9d4515 !important; }
body#p article { border-top : 0.375em solid #0052a4 !important; }
body#r article { border-top : 0.375em solid #9d4515 !important; }
body#c article { border-top : 0.375em solid #026d5d !important; }

body#x #sidebar { border-top : 0.25em solid #e36770; }
body#p #sidebar { border-top : 0.25em solid rgb(131, 189, 233); }
body#r #sidebar { border-top : 0.25em solid #d4ad02; }
body#c #sidebar { border-top : 0.25em solid #b9ca44; }

body#x #q li strong, body#x address a[href], body#x .n li strong, 
body#x .n ul li em, body#x #h p#ed b, body#x #sidebar p#num b { color : #9d4515; }
body#p #q li strong, body#p address a[href], body#p .n li strong, 
body#p .n ul li em, body#p #h p#ed b, body#p #sidebar p#num b { color : #0052a4; }
body#r #q li strong, body#r address a[href], body#r .n li strong, 
body#r .n ul li em, body#r #h p#ed b, body#r #sidebar p#num b { color : #9d4515; }
body#c #q li strong, body#c address a[href], body#c .n li strong, 
body#c .n ul li em, body#c #h p#ed b, body#c #sidebar p#num b { color : #026d5d; }

#lb img {
background : #fff !important ;
border : 1px solid #eee;
padding : 10px;
}
body#x #q {
border-top : 0.25em solid #e36770;
}
body#p #q {
border-top : 0.25em solid rgb(131, 189, 233);
}
body#r #q {
border-top : 0.25em solid #d4ad02;
}
body#c #q {
border-top : 0.25em solid #00c4c4;
}
h3.ex a, h3.ex.open a {
background : rgb(253, 254, 250) url(../img/common/up.gif) no-repeat 100% 50%;
}
h3.ex a:hover, h3.ex a:focus, h3.ex a:active, h3.ex.open a:hover, h3.ex.open a:focus, h3.ex.open a:active {
background : url(../img/common/down.gif) no-repeat 100% 50%;
}
#h p a[href] {
text-align : right;
text-decoration : none;
}
a[href] {
color : rgb(51, 51, 51);
text-decoration : underline;
}
a[href]:hover, a[href]:active, a[href]:focus {
color : rgb(34, 34, 34);
}
#main p a[href] {
text-decoration : underline;
}
#main p a:hover[href], #main p a[href]:active, #main p a[href]:focus {
color : rgb(0, 0, 0);
background : rgb(230, 230, 230);
text-decoration : none !important ;
}
#sidebar a[href], #q a[href], #f a[href] {
text-decoration : none;
}
address a[href] {
font-weight : 700;
text-decoration : none;
text-transform : capitalize;
}
#h p a[href]:hover, #h p a[href]:active, #h p a[href]:focus, address a[href]:hover, address a[href]:active, address a[href]:focus {
text-decoration : underline;
}
html body #sw a {
color : #990000;
text-align : right;
display : block;
margin : 0;
padding : 3px 0;
}
#sw a:hover, #sw a:active, #sw a:focus {
color : rgb(34, 34, 34);
}
.r li a {
text-decoration : none;
text-transform : lowercase;
}
.r li a:hover, .r li a:active, .r li a:focus {
text-decoration : underline;
}
body#p #main img {
clear : both;
max-width : 96%;
height : auto;
display : block;
margin : 0;
}
abbr {
text-transform : lowercase;
text-decoration : none;
border-bottom : 1px dashed rgb(192, 192, 192);
}
address {
color : rgb(85, 85, 85);
font-style : normal;
font-weight : 300;
margin : 0 0 3px 0;
padding : 5px 0;
text-transform : lowercase;
}
h1, h3, h4, h5, h6 {
font-size : 100%;
font-weight : 300;
}
#q li strong, #q li strong.c1, address a[href], .n li strong {
color : rgb(153, 0, 0);
}
h3 {
margin : 0;
padding : 0;
}
p {
margin : 0 20% 20px 0;
clear : both;
}
p strong, strong, b, address strong, h3 {
font-weight : bold;
}
body#x #main p strong, body#r #main p strong {
color : #222;
}
body#x #f b {
color : rgb(34, 34, 34);
}
body#c #main p {
margin : 0 20% 20px 0;
clear : both;
}
#page {
background : url(../img/common/dd.png) no-repeat 12% 5em;
min-width : 38em;
max-width : 1198px;
margin : 0 auto;
overflow : hidden;
}
header {
margin : 0 auto;
min-width : 38em;
max-width : 1198px;
overflow : hidden;
}
#h {
border-bottom : 0.25em solid rgb(220, 205, 186);
float : right;
margin : 56px 0 0 0;
width : 72%;
}
body#x h1 {
border-left : none;
display : inline;
padding : 0 10px 0 0;
text-transform : capitalize;
}
body#x #h p {
border-left : 1px solid rgb(195, 189, 145);
display : inline;
font-weight : 300;
padding : 0 0 0 15px;
text-transform : lowercase;
white-space : nowrap;
}
body#p h1, body#r h1, body#c h1 {
border-left : 1px solid rgb(195, 189, 145);
display : inline;
margin : 0;
padding : 0 0 0 15px;
text-transform : lowercase;
white-space : nowrap;
}
body#p #h p, body#r #h p, body#c #h p {
display : inline;
margin : 0;
padding : 0 10px 0 0;
white-space : nowrap;
text-transform : capitalize;
}
body#x #h p#ed, #h p#ed {
border-left : none;
float : right;
font-weight : 300;
line-height : 1.5;
margin : 0 10px 0 0;
padding : 0;
text-transform : lowercase !important ;
}
#h p.ed b {
font-weight : 700;
}

article {
float : right;
margin : 4px 10px 0 0;
padding-top : 29px;
position : relative;
width : 65%;
}
body#r article {
padding-top : 26px;
}
#main {
margin : 0;
padding-top : 10px;
max-width : 40em;
}
#main img.first {
margin : 0 0 30px 0;
}
#f {
clear : both;
margin : 0 0 40px 0;
min-height : 150px;
padding : 0 0 40px 0;
overflow : hidden;
text-align : right;
width : 47%;
}
#f li {
color : rgb(85, 85, 85);
list-style-type : none;
margin-bottom : 5px;
text-transform : lowercase;
}
#f li a {
margin : 0;
padding : 3px 2px 3px 0;
}
#locate {
margin : 25px 0;
overflow : hidden;
width : 80%;
}
#l {
float : left;
width : 100%;
}
#la {
padding : 23px 0;
margin-left : 150px;
}
#lb {
float : left;
margin-left : -100%;
width : 150px;
}
#lb img {
display : block;
margin : 0;
}
#q {
clear : both;
margin : 0 20% 30px 0;
padding : 6px 0 9px 0;
overflow : hidden;
text-transform : capitalize;
}
#q li {
display : inline;
line-height : 2;
list-style : none;
padding : 0;
}
#q li a, #q li a.c1, #q li strong, #q li strong.c1 {
border : 1px solid rgb(255, 255, 255);
margin : 0 1% 0 2px;
padding : 3px 6px 6px 6px;
}
#q li a.c1 {
background : rgb(131, 189, 233);
border : 1px solid rgb(131, 189, 233);
color : #fff;
}
#sidebar {
/*border-top : 0.25em solid #e36770;*/
float : right !important ;
margin : 4px 0 0 -10px;
padding : 12px 6% 0 0;
position : relative;
width : 29%;
}
#sidebar p#num {
font : 100% Georgia, serif;
position : absolute;
top : 0;
left : 10%;
}
.n {
float : right;
margin : 0;
padding : 0;
text-align : right;
width : 96%;
}
body#p .n {
padding : 0;
}
body#p .n.first strong {
padding-bottom : 4px;
margin : 0;
border-right : none;
}
body#p .n.first.none {
margin-top : 2px;
padding : 0 5px 0 0;
}
.n li {
list-style-type : none;
text-transform : capitalize;
}
.n li strong {
font-size : 100%;
margin : 0;
padding : 3px 0 0 0;
}
body#x .n li strong {
padding-top : 29px;
margin : 0 0 4px 0;
display : block;
}
body#p .n li strong {
margin : 0;
display : block;
}
body#r .n li strong {
padding : 0 0 4px 0;
display : block;
}
.n a {
display : block;
padding : 0 0 3px 0;
margin : 0;
}
.n ul {
margin : 0;
padding : 0 3px 0 0;
}
.n ul li a {
margin : 0;
padding : 0 7% 4px 0;
}
.n ul li em {
display : block;
font-size : 100%;
font-style : normal;
font-weight : bold;
padding : 0 7% 4px 0;
}
body#p #main img {
margin : 30px 0 20px 0;
background : rgb(253, 254, 250);
}
#caption {
clear : both;
margin : 0 0 20px 0;
padding : 0 15% 0 0;
}
#caption p {
display : inline;
margin : 10px 0 0 0;
}
#caption h3 {
display : inline;
font-size : 100%;
margin : 0 0 6px 0;
clear : both;
font-weight : 300;
}
#caption h3 span {
font-weight : 300;
padding : 0 2px 0 3px;
}
#caption h4 {
border : none;
color : black;
clear : both;
display : inline;
font-size : 100%;
font-weight : 700;
margin : 0 5px 0 0;
text-transform : lowercase;
}
body#r #main p {
margin-top : 24px;
}
h3.ex {
margin : 0 !important ;
padding : 0 0 5px 0;
}
h3.ex a {
display : block;
font-weight : 300;
margin : 3px 0 0 0;
padding : 5px 0 3px 0;
text-align : left;
text-transform : lowercase;
}
body#r p {
margin-bottom : 4px;
}
#js {
border-color : rgb(221, 221, 221);
border-style : solid;
border-width : 0.25em 0;
margin : 20px 20% 0 0;
padding : 0 0 26px 0;
}
h3.ex a {
padding : 1px 0 0 0;
}
#js img {
padding : 15px 0 15px 0;
}
#js li {
list-style-position : inside;
list-style-type : none;
font-weight : 300;
margin : 0;
padding : 0;
}
#sw {
margin : 0;
padding : 0;
text-transform : lowercase;
}
.r li {
font-weight : normal;
line-height : normal;
list-style-type : none;
margin : 0;
padding : 0;
text-align : left;
}
.r {
clear : both;
margin : 0 1% 0 10%;
padding : 0;
}
.r li a {
display : block;
margin : 0;
padding : 2px 4% 3px 2px;
text-transform : lowercase;
}
#tl, #tr, #bl, #br {
position : fixed;
}
#tl {
top : 1px;
left : 1px;
}
#tr {
top : 1px;
right : 1px;
}
#bl {
bottom : 1px;
left : 1px;
}
#br {
bottom : 1px;
right : 1px;
}



@media (max-width: 600px) {

h2 {
margin : 20px 0 0 0;
}

p {
margin : 0 5px 5px 10px;
}

p.last {
margin : 0 0 0 10px;
}

#h {
float : none;
margin : 0;
padding : 15px 0 10px 10px;
width : 100%;
}

body#x h1 {
display : block;
padding : 0;
margin : 0;
}
body#x #h p {
border-left : none;
display : block;
padding : 0;
margin : 5px 0 3px 0;
white-space : normal;
}
body#p h1, body#r h1, body#c h1 {
border-left : none;
display : block !important ;
margin : 5px 0 0 0;
padding : 0;
text-align : left;
white-space : normal;
}
body#p #h p, body#r #h p, body#c #h p {
display : block;
margin : 0 !important ;
padding : 0;
text-align : left;
white-space : normal;
}
body#p #h p a, body#r #h p a, body#c #h p a {
color : #000;
}

#page { 
background-image : none !important ;
min-width : 1em;
max-width : none;
margin : 0;
padding : 0 0 20px 0;
width : 100%;
}


article { 
float : none !important ;
margin : 0;
padding : 0 0 20px 0;
width : 100%;
}

body#x #locate, body#r #locate, body#c #locate  {margin-left: 10px; }
body#p #locate {margin-left: 1px; }


body#p #main img {
margin : 0 0 0 10px !important;
max-width : 96%;
}

body#x #main {
padding-top : 25px !important;
margin-bottom : 0;
}

body#r #main {
margin-bottom : /*-11px*/0;
}

body#p #caption {
margin : 23px 0 20px 10px;
}


body#r #js {  width : 94%;
border-top : none;
border-bottom : none;
margin : 0 0 0 10px;
padding : 0;
}


body#r #sw a {
margin-left : 0;
}


body#x .n, body#p .n, body#r .n, body#c .n {
float : none;
margin-left : 10px !important ;
padding : 0 0 10px 0;
text-align : left;
width : auto;
}


body#x #sidebar, body#p #sidebar, body#r #sidebar, body#c #sidebar {
float : none !important ;
margin : 0;
padding : 30px 0 0 0;
text-align : left;
width : auto;
}

body#x #sidebar {
padding-top : 0;
}





.n ul, .n a, .n ul li a { padding : 0 0 10px 0; }
.n ul li em { margin : 0; padding : 2px 0 7px 20px; }

body#x .n li strong, body#r .n li strong { margin : 0; padding-bottom : 10px; }
body#p .n { padding : 0; }
body#p .n { margin : 0; padding : 0 0 0 10px; }
body#p .n ul li a { padding : 0 0 5px 20px; }
body#p .n ul li em { padding : 0 0 5px 20px; }

body#x #h p#ed b, body#x #h p#ed, body#p #h p#ed b, body#p #h p#ed, body#r #h p#ed b, body#r #h p#ed, body#c #h p#ed b, body#c #h p#ed,
#sidebar p#num, #sidebar p#num b,
#q, #f, #tl, #tr, #bl, #br {
display : none !important;
}

body#c #main {
padding-top : 0;
}


body#c h3, body#c h3.first {
padding : 10px 0 5px 10px !important;
}
body#c  p {
margin-left : 10px !important;
}

body#c form {
width : 92%;
margin : 20px 0 20px 10px !important;
padding : 20px 0 0 10px;
}
body#c textarea {
width : 98%;
}
body#c fieldset fieldset {
margin : 0;
width : 100%;
}
body#c input[type="submit"] {
float : none;
margin : 15px 0 0 5px;
}


} /* mind last brace */




@media (max-width: 400px) {

body#p #main img {
max-width : 96% !important;
}

#locate, #l, #la, #lb, #lb img {
display: none !important;
}


body#x #sidebar, body#p #sidebar, body#r #sidebar, body#c #sidebar {background: aqua;
float : none !important ;
margin : 0;
padding : 30px 0 0 0 !important;
text-align : left;
width : auto;
}

body#x #sidebar {
padding-top : 0;
}


}/*mind last brace



/* Mobile CSS for Opera Mini/5.1 */
@media handheld, screen and (max-width: 480px), screen and (max-device-width: 480px)  {

body#p #main img { max-width : 35% !important; }

#locate, #l, #la, #lb, #lb img { display: none !important; }

} /* mind the last brace */
/* end Mobile CSS for Opera Mini/5.1 */



*:first-child + html body#x #h p, *:first-child + html body#p #h h1, *:first-child + html body#r #h h1, *:first-child + html body#c #h h1 {
position : relative;
}
*:first-child + html #page {
padding-bottom : 50px;
position : relative;
}
*:first-child + html h3.ex.open a {
background-image : none !important ;
}
*:first-child + html h3.ex a:hover, *:first-child + html h3.ex a:focus, *:first-child + html h3.ex a:active, *:first-child + html h3.ex.open a:hover, *:first-child + html h3.ex.open a:focus, *:first-child + html h3.ex.open a:active {
background-image : none !important ;
}
*:first-child + html ul.n {
padding : 0 0 15px 0;
}
*:first-child + html ul.n ul {
margin : 0;
}
* html #h p a {
text-align : right;
color : #bbca50;
text-decoration : none;
}
* html a {
color : #333;
text-decoration : underline;
}
* html a:hover, a:active, * html a:focus {
color : #222;
text-decoration : underline !important ;
}
* html #main p a {
color : #333;
text-decoration : underline;
}
* html #main p a:hover, * html #main p a:active, * html #main p a:focus {
color : #000;
background : #e6e6e6;
text-decoration : none !important ;
}
* html #sidebar a, * html #q a, * html #f a {
text-decoration : none;
}
* html address a {
color : #bbca50;
font-weight : 700;
text-decoration : none;
text-transform : capitalize;
}

* html #lb { /*logo*/
margin-left : -515px;
width : 150px;
}

* html #h p a:hover, * html #h p a:active, * html #h p a:focus, * html address a:hover, * html address a:active, * html address a:focus {
color : #b5881b;
text-decoration : underline;
}
* html #page {
background : url(../img/common/dd.png) no-repeat 6% 40px;
width : 990px;
padding-bottom : 50px;
position : relative;
}
* html #q {
position : relative;
}
* html body#j .entry.first {
margin-top : 0;
}
* html body#x .n li strong {
padding-top : 0;
}

* html .n li strong { color : #990000; }

* html nav {
padding : 0 60px 0 0;
}
* html ul.n {
padding : 0 0 15px 0;
}
* html ul.n, * html ul.n ul {
height : 1% !important ;
}
* html ul.n li a, * html ul.n li a:hover, * html ul.n li a:focus, * html ul.n li a:active, * html ul.n ul li a, * html ul.n ul li a:hover, * html ul.n ul li a:focus, * html ul.n ul li a:active {
height : 1%;
}
* html ul.n li strong, * html ul.n ul li em {
position : relative;
height : 0;
}
* html ul.n ul {
width : 230px;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
* html ul#f li a {
display : inline;
}
* html ul#f ul#f li a, * html ul#f ul#f li a:hover, * html ul#f ul#f li a:active, * html ul#f ul#f li a:focus, * html body#r ul.r li a, * html body#r ul.r li a:hover, * html body#r ul.r li a:active, * html body#r ul.r li a:focus {
height : 1%;
}
* html body#p h3.ex {
display : none;
}
* html h3.ex.open a {
background-image : none;
}
* html h3.ex a:hover, * html h3.ex a:focus, * html h3.ex a:active, * html h3.ex.open a:hover, * html h3.ex.open a:focus, * html h3.ex.open a:active {
background-image : none;
}
* html #tl, * html #tr, * html #bl, * html #br {
display : none !important ;
}