@charset "UTF-8";
/* General CSS reset
----------------------------------------------------------------------------------------------------*/
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 {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;vertical-align: top;}
ol, ul {list-style: none;}
html { overflow-y: scroll;}
strong, b {font-weight:900;}
em { font-style:italic; }
big { font-size: 1.17em }
small, sub, sup { font-size: .83em }
p { margin:1.12em 0;}
/*HTML 5 support */
header, section, footer, aside, nav, article, figure {display: block;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal;}
ul, ol {list-style-type:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
/* End of reset ----------------------------------------------------------------------------------------------------*/
body {background-image: url(../images/background_image.jpg);background-repeat: repeat-x;background-color: #F0EDE8;margin: 0;padding: 0;color: #000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1em;line-height: 1.3;}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl {padding: 0;margin: 0;}
h1, h2, h3, h4, h5, h6 {margin-top: 0;padding-right: 10px;padding-left: 10px;font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;color: #B1267F;}
h1 {color: #ad227a;font-size: 1.6em;}
h2 {color: #422c11;font-size: 1.5em;}
h3 {color: #363;font-size: 1.4em;padding-top: 4px;}
h4 {color: #FFF;background-color: #363;font-size: 1.3em;font-weight: bold;line-height: 2em;font-family: Arial, Helvetica, sans-serif;}
h5 {color: #B1267F;font-size: 1.2em;}
a img {border: none;}
/* ~~ links  ~~ */
a:link {color: #ad227a;text-decoration: underline;}
a:visited {color: #ad227a;text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}
/*desktop */
.container {max-width: 950px;margin: 0 auto;}
/* ~~ The header  ~~ */
header {height: auto;}
.logo {display: block;float: left;width:23%;border-style: none;cursor: default;}
/* Header links/text styles ----------------------------------------------------------------------------------------------------*/
#headerlinks {color: #000;text-align: center;float: right;margin-top: 10px;margin-right: 0;margin-left: 0;border-bottom: none;width:77%}
#headerlinks p {color: #F0EDE8;font-size: 0.87em;line-height: 1.3;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.64);}
#headerlinks a {color:#9EC2A6;text-decoration:none;font-weight: bold;}
#headerlinks a:hover {color: #AD2476;}
#headerlinks p.slogan {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;font-size: 1.5em;color: #AD227A;letter-spacing: 2px;text-align: center;padding-bottom: 7px;text-shadow: none}
/* sidebar and main content ----------------------------------------------------------------------------------------------------*/
.sidebar1 {float: right;width:24.5%;clear:none;background: #9EC2A6;padding-top: 10px;padding-bottom: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;/-khtml-border-radius: 10px; margin-bottom: 5px;}
.sidebar1 p img, .sidebar1 img {max-width: 100%;height:auto;display: inline-block;overflow: hidden;}
.content {width:74.5%;float: left;background: #FFFFFF;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;padding-top: 8px;padding-bottom: 8px;margin-bottom: 10px;}
.content ul, .content ol, .sidebar1 ul, .sidebar1 ol {
	padding: 0px 10px 20px 30px;
	margin-left: 20px;
	font-size: 0.93em;
	line-height: normal;
}
.content ul li, .sidebar1 ul li {font-size: 0.93em;list-style: url(../images/bullet.png) outside;margin-top: 5px;}
.content ol li, .sidebar1 ol li {font-size: 0.93em;list-style: decimal;margin-left: 5px;}
section p img {padding: 8px;background: #CFC4AD;display: block;}
section .alignCenter img {text-align: center;margin-right: auto;margin-left: auto;}
p {font-family: Arial, Helvetica, sans-serif;font-size: 1em;line-height: 1.5em;color: #000000;margin-bottom: 15px;padding-right: 10px;padding-left: 10px;}
.sidebar1 aside p {font-size: 0.9em;margin-top: 10px;color: #422D12;}
section p img.floatRight{margin-left: 10px;}
section p img.floatLeft{margin-right: 10px;}
img {max-width:97%;height:auto}
/* ~~ The footer ~~ */
footer {border-top: 4pt solid #9CC3A6;background: #CFC4AD;position: relative;clear: both;font-size: .8em;-moz-border-radius-bottomleft: 10px;moz-border-radius-bottomright: 10px;-webkit-border-top-right-radius: 0px;-webkit-border-top-left-radius: 0px;border-radius: 0 0 10px 10px;padding-top: 10px;text-align: center;}
footer .floatLeft p {margin-top:0;}
footer .floatRight .alignRight {margin-top:0;}
/* ~~ styles ~~ */
.alignCenter {text-align: center;margin-left: auto;margin-right: auto;}
.alightRight, alignRight {text-align: right;}
.alignLeft {text-align: left;}
.leftHalf {float: left;width: 49.5%;text-align: center;}
.rightHalf {float: right;width: 49.5%;text-align: center;clear: none;}
.smallerText {font-size: 0.8em;line-height: normal;}
.largerText {font-size: 130%;line-height: 130%;}
.clearRight {clear: right;}
.clearLeft {clear: left;}
.clearFloat, .clear {clear: both;display: block;height:0px}
.oneThird {float:left; width:32%;}
.dottedRight {border-right: 1.5pt dotted #ad227a;}
.oneThirdLast {float: left;width: 32%;padding-left: 5px;border-right: none;}
.twoThirds {float:left;width:63%;margin-left:4%}
.oneFourth {float: left;width: 24%;padding-top: 10px;}
.photoCaption {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;font-size: 10pt;font-style: italic;font-weight: bold;color: #422c11;text-align: center;}
.floatRight {float: right;}
.floatLeft {float: left;}
.pinkLine {border-bottom: 2pt solid #ad227a;height: 6px;}
.magenta { color: #ad227a;}
.greenLight { color: #9EC2A6;}
.greenDark { color: #363;}
.brown { color: #422c11;}
.beige { color: #CFC4AD;}
.shadow {box-shadow: 3px 3px 3px rgba(68,68,68,0.8);}
hr {border: 1px dotted #ad227a;margin: 40px auto;width: 90%;clear: both;}
/* ~~ forms and button styles ~~ */
form p {padding-top:0px;margin-top:0px;}
input,textarea {/*vertical-align: text-bottom; */padding: 5px; background: #fafafa; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; margin-bottom:10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px}
input:focus,textarea:focus {background: #fff; border-color: transparent; box-shadow: 0 0 6px rgba(173,34,122,.7); -moz-box-shadow: 0 0 6px rgba(173,34,122,.7); -webkit-box-shadow: 0 0 6px rgba(173,34,122,.7);}
label #reset,label #submit {width: auto}
textarea#comments {width:95%}
input[type="text"], input[type="email"] {width:75%;vertical-align: text-top;height:30px}
.button a, a.button, .button {background-color: #ad227a;color: #fff;padding: 15px 20px;font-weight: bold}
.button a:hover,.button a:hover,a.button:hover,.button:hover {background-color: #422c11;}
/*desktop navigation*/
.menu-link { display: none;}
.menu {float: left;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;margin-bottom: 10px;margin-top: 8px;background: #F0EDE8;background: linear-gradient(top, #F0EDE8 0%, #CFC4AD 100%);background: -moz-linear-gradient(top, #F0EDE8 0%, #CFC4AD 100%);background: -webkit-linear-gradient(top, #F0EDE8 0%,#CFC4AD 100%);box-shadow: 0px 0px 9px rgba(0,0,0,0.15);padding: 0px;border-radius: 10px 10px 0 0;}
.menu ul {white-space: nowrap;list-style: none;position: relative;display: inline-table; padding:0px;margin:0px;}
.menu > li > a, .menu li a {border-bottom:none }
.menu ul li { padding: 0px;}
.menu > ul > li {display: inline-block; }
.menu ul li a {display: block;text-decoration: none;color: #ad227a;font-size:.88em }
.menu ul li > a {background:inherit;padding: 0.8em 1.15em}
.menu ul ul {border-radius:0px 0px 0px 0px; border-bottom: 5px solid  #9EC2A6;display: none;position: absolute; top:100%}
.menu ul ul li:last-child {margin-bottom:-5px;border-bottom: 6px solid #9EC2A6;}
.menu ul li:hover > ul { display: block;}
.menu ul ul > li {position: relative;border-bottom:2px dotted white; background:#CFC4AD;        width:100%}
.menu ul ul > li a {padding: .9em;background-color:#CFC4AD;color:#ad227a;}
.menu ul ul > li a:hover, .menu li:hover > a {color:#422c11}
.menu ul ul ul {position: absolute; left: 100%; top:0;margin-bottom:0px;border-bottom: 6px solid #9EC2A6;}
.menu ul ul li.has-submenu a:hover, .menu li.has-submenu ul.submenu li:hover ul {position: absolute;top: 0;left: 0;display: block;}
.menu li.has-submenu > a.active:after{background: url(../images/arrow-down-active.png) no-repeat 95% center;}
.menu li.has-submenu > a.active:after, .menu li.has-submenu > a:after {content: "";}
nav {display: block;z-index: 11;position: relative;border-bottom: 4pt solid #9CC3A6;width:100%}
.menu a:hover, .menu .has-submenu a:hover {background-color:#422c11;color:#FFF !important}
.menu li.has-submenu > a {background: url(../images/arrow-down.png) no-repeat 95% center;margin-right: 12px;}
/*-tablet-*/
@media only screen and (max-width:780px){
.container {max-width: 768px;margin:0 auto}
#headerlinks {margin-top: 30px;}
#headerlinks p {font-size: 0.87em;line-height: 1.3;}
#headerlinks p.slogan {font-size: 1em;letter-spacing: 2px;}
/* Navigation mobile styles ----------------------------------------------------------------------------------------------------*/
a.menu-link {display: block !important; color: #ad227a; background-color: #9EC2A6; text-decoration: none; padding: 15px 10px;font-size: 1.5em;text-align:center;margin-bottom:5px;border-radius: 10px}
.menu { clear: both;float: none;margin-bottom:0px;border-radius: 10px;font-size: 1.3em;}
.menu, .menu > ul ul { overflow: hidden; max-height: 0; background:#ad227a;width:100% }
.menu > li > ul.sub-menu { padding: 0px; border: none;}
.menu.active, .menu > ul ul.active { max-height: 55em;}
.menu > ul ul ul.active {text-indent:30px}.
menu ul ul li:last-child {margin-bottom: 0px;}
.menu ul {display: inline;}
.menu li, .menu > ul > li { display: block;}
.menu li a {display: block; padding: 1.5em; border-bottom: 1px solid #9EC2A6;position: relative;text-decoration: none; }
.menu ul li a { color:#fff; text-shadow: none;padding: 1.2em; }
.menu li.has-submenu > a:after {content: '+';position: absolute;top: 0;right: 0;display: block;font-size: 1.3em;padding: 0.45em 0.5em;}
.menu li.has-submenu > a.active:after {content: "–";}
.menu li.has-submenu > a, .menu li.has-submenu > a.active:after {background:none;margin-right: 0px;}
.menu ul ul > li {border-bottom:none;}
.menu ul ul > li a { background-color: #e4e4e4;padding: 1.4em 0 1.4em 3.5em;box-shadow:none;background:#fff;color:#000 }
.menu ul ul, .menu ul ul ul {position: relative; left: auto; top:auto;border:none; }
#menu-sign {float:none;text-align:center;margin:0 auto}
nav {border-bottom: none;}
/*-mobile-*/
@media only screen and (max-width:600px){
.container {width: 99.5%; margin: 0 auto;}
/* ~~ The header  ~~ */
.logo {display: block;float: none;height: 155px;width: 218px;margin-right: auto;margin-left: auto;}
/* Header links/text styles ----------------------------------------------------------------------------------------------------*/
#headerlinks {float: none;margin-top: -10px;color: #000;text-align: center;display: block;margin-right: auto;margin-left: auto;width:90%}
#headerlinks p {color: #412C11;font-size: 0.8em;line-height: normal;text-shadow: none;}
#headerlinks p.slogan {display: none;}
/* sidebar and main content ----------------------------------------------------------------------------------------------------*/
.sidebar1 {float: none;width:100%;clear:both}
.content {width:100%;float: none;}
.oneThird {float:none; width:95%;}
.oneThirdLast {float: none;width: 100%;}
.twoThirds {float:none;width:95%;margin-left:4%}
.oneFourth {float: left;width: 95%;}
input[type="text"], input[type="email"] {width:95%;}
form .oneThird .floatRight {float:left !important}
form p {margin-bottom:0px}
footer {border-top: 3pt solid #9CC3A6;padding: 4px 0;padding-top: 5px;}
footer div.floatLeft, footer div.floatRight {float:none;padding:0}
footer .floatRight p.alignRight {float:none;type-align:center;margin-bottom:1px}