/* navbar menu styles -- inherit color, decoration, font, size etc from flyingcolours anchor style */
div#navbar
{ position: absolute;
  top: 115px; 
  left: 5px;
  width: 120px;
  font-size: 0.9em;
  font-family: arial, verdana, sans-serif;
}

/* for image */
div#logoutmsg
{ background: url(../images/logout_msg.jpg); 
  margin: 20px 0px 10px 2px;
  width: 120px;
  height: 110px;
  color: navy;
  font-weight: bold; 
  font-size: 1.0em; 
  padding: 0px;
  z-index: 5; 
  border: 1px solid #ddd;
}

div#logoutmsg p
{ margin: 6px;
  padding: 0px 2px;
}

div.navlinks
{ margin: 60px 0px 40px 0px;
}

.navlinks a 
{ display: block;
  padding: 3px 8px 3px 20px;
  line-height: 0.9em;
  margin: 0px;
  border-left: 2px solid #DDDD8A;
  border-right: 2px solid #DDDD8A;
  border-top: 2px solid #DDDD8A;
  border-bottom: 0px;
  background: url(../images/nav_overBG.gif);
}

.navlinks A.bottom 
{ border-bottom: #dddd8a 3px solid; 
}

.navlinks a:link, .navlinks a:visited 
{ background: url(../images/navBG.gif);
}

.navlinks a:hover
{ color: yellow;
  background: url(../images/nav_overBG.gif);
}


.navlinks a.takeQuiz 
{ background: url(../images/takeQuiz_overBG.gif);
  color: black;
  font-weight: bold;
}

.navlinks a.takeQuiz:link, .navlinks a.takeQuiz:visited 
{ background: url(../images/takeQuizBG.gif);
}

.navlinks a.takeQuiz:hover
{ background: url(../images/takeQuiz_overBG.gif);
  color: black;
  font-weight: bold;
}

.navlinks h4 
{ padding: 5px 0px 3px 20px;
  margin: 10px 0px 0px; 
  color: #DDDD8A;
  font-weight: bold;
  font-size: 1.3em;
  text-align: left;
  border-bottom: 2px solid #DDDD8A;
  background: url(../images/navlink_top.gif) no-repeat; 
}

img#rospalogo 
{ margin: 30px 0px 5px 36px; 
}

img#rfitlogo 
{ margin: 60px 0px 5px 10px;
}