@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700');
.hidden {
	display: block;
    /*					*/
	display: none;	
    color: #ffffff;
    font-size: 15px;
    background: #9d8279;
    line-height: 15px;
    padding: 2px;
}
.hidden span {
    padding: 1px 2px;
    margin-right: 8px;
    background: #573a38;
    display: inline-block;
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;background:#EFE9DB}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{text-decoration:none}
mark{font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
strong{font-weight:bold}
h1{font-size:2em}
img{max-width:100%}
body {
    padding: 0;
    font-size: 18px;
    line-height: 23px;
}
#sign {
    width: 124px;
    height: 124px;
    float: right;
    border-radius: 70px;
    border: 2px solid #472e00;
    margin: 0 0 10px 50px;
    background: transparent url(/img/signs.png) no-repeat scroll 0 0;
}
#sign.gemini {background-position: 0 0;}
#sign.leo {background-position: -165px 0px;}
#sign.virgo {background-position: -332px 0px;}
#sign.libra {background-position: 0px -167px;}
#sign.scorpio {background-position: -165px -167px;}
#sign.sagittarius {background-position: -332px -167px;}
#sign.capricorn {background-position: 0px -334px;}
#sign.aquarius {background-position: -165px -334px;}
#sign.pisces {background-position: -332px -334px;}
#sign.aries {background-position: 0px -500px;}
#sign.taurus {background-position: -165px -500px;}
#sign.cancer {background-position: -332px -500px;}
.aligncenter {
    text-align: center;
    clear: both;
}
.inlineBlock {
    display: inline-block;
    vertical-align: middle;
}
#fancyPicker {
    text-align: center;background:#FFF;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
}
#monthList {
    text-align: left;
    display: inline-block;
    list-style: none;
    max-width: 700px;
    margin: 10px 5px 5px;
}
#monthList a {
	display:block;
	border-radius:5px;
	padding: 3px;
}
#monthList li {
    display: inline-block;
    width: 230px;
}
#monthList li a span {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    margin: 6px 20px 6px 50px;
    height: 25px;
    background: transparent url(/img/months.png) no-repeat scroll 0 0;
}
#monthList li:nth-child(1) a span {background-position: 0px 0px}
#monthList li:nth-child(2) a span {background-position: 0px -25px}
#monthList li:nth-child(3) a span {background-position: 0px -50px}
#monthList li:nth-child(4) a span {background-position: 0px -75px}
#monthList li:nth-child(5) a span {background-position: 0px -100px}
#monthList li:nth-child(6) a span {background-position: 0px -125px}
#monthList li:nth-child(7) a span {background-position: 0px -150px}
#monthList li:nth-child(8) a span {background-position: 0px -175px}
#monthList li:nth-child(9) a span {background-position: 0px -200px}
#monthList li:nth-child(10) a span {background-position: 0px -225px}
#monthList li:nth-child(11) a span {background-position: 0px -250px}
#monthList li:nth-child(12) a span {background-position: 0px -275px}
#monthWrapDropdown,#dayWrapDropdown{display:inline-block;position:relative}
#dayWrapDropdown {
	min-width: 40px;
	text-align:left;
}
#monthHeaderDropdown {
    width: 235px;
    position: absolute;
    left: -50px;
    top: 37px;
    font-size: 19px;
    line-height: 25px;
    background: #FFF;
    z-index: 99;
    box-shadow: 3px 3px 13px #000;
    border-radius: 10px;
}
#dayHeaderDropdown {
    width: 235px;
    position: absolute;
    left: -50px;
    top: 37px;
    font-size: 19px;
    line-height: 25px;
    background: #FFF;
    z-index: 99;
    box-shadow: 3px 3px 13px #000;
    border-radius: 10px;
}
#monthHeaderDropdown #monthList li a span {
    margin: 3px 25px;
}
#yearHomePicker a {
    display: inline-block;
    padding: 1px 15px;
    border-radius: 5px;
}
#fancyPicker a:hover{
	text-decoration:none;
}
#monthList a:hover {
    background: #efe9db;
}
#yearHomePicker a.decadeLink {
    color: black;
    padding-right: 2px;
    padding-left: 2px;
}
a.decadeLink > span {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    margin-right: 6px;
    height: 25px;
    background: transparent url(/img/decades/decades.png) no-repeat scroll 0 0;
}
#dayWrapDropdown #dayHeaderDropdown {
    left: auto;
    width: 300px;
    right: -100px;
}
#dayWrapDropdown > a{cursor:zoom-in}
#dayWrapDropdown .dayCalendarPicker {
    width: 285px;
    padding: 5px;
}
#dayWrapDropdown .dayCalendarPicker a, #dayWrapDropdown .dayCalendarPicker div {
    padding: 2px;
    font-size: 20px;
    width: 26px;
}
#yearHomePicker div:nth-child(1) .decadeLink span {background-position: 0px -300px}
#yearHomePicker div:nth-child(2) .decadeLink span {background-position: 0px -275px}
#yearHomePicker div:nth-child(3) .decadeLink span {background-position: 0px -250px}
#yearHomePicker div:nth-child(4) .decadeLink span {background-position: 0px -225px}
#yearHomePicker div:nth-child(5) .decadeLink span {background-position: 0px -200px}
#yearHomePicker div:nth-child(6) .decadeLink span {background-position: 0px -175px}
#yearHomePicker div:nth-child(7) .decadeLink span {background-position: 0px -150px}
#yearHomePicker div:nth-child(8) .decadeLink span {background-position: 0px -125px}
#yearHomePicker div:nth-child(9) .decadeLink span {background-position: 0px -100px}
#yearHomePicker div:nth-child(10) .decadeLink span {background-position: 0px -75px}
#yearHomePicker div:nth-child(11) .decadeLink span {background-position: 0px -50px}
#yearHomePicker div:nth-child(12) .decadeLink span {background-position: 0px -25px}
#yearHomePicker a.active {
    background: #170714;
    color: #FFF !important;
}
.home .homeIcon {display:none}
.home #header {
    padding: 100px 10px 10px;
}
.dayCalendarPicker {
    width: 400px;
    padding: 10px;
    margin: auto;
    text-align: left;
}
.dayCalendarPicker a, .dayCalendarPicker div {
    display: inline-block;
    padding: 8px 0;
    border: 2px solid #9d8279;
    margin: 3px;
    font-size: 25px;
    line-height: 20px;
    width: 46px;
    text-align: center;
    border-radius: 8px;
    color: #190916;
    background: #FFF;opacity: 0.3;
}
.dayCalendarPicker a.active {
    background: #0e5697 !important;
    border-color: #0e5697 !important;
    color: #ffffff !important;
	box-shadow:none !important;
    text-shadow: -1px -1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000;
}
.dayCalendarPicker a.hoverable{opacity: 1;}
.dayCalendarPicker div {
    border-color: transparent;
    background: transparent;
    padding-bottom: 0;opacity: 1;
}
.dayCalendarPicker a.hoverable:hover {
    box-shadow: 2px 2px 5px #000 inset;
    border: 2px solid #efe9db;
}
.dayCalendarPicker a:nth-child(13),.dayCalendarPicker a:nth-child(14),
.dayCalendarPicker a:nth-child(20),.dayCalendarPicker a:nth-child(21),
.dayCalendarPicker a:nth-child(27),.dayCalendarPicker a:nth-child(28),
.dayCalendarPicker a:nth-child(34),.dayCalendarPicker a:nth-child(35){
	border-color: #160611;
    background: #9d8279;
    color: #FFF;
}
body {
    margin: 0;
    font: normal normal 18px / 1.3 "Source Sans Pro", Calibri, Arial, Sans-Serif;
    color: #333;
}
form{
	margin:0;
	padding:0
}
button, input, select, textarea {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	margin: 3px 2px;
	padding: 4px;
	font: normal normal 18px / normal "Source Sans Pro", Calibri, Arial, Sans-Serif;
	color: #666;
	line-height: normal;
	background-color: white;
	border: 1px solid #ccc;
	border-top-color: #999;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	outline-offset: -2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
	-webkit-transition: all .26s ease-out;
	-moz-transition: all .26s ease-out;
	-ms-transition: all .26s ease-out;
	-o-transition: all .26s ease-out;
	transition: all .26s ease-out;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	width: auto;
	background-color: #0e5697;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
	padding-right: 16px;
	padding-left: 16px;
	cursor: pointer;
	border-color: #0e5697;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 1px rgba(0, 0, 0, .4);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 1px rgba(0, 0, 0, .4);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 1px rgba(0, 0, 0, .4);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
input[type="checkbox"],input[type="image"],input[type="radio"]{
	width:auto;
	padding:0;
	background:none;
	border:none;
	cursor:pointer;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important
}
input[type="checkbox"],input[type="radio"]{
	position:relative;
	top:-2px
}
input[type="color"],input[type="file"],label,select{
	display:inline-block;
	vertical-align:middle;
	cursor:pointer
}
textarea{
	overflow:auto;
	display:block;
	width:100%;
	resize:vertical;
	margin-right:0;
	margin-left:0
}
button::-moz-focus-inner,input::-moz-focus-inner{
	margin:0;
	padding:0;
	border:none;
	outline:none
}
input:focus,select:focus,textarea:focus{
	border-color:#5079b7;
	-webkit-box-shadow:0 0 1px #5f90db,0 0 3px #5f90db,0 0 6px #5f90db;
	-moz-box-shadow:0 0 1px #5f90db,0 0 3px #5f90db,0 0 6px #5f90db;
	box-shadow:0 0 1px #5f90db,0 0 3px #5f90db,0 0 6px #5f90db
}
button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{
	background-color:#170513;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 1px rgba(0,0,0,.4);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 1px rgba(0,0,0,.4);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 1px rgba(0,0,0,.4)
}
button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{
	background-image:none;
	background-color:#980900;
	border-color:transparent;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.4);
	box-shadow:inset 0 1px 2px rgba(0,0,0,.4)
}
fieldset{
	margin:0 0 1em;
	padding:1em;
	border:1px solid #ccc;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px
}
legend{
	margin:0;
	padding:0 10px;
	font-weight:bold
}
button[disabled],input[disabled],select[disabled],textarea[disabled]{
	opacity:.7;
	cursor:default;
	cursor:not-allowed;
	background-image:none !important;
	background-color:#eee;
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important
}
button[disabled],input[type="button"][disabled],input[type="reset"][disabled],input[type="submit"][disabled]{
	background-color:#c40200 !important
}
input[type="date"][readonly],input[type="email"][readonly],input[type="number"][readonly],input[type="tel"][readonly],input[type="text"][readonly],input[type="url"][readonly],textarea[readonly],input[type="date"][readonly]:focus,input[type="email"][readonly]:focus,input[type="number"][readonly]:focus,input[type="tel"][readonly]:focus,input[type="text"][readonly]:focus,input[type="url"][readonly]:focus,textarea[readonly]:focus{
	background-color:#eee;
	cursor:default
}
::-webkit-input-placeholder{
	color:#888
}
:-ms-input-placeholder{
	color:#888
}
::-moz-placeholder{
	color:#888
}
:-moz-placeholder{
	color:#888
}
:placeholder{
	color:#888
}
:focus::-webkit-input-placeholder{
	color:#ccc
}
:focus:-ms-input-placeholder{
	color:#ccc
}
:focus::-moz-placeholder{
	color:#ccc
}
:focus:-moz-placeholder{
	color:#ccc
}
:focus:placeholder{
	color:#ccc
}
input[type="range"]{
	height:0;
	padding:2px 0
}









