/* 
|	
|
|   Website Property of St. Mary & St. Mina Coptic Orthodox Church of Clearwater, FL
|   Under the guidance of Fr. Kyrillos Makar and Fr. Meena Ghaly
| 	Email: admin@stmarystmina.org
|
|
*/
@charset "utf-8";


/* Fonts   */


@font-face {
	font-family: 'coptic';
	src: url('http://stmarystmina.org/fonts/Atm.eot');
	src: local('☺'), url('http://stmarystmina.org/fonts/Atm.woff') format('woff'), url('http://stmarystmina.org/fonts/Atm.ttf') format('truetype'), url('http://stmarystmina.org/fonts/Atm.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Mobile Phones Setting */

/* main css start  */

*{
	padding:0px;
	margin:0px;
}
html, body{
	height:100%;
	width:100%;
}

.display{
	margin-top: .5%;
	margin-right: .5%;
	height: 75%;
	width: 100%;
}
/*				.contant{
					background-color: white;
					display: inline-block;
					width: 65%;
					overflow-y: scroll;
					height: 100%;
					border: black thin solid;
					border-radius: 1%;
					z-index: 100;
					background-color: rgba(255,255,255,0.8);
					}*/
				.sideMenu{
					background-color: white;
					display: inline-block;
					width: 15%;
					overflow-y: scroll;
					height: 100%;
					text-align: left;
					background-color: rgba(255,255,255,0.8);
					border: black thin solid;
					border-radius: 1%;
				}
				.gLeft, .gRight{
					background-color: lightgrey;
					border-radius: 10px;
					cursor: pointer;
				}			
	.leftButton{
		width: 5%;
		display: inline-block;
		visibility: hidden;

	}
	.rightButton{
		width: 5%;
		display: inline-block;
		visibility: hidden;
	}
	.mButton{
		display: inline-block;
		height: 100%;
	}
	.theO{
		background-color: red;
		border-radius: 10px;
		cursor: pointer;
	}
	.theO:hover{
		background-color: yellow;
		border-radius: 10px;
		cursor: pointer;
	}	
	.gLeft:hover, .gRight:hover{
		background-color: grey;
		border-radius: 10px;
		cursor: pointer;

	}
	article{
		opacity: 1;
		text-align: left;
		padding: 10px;
	}
	.menuB{
		background-color: white;
		border-radius: 10px;
		border: black medium solid;
		display: inline-block;
		margin: 5px 5px;
		width:80%;
	}
	.menuB:hover{
		background-color: white;
		border-radius: 10px;
		border: red medium solid;
		display: inline-block;
	}
	.imageMenu{
		width: 50%;
	}
	.sideMenu a{
		text-decoration: none;
		color: black;
	}
	.sideMenu a:hover{
		text-decoration: none;
		color: red;
	}
	.coptic{
		font-family: 'coptic';
	}
/*	.mobile{
		width: 90%;
		height: auto;
		margin: 0 auto 0 auto;
		background-color: rgba(255,255,255,0.8);
		border-radius: 10px;
		border: black thick solid;
	}*/
	.quote{
		font-style: italic;
		color:blue;
	}