body {
font-family: 'Roboto', sans-serif;
margin: 0;
font-size:20px;
line-height:1.3;
color:#555555;
overflow-x:hidden;
}

a
{
font-family: 'Open Sans Condensed', sans-serif;
font-weight:bold;
color:indigo;
text-transform:uppercase;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

.container
{
width:1100px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
padding:0px;
}

#topline {
height:20px;
border-bottom:1px solid #999999;
margin-bottom:5px;
}

#top_box {
width:100%;
margin-left:8px;
}

#strap_box {
background-color:#999999;
height:40px;
width:100%;
margin-bottom:10px;
}

.strap_box_text {
color:white;
font-family: 'Open Sans Condensed', sans-serif;
font-size:29px;
text-transform:uppercase;
padding-left:10px;
}

.schoolsgroups_box_text_mobile {
padding-left:0;
font-size:28px;
line-height:34px;
padding-bottom:5px;
}

#schoolsgroups_box {
clear:both;
position:relative;
top:8px;
background-color:#999999;
margin-bottom:25px;
height:30px;
padding-bottom:8px;
}

.container_box
{
float:left;
margin:10px;
background-color:#dddddd;
position:relative;
display:table;
height:510px;
}

.content_box
{
padding:20px;
background-color:#8ebd4b;
margin:20px;
border-radius: 15px;
height:370px;
overflow-x:hidden;
/*position:relative;*/
}

.content_box img
{
width:98%;
border:4px solid;
margin-bottom:5px;
height:240px;
}

#christianity img,#christianity_groups img
{
border-color:#006dcd;
}

#islam img,#islam_groups img
{
border-color:darkgreen;
}

#romans img,#romans_groups img
{
border-color:orangered;
}

.instructions img
{
margin-top:10px;
} 

.head_box
{
height:20px;
margin:20px;
line-height:20px;
padding:20px 0px 20px 10px;;
background-color:#88308d;
font-size:28px;
font-family: 'Open Sans Condensed', sans-serif;
color:white;
text-transform:uppercase;
}

.head_box img.frog
{
width:120px;
float:left;
margin-top:-42px;
margin-left:-20px;
}

.head_box img.icon
{
transform:rotate(7deg);
height:75px;
float:left;
margin-top:-30px;
margin-right:10px;
box-shadow:2px 2px 2px #666666;
}

.head{
font-size:20px;
display:table;
color:white;
font-family: 'Open Sans Condensed', sans-serif;
margin:10px 0px 7px 0px;
padding:0px 5px 0px 5px;
font:size:18px;
white-space:nowrap;
z-index:10;
text-transform:uppercase;
}

.head_blue{
background-color:#006dcd;
}

.head_islam{
background-color:darkgreen;
}

.head_romans{
background-color:orangered;
}

.head_green{
background-color:forestgreen;
}

.head_grey{
background-color:#666666;
}

.head_deeppink{
background-color:deeppink;
}

.head_goldenrod{
background-color:darkgoldenrod;
}

.subhead{
font-family: 'Open Sans Condensed', sans-serif;
text-transform:uppercase;
font-weight:bold;
display:block;
margin-top:7px; 
}

.caption
{
font-size:18px;
font-family: 'Open Sans Condensed', sans-serif;
color:#444444;
font-weight:bold;
text-transform:uppercase;
margin-bottom:8px;
}

.link {
font-family: 'Open Sans Condensed', sans-serif;
text-transform:uppercase;
font-weight:bold;
}

#christianity .link, #christianity_groups .link
{
color:#006dcd;
}

#islam .link, #islam_groups .link
{
color:darkgreen;
}

#romans .link, #romans_groups .link
{
color:orangered;
}

#back{
position:absolute;
bottom:13px;
right:20px;
border:0px
}

/*#schoolsgroups_button{
position:relative;
top:-4px;
width:75px;
height:30px;
background-color:forestgreen;
color: white;
margin:-10px 2px 2px 8px;
border-radius:5px;
font-size:20px;
text-align:center;
line-height:30px;
font-weight:bold;
display:inline-block;*/

#schoolsgroups_button{
font-family: 'Open Sans Condensed', sans-serif;
position:relative;
top:-11px;
width:110px;
height:34px;
background-color:forestgreen;
color: white;
margin:-10px 2px 2px 8px;
padding-top:4px;
//border-radius:10px;
font-size:29px;
text-align:center;
line-height:30px;
display:inline-block;
font-weight:normal;
border: 3px solid white;
}

#schoolsgroups_text{
position:relative;
top:-10px;
}

#contacts_box_mobile{
margin:-6px 0 1px 2px;
height:22px;
color:#777777;
font-size:19px;
padding:0 0 0 8px;
}

#credit_box_mobile {
margin:-5px 10px 10px 10px;
color:forestgreen;
font-size:17px;
}

#credit_box {
margin: 0 30px 10px 10px;
color:#cccccc;
float:right;
}