#breadcrumb > div {vertical-align:middle;display:inline-block;}
#breadcrumb .inlineBlock{width: 40px}
svg{width:30px;height:30px;display:inline-block;fill:#0e5697}
.navigation{display:none}
h1, h2, h3, h4 {
    color: #71530c;
    margin: 5px 0 10px;
    font-size: 1.15em;
    line-height: 1em;
}
p{margin:0 0 10px; }
.clearboth{clear:both}
.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
.clearfix{display:inline-block; }
* html .clearfix{height:1%;}
.clearfix{display:block; }
#breadcrumb {
    text-align: center;
    font-weight: bold;
    padding: 10px;
    color: #0e5697;
    min-height: 45px;
}
a,a:link,a:visited{color:#0e5697;text-decoration:none}
a:hover{text-decoration:underline}
#header a:hover{color:#180512;text-decoration:none}
.textarea{
font-family:monospace;
}
#header {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    background: #FFF;
    line-height: 1em;
    box-shadow: 0 0 8px #9d8279;
}
.grid {
    max-width: 2000px;
    margin: 20px auto;
}
.brick {
    width: 400px;
    min-height: 100px;
    text-align: left;
}
.brick > div {
    margin: 5px;
    min-height: 50px;
    border-radius: 10px;
    padding: 10px;
    background: #FFF;
}
.brick.transparent > div {
	background: transparent;
}
#logo {
    display: block;
    text-align: center;
    padding: 15px 5px 2px;
}
/*
.brick:nth-child(1)	{	background: #AEC6CF;	height: 200px;	}
.brick:nth-child(2)	{	background: #EFDECD;	height: 150px;	}
.brick:nth-child(3)	{	background: #78F7B0;	height: 110px;	}
.brick:nth-child(4)	{	background: #FDB5FF;	height: 320px;	}
.brick:nth-child(5)	{	background: #FFFFB5;	height: 160px;	}
.brick:nth-child(6)	{	background: #FF978A;	height: 520px;	}
.brick:nth-child(7)	{	background: #B08690;	height: 200px;	}
.brick:nth-child(8)	{	background: #D5B6DE;	height: 160px;	}
.brick:nth-child(9)	{	background: #B6C1DE;	height: 320px;	}
.brick:nth-child(10)	{	background: #B6DEDE;	height: 130px;	}
.brick:nth-child(11)	{	background: #D7DEB6;	height: 230px;	}
.brick:nth-child(12)	{	background: #DEC6B6;	height: 170px;	}
.brick:nth-child(13)	{	background: #A8A2DE;	height: 120px;	}
.brick:nth-child(14)	{	background: #A2DECC;	height: 220px;	}
.brick:nth-child(15)	{	background: #C5D2DE;	height: 260px;	}
.brick:nth-child(16)	{	background: #DEB6B6;	height: 140px;	}
.brick:nth-child(17)	{	background: #FFFFB5;	height: 180px;	}
.brick:nth-child(18)	{	background: #D5B6DE;	height: 220px;	}
.brick:nth-child(19)	{	background: #EFDECD;	height: 150px;	}
.brick:nth-child(20)	{	background: #BFAE2C;	height: 110px;	}
*/


