﻿/* -----------------------------------------------------------------------
	a styles 
---------------------------------------------------------------------------*/
a.morelink {
	color: #CFE8E5;
	font-size:90%;
	margin-left:30px;
	text-decoration:none;
}

a.morelink:hover {
	text-decoration:underline;
}

a.morelink:focus {
	text-decoration:underline;
	outline:dashed 1px #CFE8E5;
}

a.morelinknopad {
	color: #CFE8E5;
	font-size:90%;
	text-decoration:none;
	margin:0;
}

a.morelinknopad:hover {
	text-decoration:underline;
}

a.morelinknopad:focus {
	text-decoration:underline;
	outline:dashed 1px #CFE8E5;
}

@media (max-width: 779px) {
	a.morelinknopad {
		margin:0;
	}
}

@media (min-width: 780px) {
	a.morelinknopad {
		margin-left:30px;
	}
}	


/* -----------------------------------------------------------------------
	h - heading styles 
---------------------------------------------------------------------------*/
h1 {
	font-family:Georgia,sans-serif;
	font-size:120%;
	color: #FFF;
	padding:0;
	margin:0;
	font-weight:normal;
	text-align:left;
}

h1 > a {
	text-decoration:none;
	color: #FFF;
}

h1 > a:focus {
	outline:dashed 1px #FFF;
	text-decoration:underline;
}

h1 > a:hover {
	text-decoration:underline;
}

h2 {
	font-size:100%;
	color:#705c39;
	font-weight:bold;
	margin: 0;
	padding:0;
}


/* -----------------------------------------------------------------------
	Mobile Menu - on homepage, mobilemenuul is the mobile menu
---------------------------------------------------------------------------*/
@media (max-width: 779px) {
	#mobilemenuul > a {
		text-decoration:none;
	}
	
	#mobilemenuul {
		background-color:#94b7bc;
		list-style:none;
		margin-left:0;
		margin:0;
		padding:0;
	}

	#mobilemenuul li {
		margin-left:0;
		padding-left:0;
	}

	#mobilemenuul a {
		text-decoration:none;
	}

	#mobilemenuul a:focus,
	#mobilemenuul a:hover  {
		text-decoration:underline;
	}

	#mobilemenuul>li>a,
	#mobilemenuul>li>a>div {
		color:#2b4445;
		background-color:#94b7bc;
	}

	#mobilemenuul>li>a>div {
		padding:.5em;
	}

	#mobilemenuul>li {
		border-top-style:solid;
		border-top-color:#2b4445;
		border-top-width:2px;
	}

	#mobilemenuul ul a,
	#mobilemenuul ul a div {
		color:#3c5f61;
		font-size:95%;
	}

	#mobilemenuul ul a div {
		padding:.4em .4em .4em 3em;
	}
	
	#mobilemenuul ul {
		list-style:none;
		background-color:#c1dade;
		width:100%;
		padding:0;
		margin:0;
	}


	#mobilemenuul ul>li {
		border-top-style:solid;
		border-top-color:#3c5f61;
		border-top-width:1px;
	}

	.mobilemenuclose  {
		padding:.5em;
		border-top-style:solid;
		border-top-color:#2b4445;
		border-top-width:2px;
	}

	.mobilemenuclose a {
		color:#FFF;
	}
}

@media (min-width: 780px) {
	#mobilemenuul {
		display:none;
	}
}


/* -----------------------------------------------------------------------
	belowheader and #centerbox styles 
---------------------------------------------------------------------------*/
.centerboxtransparent {
	position:relative;
	margin: 0 auto;
	z-index: 3;
	display:block;
}

@media (max-width: 779px) {
	.belowheader {
		padding:0;
		margin:0;
		background-color:#3C5F61;
		color:#FFF;
	}

	.centerboxtransparent {
		min-width:275px;
		width:100%;
		background-color:#3C5F61;
	}

	.welcomemessage>p {
		font-size:110%;
		color:#CFE8E5;
		display:block;
		padding-left:1em;
		font-family:Georgia,sans-serif;
	}
}

@media (min-width: 780px) {
	.belowheader {
		padding:1em;
	}

	.welcomemessage {
		display:none;
	}
}

@media (min-width: 780px) and (max-width:1199px) {
	.centerboxtransparent {
		width: 750px;
	}
}

@media (min-width: 1200px) {
	.centerboxtransparent {
		width: 1100px;
	}
}


