html {
	background: url('./images/bg.png');
}

#Logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 993px;
}

#MainPanel {
    display: block;
    background: white;
    margin-left: auto;
    margin-right: auto;
    width: 993px;
	border-radius: 8px;
	padding-bottom: 20px;
}

#TopMenu {
	padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

#TopMenu a {
	color: #2A2553;
	/*font-weight: 600;*/
	text-decoration: none;	
	font-size: medium;
	padding-left: 5px;
	padding-right: 5px;
	font: status-bar;
}

#RightMenu {
	float: right;
}

#TopMenu a:hover {
	text-decoration: underline;
}

#YellowBar {
	position: relative;
	margin-left: auto;
    margin-right: auto;
    width: 950px;
    background-color: yellow;
    border-radius: 6px 6px 0px 0px;
    /*height: 100%;*/
	display: block;
	left: -2px;
	background: linear-gradient(#FFD450, #F2B600 80px, #E8E8E8 2%, #E8E8E8 98%, #E8E8E8 98%);
}

/*#YellowBar span {
	position: relative;
	color: white;
	font-family: sans-serif;
	font-size: xx-large;
	margin-left: 20px;
	top: 10px;
}*/

#YellowBarSpan {
	position: relative;
	color: white;
	font-family: sans-serif;
	font-size: xx-large;
	margin-left: 20px;
	top: 10px;
}

#PhotoTable {
	/*position: absolute;*/
	top: 210px;
	width: 920px;
	/*margin-left: auto;
	margin-right: auto;*/
	background-color: white;
	border-radius: 4px 4px 0px 0px;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 15px;
	text-align: center;
}

.PhotoBox {
	display: inline-block;
	border: solid;
	border-width: 1px;
	border-color: grey;
	padding: 2px;
	text-align: center;
	width: 130px;
	height: 106px;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 12px;
	box-shadow: 2px 2px 5px grey;
}

.PhotoBox img {
	width: auto;
	height: 96px;
	max-width: 110px;
}

.SortImg {
	all: unset !important;
}

#Overlay-Back {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	z-index: 5;
	display: none;
}

#Overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	display: none;
}

#MailSent {
	text-decoration: none;
	padding-left: 20px;
}

#MenuImgs {
	display: table;
	width: 990px;
	padding-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}
#MenuImgs span {
	/*display: table-cell;*/
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

#MenuImgs span img {
	width: 190px;
	height: 238px;
	margin-bottom: 5px;
}

#MenuImgs span img:hover {
	filter: brightness(110%);
}

#MenuDesc {
	display: table;
	width: 990px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	margin-top: -5px;
}

#MenuDesc span {
	display: table-cell;
	text-align: left;
	font-size: x-small;
	margin-left: auto;
	margin-right: auto;
	width: 190px;
	background-color: #E8E8E8;
	color: #666666;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}

#MenuDesc b {
	color: #2A2553;
	font-weight: 600;
	text-decoration: none;	
	font-size: small;
}

#MenuDesc a {
	text-decoration: none;
}

#People {
	background-image: url('./images/bg_maria1.jpg');
	background-size: cover;
	width: 950px;
	height: 119px;
	margin-left: 20px;
	margin-right: 20px;
	position: relative;
}

#People img {
	width: 953px;
}

#Maria {
	position: absolute;
	display: block;
	width: 360px;
	top: 48px;
	left: 113px;
	font-size: x-small;
}

#Gillian {
	position: absolute;
	display: block;
	width: 369px;
	top: 48px;
	left: 558px;
	font-size: x-small;
}

#Writing {
	width: 95%;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
	border-radius: 6px;
	padding: 5px;
	padding-bottom: 25px;
	margin-top: 8px;
}

#WritingArea {
	
}

#mceu_17 {
	width: 90% !important;
    top: 40px !important;
    left: 40px !important;
}

#Services {
	background-image: url('./images/services.gif');
	background-size: cover;
	width: 950px;
	height: 155px;
	margin-left: 20px;
	margin-right: 20px;
}

#Copyright {
	width: 990px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#Copyright img {
	float: left;
	padding-top: 5px;
}

#Copyright span {
	float: right;
	color: #FFFFFF;
	font-size: smaller;
	padding-top: 10px;
	text-decoration: none;
}

#Copyright a {
	text-decoration: none;
}
	