@import url( fonts.css );

body {
	background-color: #222222;
	color: #000000;
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 12pt;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

img {
	max-width: 100%;
	height: auto!important;
}

a {
	color: #EE3780;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #EE3780;
}

hr {
	border-top: 2px solid #e43e88;
	width: 15%;
	margin: 20px auto;
}

img.right {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	max-width: 460px;
	height: auto!important;
}

img.left {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	max-width: 460px;
	height: auto!important;
}

.heading, h1, h2, h3, h4, h5 {
	color: #000000;
	font-family: 'FuturaStdMediumRegular', sans-serif;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 1.1em;
	margin: 15px 0;
	text-transform: uppercase;
}

h1,
.heading.one {
	font-size: 280%;
}

h2,
.heading.two {
	font-size: 240%;
}

h3,
.heading.three {
	font-family: 'Playfair Display', serif;
	font-size: 200%;
	text-transform: none;
	/*font-style: italic;*/
}

h4,
.heading.four {
	font-size: 130%;
	font-family: FuturaStdMediumRegular, sans-serif;
	font-style: normal;
}

h5,
.heading.five {
	font-family: 'Playfair Display', serif;
	font-size: 110%;
	text-transform: none;
	font-style: italic;
}
.heading a, h1 a, h2 a, h3 a, h4 a {
	color: inherit;
	text-decoration: none;
}

div.page-title {
	text-align: center;
	background-color: #222222;
	padding: 30px 0;
}


div.page-title h1 {
	color: #ffffff;
	font-family: 'Playfair Display', serif;
	text-transform: none;
	font-style: italic;
	margin: 0;
}

/*--- MAIN WRAPPER ---*/

.wrapper {
	margin: 0px auto;
	padding: 0px 20px;
	position: relative;
	text-align: left;
	/*max-width: 1485px;*/
}

.wrapper.footer {
	text-align: center;
}

/*--- HEADER ---*/

#header {
	background-color: #ee3780;
	height: 100px;
	left: 0;
	padding: 0;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 999;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#header.active {
	top: 0;
}

#header.open,
#header.active,
#header:hover {
	background-color: #ee3780;
}

/*--- NAVIGATION ---*/

#logo {
	float: left;
	width: 210px;
	padding: 10px 0;
}

#footer-logo {
	width: 150px;
	padding: 10px 0;
	margin: 0 auto;
}

#logo img,
#footer-logo img {
	height: auto;
	max-width: 100%;
	width: auto;
}

#navigation {
	height: 100px;
	text-align: right;
	margin-left: 200px;
}

/* Root = Horizontal, Secondary = Vertical */
ul#menu {
	border: 0px none;
	display: inline-block;
	height: 100px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
}

ul#menu li {
	background: none;
	display: block;
	float: left; /*For Gecko*/
	height: 100px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	text-align: center;
}

ul#menu ul {
	background-color: #EE3780;
	display: none;
	left: 0;
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 210px;
}

ul#menu ul:after /*From IE 7 lack of compliance*/{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	font: 1px/0px serif;
	visibility: hidden;
}

ul#menu ul li {
	background-image: none;
	background-color: #EE3780;
	border: none;
	color: #f7f7f7;
	display: block !important;
	display: inline; /*For IE*/
	float: left; /*For IE 7 lack of compliance*/
	height: auto;
	padding: 0px;
	text-transform: uppercase;
	text-align: left;
	width: 210px;
}

/* Root Menu */
ul#menu a,
ul#menu li span {
	color: #fcd9e7;
	display: block;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	font-family: 'FuturaMdBTMedium', sans-serif;
	font-size: 12pt;
	font-weight: lighter;
	height: 100px;
	line-height: 100px;
	padding: 0px 20px;
	text-decoration: none;
	text-transform: uppercase;
	z-index: 99;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

ul#menu li.menu-link img {
	max-width: 27px;
}

/*ul#menu > li > a {
	display: table;
	width: 100%;
}

ul#menu > li > a > span {
	display: table-cell;
	padding: 0px 10px;
	vertical-align: middle;
}*/


