/* global selecters */
body {
  background-image:url(../images/bg.gif);
  background-repeat:repeat-x;
  background-color:#003166;
  margin:0px;
  padding:0px;
  color:#fc6;
  font:11px/17px verdana,arial,helvetica,sans-serif;
}
h1 {
  font:bold 14px/20px arial,verdana,helvetica,sans-serif;
}
h2 {
  font:bold 12px/18px arial,verdana,helvetica,sans-serif;
}
ul {
  padding:0px;
  margin:0px 0px 0px 15px;
  list-style-image:url(../images/li.gif);
}
img {
  border:0px;
}
a, a:visited, a:link, a:active {
  font:11px/17px verdana,arial,helvetica,sans-serif;
  text-decoration:none;
  color:#fada95;
}
a:visited:hover, a:hover {
  font:11px/17px verdana,arial,helvetica,sans-serif;
  text-decoration:none;
  color:#fc6;
}
/* top banner */
#mosque {
  position:absolute;
  left:275px;
  top:0px;
  z-index:2;
}
#logo {
  position:absolute;
  left:50px;
  top:40px;
  z-index:3;
}
#dates {
  position:absolute;
  left:760px;
  top:92px;
  z-index:3;
}
#ra-logo {
  position:absolute;
  left:4675px;
  top:464px;
  z-index:2;
  padding:0px 30px 0px 0px;
}
/* introdiction */
#introduction {
  position:absolute;
  left:65px;
  top:170px;
  width:310px;
  z-index:2;
}
.header_img {
  margin:0px 0px 20px 0px;
}
#intro_links {
  width:180px;
}
ul.intro {
  list-style-image:url(../images/big_li.gif);
}
li.intro {
  margin:0px 0px 20px 0px;
  font:9px/14px verdana,arial,helvetica,sans-serif;
}
a.intro, a.intro:visited, a.intro:link, a.intro:active {
  font:9px/14px verdana,arial,helvetica,sans-serif;
  text-decoration:underline;
  color:#fada95;
}
a.intro:visited:hover, a.intro:hover {
  font:9px/14px verdana,arial,helvetica,sans-serif;
  text-decoration:underline;
  color:#fc6;
}
/* background */
#bg {
  position:absolute;
  left:115px;
  top:165px;
  z-index:1;
}
/* arrows */
img.arrow_left, img.arrow_right {
  border:0px;
}
img.arrow_left {
  position:absolute;
  left:0px;
  top:0px;
}
img.arrow_right {
  position:absolute;
  left:37px;
  top:0px;
}
#arrow1, #arrow2, #arrow3, #arrow4, #arrow5, #arrow6, #arrow7 {
  z-index:3;
  width:75px;
  height:20px;
}
#arrow1 {
  position:absolute;
  left:435px;
  top:185px;
}
#arrow2 {
  position:absolute;
  left:1270px;
  top:360px;
}
#arrow3 {
  position:absolute;
  left:1900px;
  top:180px;
}
#arrow4 {
  position:absolute;
  left:2850px;
  top:180px;
}
#arrow5 {
  position:absolute;
  left:3650px;
  top:380px;
}
#arrow6 {
  position:absolute;
  left:4345px;
  top:100px;
}
/* images and text */
strong {
  font:bold 12px/14px verdana,arial,helvetica,sans-serif;
}
sup {
  font:9px/10px verdana,arial,helvetica,sans-serif;
}
.timeline_image, .timeline_text {
  z-index:2;
  background:transparent;
}
.timeline_text {
  font:10px/14px verdana,arial,helvetica,sans-serif;
  width:195px;
}
#image1 {
  position:absolute;
  top:316px;
  left:380px;
}
#text1 {
  position:absolute;
  top:355px;
  left:558px;
}
#image2 {
  position:absolute;
  top:135px;
  left:593px;
}
#text2 {
  position:absolute;
  top:165px;
  left:760px;
}
#image3 {
  position:absolute;
  top:284px;
  left:940px;
}
#text3 {
  position:absolute;
  top:422px;
  left:1062px;
}
#image4 {
  position:absolute;
  top:77px;
  left:1101px;
}
#text4 {
  position:absolute;
  top:110px;
  left:1328px;
}
#image5 {
  position:absolute;
  top:288px;
  left:1531px;
}
#image6 {
  position:absolute;
  top:421px;
  left:1585px;
}
#image7 {
  position:absolute;
  top:152px;
  left:1640px;
}
#text5 {
  position:absolute;
  top:300px;
  left:1805px;
}
#image8 {
  position:absolute;
  top:24px;
  left:2072px;
}
#text6 {
  position:absolute;
  top:218px;
  left:2135px;
}
#image9 {
  position:absolute;
  top:149px;
  left:2421px;
}
#text7 {
  position:absolute;
  top:314px;
  left:2560px;
}
#image10 {
  position:absolute;
  top:336px;
  left:2797px;
}
#text8 {
  position:absolute;
  top:372px;
  left:3066px;
}
#image11 {
  position:absolute;
  top:86px;
  left:3157px;
}
#text9 {
  position:absolute;
  top:270px;
  left:3380px;
}
#image12 {
  position:absolute;
  top:52px;
  left:3618px;
}
#text10 {
  position:absolute;
  top:86px;
  left:3795px;
}
#image13 {
  position:absolute;
  top:250px;
  left:4020px;
}
#text11 {
  position:absolute;
  top:225px;
  left:4200px;
}
/* expanding menus css */
#menu {
  position:absolute;
  top:75px;
  left:4482px;
  width:175px;
  z-index:2;
  background-color: transparent;
}
img.menu_header {
  margin:10px 0px;
}
ul.ex {
  list-style: none;
  margin:0px 0px 0px 15px;
  padding:0px 0px 0px 10px;
}
ul.ex * {
  margin:0px;
}
a.menus, a.menus:visited, a.menus:link, a.menus:active {
  font:bold 11px/17px arial,verdana,helvetica,sans-serif;
  text-decoration:none;
  border:none;
  color:#fc6;
}
a.menus:visited:hover, a.menus:hover, a.submenus, a.submenus:visited, a.submenus:link, a.submenus:active, a.submenus:visited:hover, a.submenus:hover {
  font:bold 11px/17px arial,verdana,helvetica,sans-serif;
  text-decoration:none;
  border:none;
  color:#fada95;
}
a.menu_header, a.menu_header:visited, a.menu_header:link, a.menu_header:active, a.menu_header:visited:hover, a.menu_header:hover {
  text-decoration:none;
  border:none;
  background-color:transparent;
}