/* 
 * id_style.css - my basic style sheet for the
 * istanbul-drummers web site
 */

body {
  margin-left: 10%; 
  margin-right: 10%;
  color: black; 
/*  background-color: turquoise;*/
  background-color: aqua;
  height: 100%;
}

h1 {
  margin-left: -8%;
  font-family:"brush script mt", herculanum, papyrus, "comic sans ms", cursive;
}


h2, h4, h5, h6, ul {
  margin-left: -4%;
  font-family:"brush script mt", herculanum, papyrus, "comic sans ms", cursive;
  font-size: 200%
}

h3 {
  margin-left: -4%;
  font-family:"brush script mt", herculanum, papyrus, "comic sans ms", cursive;
  font-size:150%
}

.footer, .push {
  height: 4em; /* .push must be the same height as .footer */
}

.bio {font-family: "brush script mt", herculanum, papyrus, "comic sans ms", cursive; /*font-size:smaller; *//*border:1px solid black;*/}

.katisha_img_box  {margin-right: 2%; text-align: center; width:265px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}
.katisha_img_box2 {text-align: center; width:330px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}
.katisha_img_box3 {text-align: center; width:360px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}
.katisha_img_box4 {text-align: center; width:460px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}
.katisha_img {display: block; margin: 12px; margin-left: auto; margin-right: auto; }

.group_img_box {text-align: center; width:465px; font-style:italic; font-family: arial; border:1px solid black; margin-left: auto; margin-right: auto;}
.group_img {display: block; margin: 12px; margin-left: auto; margin-right: auto; }

.rashid_img_box {margin-right: 2%; text-align: center; width:327px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}
.rashid_img {display: block; margin: 12px; margin-left: auto; margin-right: auto; }

.bahira_img_box {margin-right: 2%; text-align: center; width:227px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}
.bahira_img {display: block; margin: 12px; margin-left: auto; margin-right: auto; }

.badra_img_box {margin-right: 2%; text-align: center; width:1300px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}
.badra_img {display: block; margin: 12px; margin-left: auto; margin-right: auto; }

.shariff_img_box {margin-right: 2%; text-align: center; width:135px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}
.shariff_img {display: block; margin: 12px; margin-left: auto; margin-right: auto; }

.bashira_img_box {margin-right: 2%; text-align: center; width:83px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}
.bashira_img {display: block; margin: 12px; margin-left: auto; margin-right: auto; }

.amani_img_box {margin-right: 2%; text-align: center; width:354px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}
.amani_img_box2 {margin-right: 2%; text-align: center; width:180px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}
.amani_img {display: block; margin: 12px; margin-left: auto; margin-right: auto; }

.dancer_img_box  {text-align: center; width:230px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}
.dancer_img_box2 {text-align: center; width:500px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}
.dancer_img {display: block; margin: 12px; margin-left: auto; margin-right: auto; }

.dancers_img_box {text-align: center; width:465px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}
.dancers_img {display: block; margin: 12px; margin-left: auto; margin-right: auto; }

.aaron_betsy_img_box {text-align: center; width:465px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}
.aaron_betsy_img {display: block; margin: 12px; margin-left: auto; margin-right: auto; }

.badra_bahira_img_box {text-align: center; width:465px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}
.badra_bahira_img {display: block; margin: 12px; margin-left: auto; margin-right: auto; }

.img_box_200 {margin-right: 2%; text-align: center; width:200px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}
.img_box_375 {margin-right: 2%; text-align: center; width:375px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}
.img_box_400 {margin-right: 2%; text-align: center; width:400px; font-style:italic; font-family: arial; font-size:smaller; border:1px solid black;}

p {
  font-family:"brush script mt", herculanum, papyrus, "comic sans ms", cursive;
}

li {
  font-family:"brush script mt", herculanum, papyrus, "comic sans ms", cursive;
  font-size:50%;
}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; <!--color: red;-->}