ul#menu ul a {
	letter-spacing: normal;
	text-transform: none;
}

/* 2nd Menu */
ul#menu li ul li a,
ul#menu li ul li ul li a,
ul#menu li ul li ul li ul li a {
	font-family: 'Playfair Display', serif;
	text-transform: none;
	font-style: italic;
}

/* Root Menu Hover Persistence */
ul#menu a:hover,
ul#menu li:hover a,
ul#menu li.iehover a {
	color: #222222;
	text-decoration: none;
}

/* 2nd Menu */
ul#menu li:hover li a,
ul#menu li.iehover li a {
	color: #FFFFFF;
	float: none;
	height: auto;
	line-height: 1.1em;
	padding: 10px 22px;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	text-transform: none;
}

/* 2nd Menu Hover Persistence */
ul#menu li:hover li:hover, ul#menu li.iehover li.iehover {
	background-color: #222222;
}

ul#menu li:hover li a:hover,
ul#menu li:hover li:hover a,
ul#menu li.iehover li a:hover,
ul#menu li.iehover li.iehover a {
	color: #ffffff;
}

/* 3rd Menu */
ul#menu li:hover li:hover li a,
ul#menu li.iehover li.iehover li a {
	background-color: #EE3780;
	color: #fff;
}

/* 3rd Menu Hover Persistence */
ul#menu li:hover li:hover li a:hover,
ul#menu li:hover li:hover li:hover a,
ul#menu li.iehover li.iehover li a:hover,
ul#menu li.iehover li.iehover li.iehover a {
	background-color: #000000;
	color: #ffffff;
}

/* 4th Menu */
ul#menu li:hover li:hover li:hover li a,
ul#menu li.iehover li.iehover li.iehover li a {
	background-color: #EE3780;
	color: #fff;
}

/* 4th Menu Hover */
ul#menu li:hover li:hover li:hover li a:hover,
ul#menu li.iehover li.iehover li.iehover li a:hover {
	background-color: #000000;
	color: #ffffff;
}

ul#menu ul ul,
ul#menu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 210px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu li:hover ul ul,
ul#menu li:hover ul ul ul,
ul#menu li.iehover ul ul,
ul#menu li.iehover ul ul ul {
	display: none;
}

ul#menu li:hover ul,
ul#menu ul li:hover ul,
ul#menu ul ul li:hover ul,
ul#menu li.iehover ul,
ul#menu ul li.iehover ul,
ul#menu ul ul li.iehover ul {
	display: block;
}

/*--- CONTENT ---*/

#content-container,
#inside-content-container {
	background-color: #e2e2e2;
	min-height: 300px;
}

#content-container,
#inside-content-container {
	min-height: 300px;
	padding-top: 120px;
	padding-bottom:20px;
}

#content {
	min-height: 300px;
	padding: 0;
}

#inside-content {
	border: 2px solid #0d0d0d;
	background-color: #ffffff;
	min-height: 500px;
	margin: 0 0 0 0;
}

.login-wrapper {
	border: 2px solid #0d0d0d;
	background-color: #ffffff;
	min-height: 200px;
	margin: 0 auto;
	max-width: 400px;
	padding: 10px 20px;
}

.login-wrapper h2 {
	font-size: 140%;
}

#login-form {
	margin: 0 0 20px;
}
/*base box styles*/

.box {
	background-color: #F3F3F3;
	border: 2px solid #0d0d0d;
	margin-bottom: 20px;
}

.item-button {
	/*padding-left: 40px;*/
}

.item-link {
	color: inherit;
	display: block;
}

.icon-container {
	background-color: #222222;
	display: block;
	margin-bottom: 10px;
	padding: 10px;
}

.icon-container img {
	display: inline-block;
}

.icon-container span.heading {
	color: #ffffff;
	padding: 0 10px;
	vertical-align: middle;
}

.icon-container.block {
	display: inline-block;
	float: left;
	text-align: center;
	margin-right: 20px;
	width: 150px;
}

.icon-container.block span {
	display: block;
	padding: 5px 0 0 0;
}

.item-container {
	padding: 10px;
}