/* -----------------------------------------------------------------------
	Positioning Boxes
---------------------------------------------------------------------------*/
.contentpadding10 {
	padding:10px;
}

.contentheaderblue {
	width:100%;
	padding:0;
	margin:0;
	background-color: #3C5F61;
	color:#FFF;
}

@media (max-width:779px) {
	.contentindent {
		padding:0 15px 15px 15px;
	}

	.leftcolumn {
		position:relative;
		display:block;
		width: 100%;
		margin: 0;
		padding:0;
		z-index: 4;
	}

	.columnholder {
		position:relative;
		display:block;

		margin: 0 .5em;
		padding:0;
		z-index: 4;
	}

	.desktopleft_tabletright {
		position:relative;
		display:block;
		width:100%;
		margin: 0;
		padding:0;
		z-index: 4;
	}

	.rightcolumn {
		position:relative;
		display:block;
		width:100%;
		margin: 0;
		padding:0;
		z-index: 4;
	}

	.desktopright_tabletblock {
		position:relative;
		display:block;

		margin: .5em .5em 0 .5em;
		padding:0;
		z-index: 4;
	}

	.leftcontentholder {
		width: 100%;
		margin:0 0 20px 0;
	}

	#squarelinksdesktop {
		display:block;
		width:100%;
		margin:0 auto;
		text-align:center;
	}

	.image50 {
		width:100%;
	}

	.image100 {
		width:90%;
		max-width: 442px;
	}

	#squarelinkstablet {
		display:none;
	}

	.leftcontentholderwhite {
		width: 100%;
		margin:0 20px 20px 0;
		background-color:#EDF8FA;
		padding:0;
	}

	#Event_calendar {
		background-color:#EDF8FA;
		width:100%;
		margin-bottom:.5em;
	}

	.contentholderwhite {
		background-color:#EDF8FA;
		margin:0 0 20px 0;
		padding:0;
	}

	#content_box {
		position:relative;
		width:100%;
		margin: 0px auto;
		color: #000000;
		background: #3C5F61;
		z-index: 22;
		display:block;
	}

	#montcointro {
		display:none;
	}

}

@media (min-width: 780px) {
	#montcointro p {
		margin-bottom:0px;
		color:#000000;
		line-height: 1.4;
		font-size:90%;
	}

	.leftcolumn {
		position:relative;
		float:left;
		margin: 0;
		padding:0;
		z-index: 4;
	}

	.columnholder {
		position:relative;
		float:left;
		margin: 0;
		padding:0;
		z-index: 4;
	}

	.desktopleft_tabletright {
		position:relative;
		padding:0;
		z-index: 4;
	}

	.rightcolumn {
		position:relative;
		float:right;
		margin: 0;
		padding:0;
		z-index: 4;
	}

	.desktopright_tabletblock {
		position:relative;
		padding:0;
		z-index: 4;
	}

	.leftcontentholder {
		margin:0 0 20px 0;
	}

	.leftcontentholderwhite {
		margin:0 20px 20px 0;
		background-color:#EDF8FA;
		padding:0;
	}

	#Event_calendar {
		background-color:#EDF8FA;
	}

	.contentholderwhite {
		background-color:#EDF8FA;
		margin:0 0 20px 0;
		padding:0;
	}
}

@media (min-width: 780px) and (max-width:1199px) {
	.contentindent {
		padding:0 15px 15px 15px;
	}

	.leftcolumn {
		width: 305px;
	}

	.columnholder {
		width: 100%;
	}

	.desktopleft_tabletright {
		float:right;
		width:430px;
		margin: 0 0 10px 0;
	}

	.rightcolumn {
		width:430px;
	}

	.desktopright_tabletblock {
		display:block;
		width:100%;
		margin: 10px 0 0 0;
	}

	.leftcontentholder {
		width: 305px;
	}

	#squarelinksdesktop {
		display:none;
	}

	#squarelinkstablet {
		width:100%;
	}

	#squarelinkstablet img {
		height:120px;
	}

	.leftcontentholderwhite {
		width: 305px;
	}

	#Event_calendar {
		width:100%;
	}
}

