@import 'reset.css';
@import 'defaults.css';

/* latin-ext */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 600;
  src: local('Exo DemiBold'), local('Exo-DemiBold'), url(../fonts/L85fydFE1kjcUwKEd9T0LfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 600;
  src: local('Exo DemiBold'), local('Exo-DemiBold'), url(../fonts/7elr158u735yPgzh9pDCKA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


body {
	background: #fff;
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: Verdana;
	font-weight: 300;
}

#bgImage {
	background: url(../../content/image/bg.jpg) repeat-x;
}

h1, h2, h3 {
	margin-bottom: .4em;
	font-weight: 300;
	font-family: 'Exo', 'Trebuchet MS', Verdana, sans-serif;
}

#main h1 {
	color: #35006D;
	font-size: 35px;
}

#main h2 {
	color: #636363;
	font-size:27px;
}

#main h3 {
	color: #787878;
	font-size: 19px;
}

a:link {
	/*color: #047DA2;*/
	/*color: #35006D;*/
	color: #330066;
	text-decoration: none;
}
a:visited {
	color: #35006D;
	text-decoration: none;
}
a:hover {
	color: #000000;
}

#editLinks {
    position: absolute !important;
    width: 100%;
}

#container {
	position: relative;
	width: 1170px;
	margin: 0 auto;
	padding: 0px;
}

#header {
	height: 156px;
	padding: 40px 0px 0px;
}

#header h1 {
	/*width: 336px;*/
	/*width: 594px;*/
	width: 340px;
	text-indent: -999em;
	background: url(../../content/image/logo_sm.png) no-repeat;
    margin-top:35px;
}

#header h1 a {
	display: block;
	/*height: 60px;*/
	/*height: 136px;*/
	height: 78px;
}

#search_container {
    position: absolute;
    right: 155px;
    /*top: 25px;*/
	top: 90px;
}

#search input[type="text"] {
    background: url("../../content/image/bar.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 24px;
    vertical-align: middle;
    width: 115px;
	padding: 0px 8px 0px 12px !important;
}

#search input[type="image"] {
    vertical-align: middle;
}

#topBtn {
	position: absolute;
	/*top: 25px;*/
	top: 90px;
	right: 15px;
	background: #CC0C00;
	font-size: 14px;
	color: #fff;
	padding: 2px 15px 3px;
	display: block;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

#topBtn a {
	color: #fff;
	text-decoration: none;
}

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

#mainImage {
	min-height: 50px;
	background-color: #fff;
}

#main {
	background: #fff;
	font-size: 14px;
	color: #787878;
}

#main .padding {
	padding: 20px;
}

#full_pink {
	background: #f4eded;
	margin: 0px -355px;
	float: left;
	margin-bottom: 15px;
}

#fullPink {
	width: 75%;
	margin: 0 auto;
}

.grayButton {
	/*background: #736767;*/
	background: #35006D;
	font-size: 31px;
	color: #fff;
	padding: 35px 0px 0px 0px;
	display: block;
	width: 280px;
	height: 90px;
	float: left;
	margin: 0px 0px 20px 12px;
	text-align: center;
}

.grayButton a {
	color: #fff;
	text-decoration: none;
}

.grayButton a:hover {
	color: #fff;
	text-decoration: none;
}

.grayButton p {
	margin: 0px;
}

#bottom {
	/*background: #a80532;*/
	background: #CC0C00;
	min-height: 200px;
}

#footer {
	color: #cb9eab;
	width: 1150px;
	margin: 0 auto;
	font-size: 14px;
	position: relative;
	padding: 20px 0px 0px 20px;
	line-height: 25px;
}

#footer a {
	color: #cb9eab;
	text-decoration: none;
}

#social {
	position: absolute;
	top: 20px;
	right: 20px;
}

/*
#ds_left, #ds_right {
	position: absolute;
	top: 0;
	width: 25px;
	height: 420px;
}
#ds_left {
	left: 0;
	background: url(../image/ds_left.png) top left no-repeat;
}
#ds_right {
	right: 0;
	background: url(../image/ds_right.png) top left no-repeat;
}

*/

.AccountStatus{font-size:10px; position:absolute; top:0px; right:0px;}

/*---	Theme Settings			---
-----------------------------------*/

.primary {
	color: #2681f3;
}
.secondary {
	color: #333;
}
.tertiary {
	color: #5F5F5F;
}

.btn.primary {
	background-color: #0C65CF;
}
.btn.secondary {
	background-color: #222;
}
.btn.tertiary {
	background-color: #5F5F5F;
}

.btn {
	display: inline-block;
	background-repeat: repeat-x;
	border: none;
	color: #fff !important;
	text-decoration: none !important;
	cursor: pointer;
}

.btn img {
	vertical-align: middle; /* Middle align images (such as arrows) on buttons. */
}

.btn_21 {
	padding: 3px 6px;
	background-image: url(../image/btn_highGloss_21_trans.png);
	font-size: 11px;
	line-height: 16px;
}
a.btn_21 {
	padding: 4px 6px 5px;
}

.btn_24 {
	padding: 3px 12px;
	background-image: url(/File/Content/image/btn_highGloss_24_trans.png);
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
}

.form_simple input[type='submit'] {
font-family: Verdana, sans-serif;
font-size: 18px;
font-weight: 100;
padding: 3px 25px 5px;
border:none;
cursor:pointer;
}