.item-container:nth-of-type(even) {
	background-color: #f3f3f3;
}

.item-title h3 {
	margin: 0;
	font-size: 145%;
	line-height: 1.1em;
}

.item-subtitle {
	font-size: 85%;
}

.item-description p:last-child {
	margin-bottom: 0;
}

.item-subtitle span {
	color: #f69bbf;
}

.item-title-container {
	display: inline-block;
}

/*memo*/

.item-button.memo {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
	padding: 0;
}

.memo.item-container .item-title {
	font-size: 160%;
}

.memo.item-container .item-description {
	max-width: 80%;
}

.memo-view-item-container {
	padding: 10px 20px;
}

.memo-view-item-posted {
	font-size: 90%;
	font-style: italic;
}

/*calendar*/

.calendar.item-container {
	margin: 0;
	padding: 0 10px 10px;
	width: 100%;
}

.calendar.item-container a {
	display: block;
}

.item-calendar-number {
	float: left;
	width: 70px;
}

.item-calendar-content {
	margin-left: 80px;
	min-height: 70px;
}

.calendar-date {
	background-color: #EE3780;
	color: #ffffff;
	display: block;
	font-size: 200%;
	font-family: 'Playfair Display', serif;
	height: 70px;
	line-height: 70px;
	letter-spacing: 0px;
	text-align: center;
	width: 70px;
}

.calendar-container .box {
	padding-bottom: 0px;
}

/*files*/

.item-button.file {
	padding: 5px 10px 5px 0;
}

/*video*/

.video.item-container {
	padding: 0;
	width: 100%;
}

.item-video-image,
.item-video-content {
	display: inline-block;
}

.item-video-image {
	vertical-align: top;
}

.item-video-content {
	max-width: 50%;
	padding: 10px;
}

/* header */

div.header-wrap {
	background-color: #222222;
	position: relative;
	text-align: center;
	z-index: 1;
}

.menu-container {
	bottom: 0;
	height: 100%;
	position: absolute;
	top: 0;
}

.menu-container#left {
	left: 0;
}

.menu-container#right {
	right: 0;
}

.button-wrapper {
	display: table;
	height: 100%;
}

a.menu-button {
	background-repeat: no-repeat;
	background-position: center;

	border-radius: 3px;
	display: table-cell;
	padding: 10px;
	height: 100%;
	text-align: left;
	text-indent: -9999px;
}

a.menu-button.grey {
	background-color: #3c3c3c;
}

a.menu-button.back {
	background-color: transparent;
	background-image: url( ../images/slideshow_previous.png );
	width: 50px;
}

a.menu-button.calendar-circle {
	background-color: transparent;
	background-image: url( ../images/calendar-icon.png );
	background-size: 50px;
	width: 70px;
}

a.menu-button.memo-circle {
	background-color: transparent;
	background-image: url( ../images/memo-icon.png );
	background-size: 50px;
	width: 70px;
}

a.menu-button.video-circle {
	background-color: transparent;
	background-image: url( ../images/movie-icon.png );
	background-size: auto 50px;
	width: 70px;
}

a.menu-button.calendar {
	background-image: url( ../images/cal-icon.png );
	width: 70px;
}

a.menu-button.trash {
	background-image: url( '../images/trash-icon.png' );
	width: 70px;
}

a.menu-button.add {
	background-image: url( '../images/plus-icon.png' );
	width: 70px;
}

a.menu-button.edit {
	background-image: url( '../images/edit-icon.png' );
	background-size: auto 30px;
	width: 70px;
}

a.menu-button.list-view {
	background-image: url( '../images/list-icon.png' );
	width: 70px;
}

a.menu-button.home {
	background-image: url( '../images/home-icon.png' );
	background-size: auto 50px;
	width: 70px;
}

a.menu-button.search {
	background-image: url( '../images/search.png' );
	background-size: 30px auto;
	width: 70px;
}

a.menu-button.grey:hover {
	background-color: #ee3780;
}

a.menu-button.back:hover {
	background-color: #ee3780;
}