@media (min-width: 1200px) {
	.contentindent {
		padding:0 5px 10px 30px;
	}

	.leftcolumn {
		width: 470px;
	}

	.columnholder {
		width: 470px;
	}

	.desktopleft_tabletright {
		float:left;
		width: 470px;
		margin: 0;
	}

	.rightcolumn {
		width:630px;
	}

	.desktopright_tabletblock {
		float:right;
		width:630px;
		margin: 0;
	}

	.leftcontentholder {
		width: 450px;
	}

	#squarelinksdesktop {
		display:block;
		width: 450px;
		margin:0 0 20px 0;
	}

	#squarelinkstablet {
		display:none;
	}

	.leftcontentholderwhite {
		width: 450px;
	}

	#Event_calendar {
		width: 450px;
		margin:0 20px 20px 0;
		padding:0;
	}
}


/* -----------------------------------------------------------------------
	Official Pictures and image gallery
---------------------------------------------------------------------------*/
.officialpic {
	float:left;
}

.officialdiv {
	background-color:#D5EEF2;
	color:#283C3D;
	overflow-x: hidden;
}

.officialwelcome {
	float:right;
	margin:0;
	text-align:center;
}

.officialwelcome h1 {
	color:#283C3D;
	font-family:"Noto Sans","Verdana","Arial",serif;
	text-align:center;
}

.officialwelcome>ul{
	list-style:none;
	list-style-type: none;
	padding:0;
	margin:0;
}

.officialwelcome li{
	list-style:none;
	padding:0;
	margin:0;
}

.officialwelcome a {
	color:#283C3D;
	text-decoration:none;
}

.officialwelcome a:focus {
	outline:dashed 1px #283C3D;
	text-decoration:underline;
}

.officialwelcome a:hover {
	text-decoration:underline;
}

@media (max-width:779px) {
	.officialpic {
		max-width:100%;
		min-width:99px;
		min-height:139px;
		max-height:160px;
	}

	.officialpicdiv {
		width: 30%;
		float:left;
	}

	.officialdiv {
		margin:0 0 1em 0;
		padding:0;
		overflow-y: hidden;
	}

	.officialwelcome {
		width:70%;		
		padding:0;
		min-height:139px;
	}

	.officialwelcome h1 {
		font-size:85%;
		padding:2px;
		margin:0;
	}

	.officialwelcome a {
		font-size:80%;
	}
}

@media (min-width: 780px) and (max-width:1199px) {
	.officialpic {
		height:139px;
		margin:0;
		padding:0;
	}

	.officialdiv {
		min-height:139px;
		margin:0 0 10px 0;
		padding:0;
		overflow-y: auto;
	}

	.officialwelcome {
		width:199px;
		padding:0 2px;
		min-height:139px;
	}

	.officialwelcome h1 {
		font-size:85%;
		padding:2px;
		margin:0;
	}

	.officialwelcome a {
		font-size:80%;
	}
}

@media (min-width: 1200px) {
	.officialpic {
		height:200px;
		margin:0;
		padding:0;
	}

	.officialdiv {
		min-height:200px;
		overflow-y: auto;
	}

	.officialwelcome {
		width:293px;
		padding:0 5px;
		min-height:196px;
	}

	.officialwelcome h1 {
		font-size:105%;
		padding:5px 0 3px 0;
		margin:4px;
	}

	.officialwelcome li{
		padding:2px 0;
	}

	.officialwelcome a {
		font-size:95%;
	}
}


/* -----------------------------------------------------------------------
	L/V/B
---------------------------------------------------------------------------*/
#lvb_outerbox {
	position: relative;
	display:block;
}

div.lvbtop {
	width:100%;
	background-color:#5B4825;
	padding:8px 0 2px 0;
}

div.lvbtop>a {
	text-decoration:none;	
}

div.lvb_contentbox {
	text-align:center;
	vertical-align:top;
	background-color:#FAF2E3;
	border:0;
}

div.lvb_contentbox_nomargin {
	text-align:center;
	background-color:#FAF2E3;
	border:0;
}

.lvbshield {
	position:relative;
	float:left;
}

div.lvbbottom ul {
	list-style:none;
	text-align:left;
	display:block;
	padding:0;
}

.lvbbottom a:focus {
	outline: dashed 1px #5B4825;
	text-decoration:underline;
}

.lvbbottom a:hover {
	text-decoration:underline;
}

div.lvbbottom > ul > li > a {
	text-align:left;
	color: #5B4825;
	text-decoration:none;
}

div.lvbbottom ul li div {
	padding-top:5px;
}

div.lvbbottom > ul > li > div > a {
	color: #3C5F61;
	text-align:left;
	margin-bottom:0px;
	padding-bottom:0px;
	text-decoration:none;
}

div.lvbbottom ul li {
	color: #5B4825;
	font-size:85%;
}