.year-picker-container {
    position: relative;
    width: 100px;
    display: inline-block;
    margin: 0 5px;
}
#yearInput {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    cursor: pointer;
}
#yearInput.yearInputSet {
    color: #0e5697;
    font-size: 36px;
    margin: 0;
    padding: 0;
    text-align: right;
    border: none;
    background: #291f1f00;
    box-shadow: none;
    font-weight: bold;
    cursor: text;
    width: 110px;
}
.year-dropdown {
    display: none;
    font-size: 19px;
    line-height: 25px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 335px;
    height: 300px;
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.year-dropdown a {
    padding: 1px;
    display: inline-block;
    cursor: pointer;
    padding: 0 10px;
}

.year-dropdown a:hover {
    background-color: #f0f0f0;
}

















@media screen and (max-width: 2020px) {
.grid {
    max-width: 1600px;
}

}


@media screen and (max-width: 1620px) {
.grid {
    max-width: 1200px;
}

}


@media screen and (max-width: 1220px) {
.grid {
    max-width: 800px;
}

}

@media screen and (max-width: 920px) {
#yearHomePicker {
    font-size: 18px;
    line-height: 21px;
    padding: 10px;
}	
#yearHomePicker a {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 5px;
}
	
}

@media screen and (max-width: 820px) {
.grid {
    max-width: 600px;
}
.brick {
    max-width: 300px;
}
#fancyPicker #monthList li a span {
    margin: 6px 15px 6px 14px;
}
#fancyPicker #monthList li {
    width: 180px;
}
#fancyPicker #monthList {
    max-width: 555px;
}


}


@media screen and (max-width: 700px) {
    #yearHomePicker a.decadeLink {
        color: #000000;
        border: none;
        display: block;
        padding-top: 10px;
    }

#yearHomePicker a {
	padding: 1px 3px;
	border-radius: 0;
	border-right: 1px solid #000;
}
#yearHomePicker a:last-child {
	border:none;

}	
	
}



@media screen and (max-width: 620px) {
.grid {
    width: 400px;
	max-width: 100%;
}
.brick {
    width: 400px;
	max-width: 100%;
}


}