div.header-wrap h1 {
	color: #fff;
	display: inline-block;
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-weight: 400;
	line-height: 1em;
	margin: 0 auto;
	padding: 10px 10px;
	text-transform: none;
	text-align: center;
}

div.header-wrap h1 em {
	display: block;
	font-size: 35%;
	font-family: 'FuturaStdMediumRegular', sans-serif;
	font-style: normal;
	line-height: 1em;
	padding-top: 5px;
}

div.header-wrap .icon-container.block {
	/*display: inline-block;*/
	float: left;
	text-align: center;
	margin-right: 20px;
	width: auto;
	height: 120px;
}

div.header-wrap .icon-container.block span {
	display: block;
	padding: 5px 0 0 0;
	font-size: 100%;
}

div.header-wrap div#list-back {
	float: left;
	height: 120px;
	/*width: 100px;*/
	padding: 0 10px;
	line-height: 120px;
}

div.header-wrap div#list-back img {
	max-width: 16px;
}

.content-wrap {
	padding: 15px;
}

/*--- FOOTER ---*/

#footer-container {
	background-color: #222222;
	color: #ffffff;
	padding: 10px 0 40px 0;
	text-align: center;
}

#footer-container a {
	color: #ffffff;
	margin: 0;
	text-decoration: none;
}

#footer-container p {
	color: #ffffff;
	margin: 5px 0;
}

#footer-container h4 {
	color: #ffffff;
	font-size: 12pt;
	margin-bottom : 5px;
}

#footer-container ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#footer-container ul li {
	background: none;
	margin: 0;
	padding: 0 0 3px;
}

#footer-container h4 a:hover,
#footer-container h4 a {
	color: #fff;
}

.btn.footer {
	margin: 0;
}


/*--- OTHER ---*/


/**
* Message Boxes
*/

div.msg-error,
div.msg-success,
div.msg-warning,
div.msg-information,
div.msg-question {
	background-repeat: no-repeat;
	background-position: 34px center;
	color: #f5f5f5;
	padding: 17px 10px 17px 104px;
	text-align: left;
	margin-bottom: 10px;
	min-height: 40px;
}

div.msg-error {
	background-image: url( '../images/message-error-bg.png' );
	background-color: #dd2327;
	border: 6px solid #f7464a;
}

div.msg-information {
	background-image: url( ../images/message-info-bg.png );
	background-color: #5f5f5f;
	border: 6px solid #291d11;
}

div.msg-question {
	background-image: url( ../images/message-question-bg.png );
	background-color: #007d7b;
	border: 6px solid #46bfbd;
}

div.msg-success {
	background-image: url( '../images/message-success-bg.png' );
	background-color: #5ba800;
	border: 6px solid #79dd03;
}

div.msg-warning {
	background-image: url( '../images/message-warning-bg.png' );
	background-color: #fdb45c;
	border: 6px solid #fdce5c;
	color: #291d11;
}

div.msg-error a,
div.msg-success a,
div.msg-warning a,
div.msg-information a,
div.msg-question a {
	color: inherit;
	text-decoration: underline;
}

span.input-error {
	color: #C20000;
	display: block;
	margin: 5px;
}

.clear {
	clear: both;
}

/* form styles */
a.btn,
.btn {
	background-color: #EE3780;
	border: 0;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-family: 'FuturaMdBTMedium', sans-serif;
	font-size: 90%;
	letter-spacing: 2px;
	line-height: normal;
	padding: 9px 35px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-appearance: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

a.btn:hover,
.btn:hover {
	background-color: #303030;
	/*border-color: #ffffff;*/
	color: #ffffff;
	text-decoration: none;
}

a.btn.alternate,
.btn.alternate {
	border: 0;
	background-color: #303030;
	color: #ffffff;
}

a.btn.alternate:hover,
.btn.alternate:hover {
	border: 0;
	background-color: #e43c87;
	color: #ffffff;
}

a.btn.white,
.btn.white {
	border: 0;
	background-color: #ffffff;
	color: #303030;
}

a.btn.white:hover,
.btn.white:hover {
	border: 0;
	background-color: #e43c87;
	color: #ffffff;
}

a.btn.small,
.btn.small {
	font-size: 80%;
	font-style: italic;
	padding: 9px 22px;
	text-transform: none;
	letter-spacing: 0px;
}

input[type=submit] {
	-webkit-appearance: none;
	border: 0;
}

#map {
	height: 350px;
}