@media (max-width: 779px) {
	#lvb_outerbox {
		margin: 0 auto;
		padding:.5em 0;
		width:100%;
	}

	div.lvb_contentbox {
		margin:0 .5em .5em .5em;
	}

	div.lvb_contentbox_nomargin {
		margin:0 .5em .5em .5em;
	}

	div.lvbbottom ul {
		margin:5px 0 0 65px;
	}

	.lvbshield{
		width:40px;
		padding:0 10px;
	}

	.lvbshieldtext {
		position:relative;
		margin-left:45px;
		font-size:115%;
	}

	div.lvbbottom ul li {
		padding-bottom:8px;
	}
}

@media (min-width: 780px) {
	#lvb_outerbox {
		margin: 0 auto 20px auto;
		padding:0;
		height:100%;
		overflow: hidden;
		z-index:5;
	}

	div.lvb_contentbox {
		float:left;
		padding:0 0 1500em 0;
	}

	div.lvb_contentbox_nomargin {
		float:right;
		padding:0 0 1500em 0;
		margin:0 0 -1499em 0;
	}

	div.lvbbottom ul {
		margin:0;
	}

	div.lvbbottom > ul > li > div > a {
		color: #3C5F61;
		text-align:left;
		margin-bottom:0px;
		padding-bottom:0px;
	}

	.mobilelvbcellright > h1 > br {
		display:none;
	}
}

@media (min-width: 780px) and (max-width:1199px) {
	#lvb_outerbox {
		width:750px;
	}

	div.lvb_contentbox {
		margin:0 13px -1499em 0;
		width:241px;
	}

	div.lvb_contentbox_nomargin {
		width:241px;
	}

	.lvbshield{
		width:42px;
		padding-left:5px;
	}

	.lvbshieldtext {
		position:relative;
		margin-left:55px;
		font-size:115%;
	}

	.lvbbottom {
		position:relative;
		margin:10px 5px 0 55px;
	}

	div.lvbbottom ul li {
		padding-bottom:8px;
	}

}

@media (min-width: 1200px) {
	#lvb_outerbox {
		width:1100px;
	}

	div.lvb_contentbox {
		margin:0 17.5px -1499em 0;
		width:355px;
	}

	div.lvb_contentbox_nomargin {
		width:355px;
	}

	.lvbshieldtext {
		position:relative;
		margin-left:75px;
		font-size:130%;
		padding:10px 5px 5px 15px;
	}

	.lvbbottom {
		position:relative;
		margin:10px 5px 0 90px;
	}

	.lvbshield {
		padding:0 0 0 15px;
	}

	div.lvbbottom ul li {
		padding-bottom:5px;
	}
}


/* -----------------------------------------------------------------------
	Search Results
---------------------------------------------------------------------------*/
.searchresultsheader {
	width:100%;
	height:100%;
	background-color:#3C5F61;
}

.searchresultsheader>h1 {
	padding:.3em;
	font-family:Georgia,sans-serif;
	font-size:140%;
	color: #FFF;
	margin:0;
	font-weight:normal;
}

.searchresults {
	background-color:#FFFFFF;
	
}


/* -----------------------------------------------------------------------
	Event Calendar
---------------------------------------------------------------------------*/
#eventcalendartable {
	font-size:85%;
	border:0;
	border-collapse:collapse;
}

#eventcalendartable a {
	color: #3A6764;
}

#eventcalendartable a:focus {
	outline: dashed 1px #3C5F61;
}

td.weekday {
	padding-top:6px;
}

td.tdright {
	text-align:right;
	padding-left:10px;
	color: #000;
	padding-right:20px;
}

td.tdleftb {
	text-align:left;
	color: #000;
	font-weight:bold;
}

td.tdleft {
	text-align:left;
	color: #000;
}


/* -----------------------------------------------------------------------
	News tables
---------------------------------------------------------------------------*/
.news-list {
	width:100%;
	color:#000000;
}

.news-list div>div {
	font-size:90%;
	line-height:1.4;
	margin:0;
	padding:0;
	vertical-align:top;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:10px;
}

.news-list a {
	color: #3A6764;
}

.news-list a:focus {
	outline: dashed 1px #3C5F61;
}

.red {
	color:#C7282A !important;
}

.red p {
	color:#C7282A !important;
}

.red a {
	color:#C7282A !important;
}

.news-list  p {
	margin:0;
	padding:0;
}