.rounded_buttons { display: block; width: 100%; float: left; }

.rounded_buttons > .row {
	float: left;
	max-width: 280px;
}


#main table {
    border: none;
}

#main table td {
    border: none;
    padding: 7px 10px;
}

#main table tr:nth-child(odd) {
    background-color: #D8D8D8;
}

    #main table tr:nth-child(even) {
    background:#F2F2F2;
    }

#main table tr:nth-child(1) {
    background-color: #A0A0A0;
    color: #fff;
}


 body {

padding: 0px 0px 60px;

}

    .event-list {

list-style: none;

font-family: Verdana, sans-serif;

margin: 0px;

padding: 0px;


}

.event-list > li {

box-shadow: 0px 0px 5px rgb(51, 51, 51);

box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);

padding: 0px;

margin: 0px 0px 20px;
height: 120px;

}

.event-list > li > time {

display: inline-block;

width: 100%;

color: rgb(255, 255, 255);

background-color: rgb(144, 11, 53);

padding: 5px;

text-align: center;

text-transform: uppercase;

}

.event-list > li:nth-child(even) > time {

background-color: rgb(144, 11, 53);

}

.event-list > li > time > span {

display: none;

}

.event-list > li > time > .day {

display: block;

font-size: 56pt;

font-weight: 100;

line-height: 1;

}

.event-list > li time > .month {

display: block;

font-size: 24pt;

font-weight: 900;

line-height: 1;

}

.event-list > li > img {

width: 100%;

}

.event-list > li > .info {

padding-top: 5px;

text-align: center;
height: 120px;

}

.event-list > li > .info > .title {

font-size: 16pt;

font-weight: 700;

margin: 0px;

}

.event-list > li > .info > .desc {

font-size: 12pt;

font-weight: 300;

margin: 0px;

}

.event-list > li > .info > ul,

.event-list > li > .social > ul {

display: table;

list-style: none;

margin: 10px 0px 0px;

padding: 0px;

width: 100%;

text-align: center;

}

.event-list > li > .social > ul {

margin: 0px;

}

.event-list > li > .info > ul > li,

.event-list > li > .social > ul > li {

display: table-cell;

cursor: pointer;

color: rgb(30, 30, 30);

font-size: 11pt;

font-weight: 300;

        padding: 3px 0px;

}

    .event-list > li > .info > ul > li > a {

display: block;

width: 100%;

color: rgb(30, 30, 30);

text-decoration: none;

} 

    .event-list > li > .social > ul > li {    

        padding: 0px;

    }

    .event-list > li > .social > ul > li > a {

        padding: 3px 0px;

} 

.event-list > li > .info > ul > li:hover,

.event-list > li > .social > ul > li:hover {

color: rgb(30, 30, 30);

background-color: rgb(200, 200, 200);

}

.facebook a,

.twitter a,

.google-plus a {

display: block;

width: 100%;

color: rgb(75, 110, 168) !important;

}

.twitter a {

color: rgb(79, 213, 248) !important;

}

.google-plus a {

color: rgb(221, 75, 57) !important;

}

.facebook:hover a {

color: rgb(255, 255, 255) !important;

background-color: rgb(75, 110, 168) !important;

}

.twitter:hover a {

color: rgb(255, 255, 255) !important;

background-color: rgb(79, 213, 248) !important;

}

.google-plus:hover a {

color: rgb(255, 255, 255) !important;

background-color: rgb(221, 75, 57) !important;

}


@media (min-width: 768px) {

.event-list > li {

position: relative;

display: block;

width: 100%;

height: 120px;

padding: 0px;

}

.event-list > li > time,

.event-list > li > img  {

display: inline-block;

}

.event-list > li > time,

.event-list > li > img {

width: 120px;

float: left;

}

.event-list > li > .info {

background-color: rgb(245, 245, 245);

overflow: hidden;

}

.event-list > li > time,

.event-list > li > img {

width: 120px;

height: 120px;

padding: 0px;

margin: 0px;

}

.event-list > li > .info {

position: relative;

height: 120px;

text-align: left;

padding-right: 40px;

}

.event-list > li > .info > .title, 

.event-list > li > .info > .desc {

padding: 0px 10px;

}

.event-list > li > .info > ul {

position: absolute;

left: 0px;

bottom: 0px;

}

.event-list > li > .social {

position: absolute;

top: 0px;

right: 0px;

display: block;

width: 40px;

}

        .event-list > li > .social > ul {

            border-left: 1px solid rgb(230, 230, 230);

        }

.event-list > li > .social > ul > li {

display: block;

            padding: 0px;

}

.event-list > li > .social > ul > li > a {

display: block;

width: 40px;

padding: 10px 0px 9px;

}

}



.eventDates {
    width: 120px;
    display: inline-block;
    float: left;
    height: 120px;
    text-align: center;
    padding-top: 20px;
    box-sizing: border-box;
    background-color: #35006D;
    color:#fff;
}

.eventImage {
    width: 120px;
    float: left;
    height: 120px;
    box-sizing: border-box;
    padding: 8px;
    background-color:#fff;
}

.eventImage img {
    width: 100%;
}

.eventInfo {
    padding: 5px 15px 5px 260px;
    rgb(245, 245, 245);
    background-color:rgb(245, 245, 245) ;
    box-sizing: border-box;
    height:120px;
}

    .eventInfo h2
    {
        font-size: 24px !important;
    }