select.form,
input[type=text].form,
textarea.form,
form.notify select,
form.notify input[type=text],
form.notify input[type=password],
form.notify input[type=email] {
	background: #ffffff; /* Old browsers */
	border: 1px solid #EE3780;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #00264c;
	display: inline-block;
	font-size: 90%;
	margin: 0px;
	max-width: 700px;
	padding: 7px 9px;
	vertical-align: middle;
	width: 100%;
}

fieldset.search form.notify input[type=text] {
	max-width: 400px;
}

input[type=text].file_path.form,
form.notify input[type=text].file_path {
	direction: rtl;
	text-align: left !important;
}

select.form,
form.notify select {
	width: auto;
}

form.notify div.input {
	margin: 7px 0;
}

form.notify label {
	/*display: none;*/
	font-size: 100%;
	font-weight: 700;
	letter-spacing: 0px;
	padding-bottom: 5px;
}

form.notify label.inline {
	display: inline-block;
}

span.form-error,
form.notify label.error {
	color: red;
	display: block;
}

/* table */

.contentTable {
	border: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
}

.contentTable td,
.contentTable th {
	padding: 10px;
	vertical-align: top;
}

.contentTable th a {
	color: #000;
}

.contentTable th a:hover {
	color: #EE3780;
}

.contentTable td {
	word-break: break-all;
}

.contentTable thead {
	border-bottom: 1px solid #ddd;
}

.contentTable tbody tr:nth-child(even) {
	background-color: #f9f9f9;
}

.contentTable tbody tr:hover {
	background-color: #f4f4f4;
}

.contentTable td.view,
.contentTable td.action {
	text-align: center;
	width: 60px;
}

.contentTable td.view {
	width: 100px;
}

fieldset.search {
	background-color: #F0F0F0;
	border: 0;
	display: none;
	margin: 0;
	padding: 15px 10px;
	text-align: right;
}

fieldset.search.show {
	display: block;
}

a.link_ASC {
	background-image: url( ../images/sort_asc.gif );
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: right center;
	display: inline-block;
	padding-right: 20px;
}

a.link_DESC {
	background-image: url( ../images/sort_desc.gif );
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: right center;
	display: inline-block;
	padding-right: 20px;
}

#ImageUpload {
	margin-bottom: 10px;
}

div.field {
	margin-bottom: 10px;
}

.form-wrapper {
	margin: 0 auto;
	max-width: 700px;
}

.ui-datepicker-trigger {
	display: none;
}

.calendar_month_link {
	background-image: url( ../images/arrow-left.png );
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center;
	display: inline-block;
	text-align: left;
	text-indent: -9999px;
	vertical-align: middle;
	width: 20px;
}

.calendar_month_link.next_month {
	background-image: url( ../images/arrow-right.png );
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center;
	display: inline-block;
	text-align: left;
	text-indent: -9999px;
	vertical-align: middle;
	width: 20px;
}

.read-list {
	border-top: 1px solid #eee;
	font-size: 90%;
	font-style: italic;
	margin-top: 30px;
	padding-top: 10px;
}

.read-list p,
.read-list h4 {
	margin: 0 0 5px;
}

#welcome-bar {
	color: #000000;
	font-family: 'FuturaStdMediumRegular', sans-serif;
	font-size: 95%;
	line-height: 1em;
	padding: 0 0 20px;
	text-align: right;
	text-transform: uppercase;
}

.navigation-container {
	padding: 10px 0;
	text-align: center;
}

.navigation-container a,
.navigation-container span {
	border: 1px solid #eee;
	color: #222222;
	display: inline-block;
	font-size: 90%;
	margin: 2px;
	padding: 5px;
}

.navigation-container a {
	color: #EE3780;
}

.navigation-container a:hover {
	background-color: #EE3780;
	color: #fff;
}