@charset "utf-8";
/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#494747;
	background-color:#DEDEDE;
}
a{
	text-decoration:none;
	color:#009DDC;
}
p{
	margin:0px 0px 12px 0px;
}
li{
	margin-left:12px;
}
img{
	border:none;
}
h2{
	font-size:20px;
	color:#006A8C;
	font-weight:bold;
	margin:12px 0px 12px 0px;
}
h3{
	font-size:16px;
	color:#009DDC;
	font-weight:bold;
	margin:2px 0px 2px 0px;
}
#wrapper{
	margin:0px;
	min-width:256px;
	height:auto;
}
#header{
	width:100%;
	height:auto;
	margin-bottom:4%;
	background-color:#DDD;
	background-size:100% auto;
	background-position:center;
	background-repeat:no-repeat;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#header img{
	margin:4%;
	margin-top:6%;
	width:20%;
	height:auto;
}
#menu{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:4%;
	background-image:url(images/menu-bar.jpg);
	background-size:100% 100%;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#menu .bar{
	float:left;
	width:auto;
	height:auto;
	margin:0%;
	padding:2.5%;
	padding-top:3%;
	padding-left:11%;
	font-weight:bold;
	color:#009DDC;
	background-image:url(images/menu-icon.png);
	background-size:auto 200%;
	background-position:left top;
	background-repeat:no-repeat;
}
#tiles{
	padding:0px;
	float:left;
	width:100%;
	height:auto;
	margin-bottom:2%;
}
#tiles div{
	float:left;
	width:32%;
	height:auto;
	margin-bottom:2%;
	padding:0px;
	padding-bottom:3%;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	color:#009DDC;
	background-image:url(images/tile.png);
	background-size:100% 100%;
}
#tiles .seperator{
	float:left;
	width:2%;
	height:auto;
	visibility:hidden;
}
#tiles img{
	margin-top:20%;
	margin-bottom:6%;
	margin-left:25%;
	margin-right:25%;
	width:50%;
	height:auto;
}
#content{
	float:left;
	width:100%;
	height:auto;
	margin-top:0%;
	margin-bottom:4%;
}
#contentBox{
	float:left;
	margin:auto 0;
	padding:2%;
	width:96%;
	height:auto;
	background-color:#FFF;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#contentBox img{
	margin:0px 0px 12px 0px;
	width:100%;
	height:auto;
}
#footer{
	float:left;
	padding-top:6px;
	padding-bottom:6px;
	width:100%;
	height:auto;
	background-color:#FFF;
	text-align:center;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#emmasTiles{
	float:left;
	width:50%;
	height:auto;
	text-align:center;
	background:none;
	margin-bottom:10%;
}
#emmasTiles img{
	width:40%;
	margin:0px;
}
.highlight{
	color:#009DDC;
}
.smalltext{
	font-size:12px;
}
.invisibletext{
	color:#FFF;
}
.slidingDiv {
    height:auto;
}
.show_hide {
    display:none;
}

#menu .barActive{
	background-position:left bottom;
}