@import "main.css";

.clearFix {
	clear: both;
	height: 1px;
}

#mainmiddle {
	background: transparent;
	margin-top: 26px !important;
}
#contentdiv {
	background: url('../images2/tabBG.png') 0 0 repeat;
	margin-top: 33px;
}
#leftbanner {background: transparent;}

.DO-NOT-DELETE {margin-top: 2px !important;}
.slider {position: relative;}
.slider .contentElementImage {width: 100%;}
.slider .contentElementDiv {
	position: absolute;
	display: none;
	width: 100%;
}
.slider .contentElementTitle {display: none;}
.slider .contentElementDesc {
	position: absolute;
	color: #FFF;
	font-size: 45px;
	font-weight: 300;
	line-height: 1;
}
.slider .contentElementDesc.topLeft {
	top: 12px;
	left: 32px;
}
.slider .contentElementDesc.topCenter {
	top: 12px;
	left: 340px;
}
.slider .contentElementDesc.topRight {
	top: 12px;
	right: 111px;	
}
.slider .contentElementDesc.bottomLeft {
	bottom: 32px;
	left: 32px;
}
.slider .contentElementDesc.bottomCenter {
	bottom: 32px;
	left: 340px;
}
.slider .contentElementDesc.bottomRight {
	bottom: 32px;
	right: 111px;	
}
.slider .contentElementDesc.totalFreedom {
	width: 100%;
	height: 100%;
	top: 0;
	lefT: 0;
}
.slider .contentElementDesc p {margin-bottom: 0;}

.statement {
	margin-top: 6px !important;
}
.statement .bannermodcontent {
	background: url('../images2/tabBG.png') 0 0 repeat;
	padding: 12px 8px !important;
	margin-left: 104px;
	font-size: 17px;
	color: #052138;
	min-height: 67px;
}
.statement .bannermodcontent p {margin-bottom: 0;}


/**LEFTBANNER**/
.calendar, .news, .moreCal, .moreNews {display: none;}

#tab_content {
	background: url('../images2/tabBG.png') 0 0 repeat;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 8%;
	margin-top: -5px;
}

.tabs .bannermodtitle a {
	height: 33px;
	display: inline-block;
	position: relative;
	margin-left: 0;
	margin-right: -1px;
	background-color: #e9e5dd;
}
.ie8 .tabs a {margin-left: -2px !important;}
.tabs .bannermodtitle a:first-child {margin-left: 0;}
.tabs .bannermodtitle a span {
	position: absolute;
	z-index: 2;
	color: #860038;
	text-align: center;
	text-transform: uppercase;
	font: 400 20px 'Times New Roman', times, sans-serif;
	padding: 8px 0 0 0;
	width: 100%;
}
.tabs .bannermodtitle a img {
	background: url('../images/home/tabsBG.jpg') 0 0 repeat;
	position: absolute;
	height: 33px;
	width: 100%;
}
.tabs .bannermodtitle a.on {background: transparent url('../images2/tabBG.png') 0 0 repeat;}
.calBtn {
	width: 42%;
        margin-left: 5% !important;
}
.newsBtn {
	width: 40%;
}

.listonly_block > a, #newscon > a {
	font-size: 12px;
	text-decoration: none;
}
.listonly_block > a:hover, #newscon > a:hover {text-decoration: underline;}


/***MIDDLE***/
#contentdiv #text1 {
	float: left;
	width: 32%;
}

.mediaBtn, .blogBtn, .directoryBtn {
	background-color: #760031;
	display: block;
	color: #FFF !important;
	font: bold 16px 'times new roman', times, sans-serif;
	max-width: 162px;
	width: 100%;
	margin-bottom: 20px;
}
.mediaBtn span, .blogBtn span, .directoryBtn span {
	border: 2px solid #FFF;
	width: 76.5%;
	display: inline-block;
	margin: 2px;
	padding: 6px 9.3%;
}
.mediaBtn span, .directoryBtn span {
	min-height: 35px;
	padding-top: 8px;
}
.blogBtn span {
	min-height: 28px;
	padding-top: 16px;
}

.mediaBtn span {background: url('../images2/mediaBG.png') top right no-repeat;}
.directoryBtn span {background: url('../images2/directoryBG.png') top right no-repeat;}
.directoryBtn {margin-bottom: 0;}
.blogBtn span {background: url('../images2/speechBG.png') top right no-repeat;}

#contentdiv #text2 {
	background-color: #00457c;
	float: right;
	width: 64%;
	margin-top: -1px;
	min-height: 214px;
	position: relative;
}
#contentdiv #text2 > div {
	border: 2px solid #FFF;
	margin: 2px;
	padding-right: 6%;
	min-height: 206px;
}
#contentdiv #text2 img {
	margin: 0 0 0 15px;
	display: inline-block;
	vertical-align: bottom;
	width: 39%;
    position: absolute;
    bottom: 4px;
}
#contentdiv #text2 ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 4%;
	display: inline-block;
	width: 47%;
	vertical-align: middle;
        float: right;
}
#contentdiv #text2 ul li {
	max-width: 140px;
	border-top: 1px solid #FFF;
}
#contentdiv #text2 ul li:first-child {border-top: 0 none;}
#contentdiv #text2 ul li a {
    display: block;
    font: bold 18px 'Times New Roman', times, sans-serif;
    padding: 12px 0;
    text-shadow: 1px 1px 1px rgba(000, 000, 000, 0.4);
    text-decoration: none;
    color: #FFF;
    word-break: normal;
}
#contentdiv #text2 ul li a:hover {color: #13b5ea;}