/* CSS Document */

body {
margin:0;
padding:0;
}
h1 {
font:bold 0.9em Georgia, "Times New Roman", Times, serif;
text-align:center; 
color:#17277a;
padding:8px 0;
}
h2 {
font: bold 15px Georgia, "Times New Roman", Times, serif;
color:#17277a;
margin:0px;
padding:0px;
}
p{
font:12px Georgia, "Times New Roman", Times, serif;
color:#222;
line-height:1.6em;
}
/*  --------------------------------  nav ------------------------------ */
#nav {
position:absolute;
top:155px;
left:0px;
width:150px;
background-color:#ffffff;

}
#nav ul {
font:12px Verdana, Arial, Helvetica, sans-serif;
margin:0px 0px;
padding:0px 0px;
list-style:none; /* gets rid of the bullets points */
width:90px;
}
#nav ul li {
margin:0 0 1px 0;  /*space between boxes */
}

#nav ul a {
display:block;/* active area for rollover */
height:24px;  
line-height:24px;  
font:10pt Arial, Helvetica, sans-serif;
color:#ffffff; 
background-color:#12206b;
width:170px;             /* bar width  */
padding: 6px 5px 2px 5px;          /* space around text */
text-decoration:none;
text-align:right;
}

/* set the hover to a different color, bg and border for rollover */
#nav a:hover {
color:#000;
background-color:#ffcc00; /* color/border each box to see where it is active */
}

/*  ----------------------------  divs ----------------------------- */
#title {
position:absolute;
top:0px;
left:0px;
width:100%;
height:80px;
background-color:#003366;
background-image:url(images/Tstrip.gif);
background-repeat:repeat-x;
text-align:left;
border-bottom:2px solid #003366;
}
#reader {
width:200px;
height:20px;
float:left;
text-align:center;
margin-top:45px;
}

/*  --------------------------------  content ------------------------------ */
#content {
position:absolute;
top:100px;
left:220px;
width:700px;
padding:0;
}
.footer {
font:10px Arial, Helvetica, sans-serif;
background-color:#b9c3df;
color:#17277a; 
text-align:center;
height:40px;
margin:0;
padding:9px;
}

/*  -------------------------  pics ---------------------- */
#egypt{
float:right;
margin:10px 15px 5px 0;
}
#alexsue{
float:left;
margin:10px 15px 5px 0;
}
#alex{
float:right;
margin:10px 0px 5px 0;
}
#jazz{
float:right;
margin:0px 0px 9px 0;
}

/*  -------------------------  classes ---------------------- */
.large {
font:bold 12px Georgia, "Times New Roman", Times, serif;
text-align:center; 
color:#17277a;
padding:8px 0;
}
.stars {
text-align:center;
}
.question {
font:bold 0.8em Georgia, "Times New Roman", Times, serif;
padding:8px 0 0 0;
color:#17277a;
}
.download {
font:bold 12px Arial, Helvetica, sans-serif;
color:#17277a;
text-decoration:none;
}