body {
	background-image: url('images/bkgd2.bmp');}
	
h2 {
color: #A12109;
font-family: 'Source Sans Pro', sans-serif;
font-size: 1,8em;
text-shadow: -2px 2px 1px #ccc;
margin: 0 0 20px 0}


	
#container_top {
	position: absolute;
	margin: 0;
	width: 100%;
	height: 80px;
	padding: 0;
	background-color: #8c011a;
	text-align: center;
	}
#center { position: absolute; top: 50%; width: 100%; height: 1px; overflow: visible; background: white; } 
#main { position: absolute; left: 50%; margin-left: -100px; top: -200px; background: white } 

#container_mij {
	position: absolute;
	margin: 0px auto 0px auto;
	width: 100%;
	height: 0px;
	padding: 0;
	background-color: white;
	text-align: center;
	}

#container_jos {
	position: absolute;
	margin: 60px auto 0px auto;
	width: 100%;
	height: 0px;
	padding: 0;
	background-color: white;
	text-align: center;
	}
	

   


.circle_1 {background:#7E354D;
opacity:0.8;
	width: 120px;
    height: 120px;
    border-radius:100px 0px 100px 100px;
	transform:rotate(60deg);
	-moz-transform:rotate(60deg);
	-webkit-transform:rotate(60deg);
	-o-transform:rotate(60deg);
	-ms-transform:rotate(60deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
    overflow: hidden;
    position: relative;
    cursor: default;
	border:4px double #ccc;
	left: 290px;
top: 120px;	}
	
.circle_1	h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
   transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
    padding: 20px 0 0 0;
    height: auto;
    font-family: 'Source Sans Pro', sans-serif;
    text-shadow:0 1px 0 #fff;
	line-height:1.5em;
	text-align:center;
}
.circle_1:hover h3{color:#7E354D; text-decoration:none;}
.circle_1:hover{border:4px double #7E354D; text-decoration:none; background:none;}

.circle_2 {background:#EF6E12;
opacity:0.8;
	width: 140px;
    height: 140px;
    border-radius:0px 100px 100px 100px;
	transform:rotate(-60deg);
	-moz-transform:rotate(-60deg);
	-webkit-transform:rotate(-60deg);
	-o-transform:rotate(-60deg);
	-ms-transform:rotate(-60deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
    overflow: hidden;
    position: absolute;
    cursor: default;
	border:4px double #ccc;
	right: 240px;
	top:90px;
	}
	
.circle_2	h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
   transform:rotate(50deg);
	-moz-transform:rotate(50deg);
	-webkit-transform:rotate(50deg);
	-o-transform:rotate(50deg);
	-ms-transform:rotate(50deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
    padding: 15px 5px 0 0px;
    height: auto;
    font-family: 'Source Sans Pro', sans-serif;
    text-shadow:0 1px 0 #fff;
	line-height:1.5em;
	text-align:center;
}
.circle_2:hover h3{color:#EF6E12; text-decoration:none;}
.circle_2:hover{border:4px double #EF6E12; text-decoration:none; background:none;}

.circle_3 {background:#3D5480;
opacity:0.8;
	width: 120px;
    height: 120px;
    border-radius:0px 100px 100px 100px;
	transform:rotate(-25deg);
	-moz-transform:rotate(-25deg);
	-webkit-transform:rotate(-25deg);
	-o-transform:rotate(-25deg);
	-ms-transform:rotate(-25deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
    overflow: hidden;
    position: absolute;
    cursor: default;
	border:4px double #ccc;
	margin: ;
	right: 380px;
	top:480px;
	}
	
.circle_3	h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 18px;
   transform:rotate(40deg);
	-moz-transform:rotate(40deg);
	-webkit-transform:rotate(40deg);
	-o-transform:rotate(40deg);
	-ms-transform:rotate(40deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
    padding: 15px 0 0 2px;
    height: auto;
    font-family: 'Source Sans Pro', sans-serif;
    text-shadow:0 1px 0 #fff;
	line-height:1.5em;
	text-align:center;
	
}
.circle_3:hover h3{color:#3D5480; text-decoration:none;}
.circle_3:hover{border:4px double #3D5480; text-decoration:none; background:none;}

.circle_4 {background:#808000;
opacity:0.8;
	width: 140px;
    height: 140px;
    border-radius:100px 0px 100px 100px;
	transform:rotate(25deg);
	-moz-transform:rotate(25deg);
	-webkit-transform:rotate(25deg);
	-o-transform:rotate(25deg);
	-ms-transform:rotate(25deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
    overflow: hidden;
    position: relative;
    cursor: default;
	border:4px double #ccc;
	left: 290px;
top: 250px;	}
	
.circle_4	h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
   transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
    padding: 6px 5px 0 0;
    height: auto;
    font-family: 'Source Sans Pro', sans-serif;
    text-shadow:0 1px 0 #fff;
	line-height:1.5em;
	text-align:center;
}
.circle_4:hover h3{color:#808000; text-decoration:none;}
.circle_4:hover{border:4px double #808000; background:none;}

.circle_5 {background:#C7A317;
opacity:0.8;
	width: 144px;
    height: 144px;
    border-radius:100px 0px 100px 100px;
	transform:rotate(35deg);
	-moz-transform:rotate(35deg);
	-webkit-transform:rotate(35deg);
	-o-transform:rotate(35deg);
	-ms-transform:rotate(35deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
    overflow: hidden;
    position: relative;
    cursor: default;
	border:4px double #ccc;
	left: 180px;
top: 200px;	}
	
.circle_5	h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
   transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
    padding: 20px 5px 0 0;
    height: auto;
    font-family: 'Source Sans Pro', sans-serif;
    text-shadow:0 1px 0 #fff;
	line-height:1.5em;
	text-align:center;
}
.circle_5:hover h3{color:#C7A317; text-decoration:none;}
.circle_5:hover{border:4px double #C7A317; background:none;}

.circle_6 {background:#F62817;
opacity:0.8;
	width: 140px;
    height: 140px;
    border-radius:0px 100px 100px 100px;
	transform:rotate(-35deg);
	-moz-transform:rotate(-35deg);
	-webkit-transform:rotate(-35deg);
	-o-transform:rotate(-35deg);
	-ms-transform:rotate(-35deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
    overflow: hidden;
    position: absolute;
    cursor: default;
	border:4px double #ccc;
	margin: ;
	right: 240px;
	top:310px;	}
	
.circle_6	h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
  transform:rotate(40deg);
	-moz-transform:rotate(30deg);
	-webkit-transform:rotate(40deg);
	-o-transform:rotate(40deg);
	-ms-transform:rotate(40deg);
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
    padding: 15px auto 0px auto;
    height: auto;
    font-family: 'Source Sans Pro', sans-serif;
    text-shadow:0 1px 0 #fff;
	line-height:1.5em;
	text-align:center;
}
.circle_6:hover h3{color:#F62817; text-decoration:none;}
.circle_6:hover{border:4px double #F62817; background:none;}

.circle_1 a:link, .circle_2 a:link, .circle_3 a:link, .circle_4 a:link, .circle_5 a:link, .circle_6 a:link  {
  text-decoration: none;} 
.circle_1 a:visited, .circle_2 a:visited, .circle_3 a:visited, .circle_4 a:visited, .circle_5 a:visited, .circle_6 a:visited {
  text-decoration: none;}	
 
.circle_1 a:active, .circle_2 a:active, .circle_3 a:active, .circle_4 a:active, .circle_5 a:active, .circle_6 a:active  {
   text-decoration: none;}