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

#myAlternativeContent{
	width: 100%;
}

body{
	font-family: 'Abel', sans-serif;
	background-image:url(images/brickWall.jpg);
}

a:link {
	font-size:24px;
	color: #000;
	text-decoration: none;
}

a:visited {
	font-size:24px;
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #FFF;
}

#container{
	width: 3750px;
	z-index: -100;
	margin: 0;
	height: 400px;
}

#navigation {
	display:none;
	background-color:#FEEF79;
	border-color:#DDCD53;
	border-style:solid;
	z-index: 100;
	top: 0;
	left: 5px;
	position:static;
	margin: -10px 0 0 -39px;
}

/******************************************************/
/* h3 images - for top level of navigation menu       */
/******************************************************/

#navigation ul li {
	font-family: 'Abel', sans-serif;
	font-size: 14px;
	display:inline-block;
	margin: -10px 0 -10px 0;
	text-align: center;
	left: 0px;
	width: 125px;
	padding: 10px 0;
}

#nav1:hover{
	background-color: #774100;
}
#nav2:hover{
	background-color: #A8389E;
}
#nav3:hover{
	background-color: #4595CD;
}
#nav4:hover{
	background-color: #4FB320;
}
#nav5:hover{
	background-color: #EFB900;
}

.board {
	background-image:url(images/board2.png);
	height: 400px;
	width:599px;
	z-index: 50;
	margin: 0px 75px 0 75px;
	display: inline-block;
}

#contacts {
	margin: 0px 0 0 75px;
}

h1{
	background-color: #FEF060;
	height: 75px;
	width: 175px;
	position:absolute;
	margin: 25px 0 0 150px;
	padding: 50px 15px;
}

.postit{
	position:absolute;
	font-size: 18px;
	background-color: #FFF;
	width: 176px;
	text-align: center;
	padding: 0px 10px;
}

#home1{
	margin:175px 0 0 275px;
	padding: 25px 5px;
}

h2{
	font-family: 'Reenie Beanie', cursive;
	margin: 0;
}

#download {
	font-family: 'Reenie Beanie', cursive;
	display:block;
	font-size: 24px;
}
#download:hover{
	background-color: #A8389E;
}

h3{
	font-family: 'Reenie Beanie', cursive;
	font-size: 32px;
	text-align: center;
	background-color: #FEF060;
	height: 50px;
	width: 150px;
	position:absolute;
	padding: 50px 15px;
}

#mission h3{
	margin: 25px 0 0 250px;
}

#mission1{
	margin: 125px 0 0 100px;
}

#services h3{
	margin: 25px 0 0 75px;
}

#services1{
	margin: 150px 0 0 100px;
}
#services2{
	margin: 100px 0 0 325px;
}

#news h3{
	margin: 25px 0 0 125px;
}

#news1{
	margin: 75px 0 0 350px;
}

#contacts h3{
	margin: 135px 0 0 207px;
}

#contacts1 p, #contacts2 p, #contacts3 p, #contacts4 p{
	font-size:16px;
}

#contacts1{
	background-color: #C69;
	margin: 50px 0 0 50px;
}
#contacts2{
	background-color: #69C;
	margin: 50px 0 0 350px;
}
#contacts3{
	background-color: #9C6;
	margin: 250px 0 0 50px;
}
#contacts4{
	background-color: #FC6;
	margin: 250px 0 0 350px;
}

p{
	margin: 0;
}

.footer{
	color: #774100;
	font-size: 16px;
	padding: 0px 10px;
	margin: 370px 0 0 2px;
}