body {
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: 11px;
  color:#48687F;
  background-color:#88A1BC;
  margin: 30px 0 15px 0;
  padding:0;
}

a {
  color:#323364;
}


#header {
  margin:0 auto;
  width:845px;
  height:142px;
  background-image: url('header-bg.gif');
  }
  
#header h1 {  
  display:none;
}


#header #headerpic {
  margin:18px auto;
  width:845px;
  height:142px;
  background-image: url('header-pic.gif');
}

#page {
  margin:0 auto;
  width:845px;
  padding-top:10px;
  background-image: url('page-bg.gif');
}  
  
#footer {
  margin:0 auto;
  width:845px;
  height:38px;
  background-image: url('footer-bg.gif');
  }  

#sidebar {
  float:left;
  width:252px;
  rborder-right:1px dotted #aaa;
  }
  
#sidebar li {
  margin:10px 0 10px 0;
  list-style-image: url('bullet.gif');
}  


#sidebar li a{
  list-style-image: url('bullet.gif');
  color:#7D7D7E;
  text-decoration:none;
}  

#sidebar li a:hover{
  color:#5E5E5E;
  text-decoration:underline;
}  


#content {
  float:right;
  margin:0 40px 20px 0;
  width:540px;
  }
  
#content .questionquote {
  margin-top: 5px;
  font-style: italic;
}
 
 
#content li { 
  margin:25px 0 25px 0;
  list-style-image: url('q-bullet.gif');  
}

#content li a{ 
  list-style-image: url('q-bullet.gif');
  color:#323364;
  text-decoration:none;
  font-weight:bold;
}

#content li a:hover{ 
  text-decoration:underline;
}
 

#content li p a{ 
  font-weight:normal;
}

#content h2 {
  color:#323364;
  font-size:14px;
  margin-top:20px;
  margin-left:10px;
  margin-bottom:5px;
}
 
 
#content .meta{
  font-style:italic;
  margin-left:10px;
  margin-top:-5px;
  color:#7D7D7E;
} 
 
#content .question {
 background-color:#D4E7FC;
 border:1px dotted #aaa;
 padding: 10px;
} 
 
 
#content .answer {
 border-bottom:1px dotted #aaa;
 padding: 0 10px 10px 10px;
}  
 
#content .related {
 background-color:#F1F5F6;
 border:1px dotted #aaa;
 padding:10px;
} 

#content .related p {
 font-weight:bold;
 margin:0;
 margin-left:23px;
} 

#content .related ul {
margin-top:0;
}

#content .related li {
 margin:10px 0 10px 0;
 list-style-image: url('r-bullet.gif');
} 

#content .related li a{
  font-weight:normal;

}



 
 
#footer #footerlink {
  width:300px;
  margin:0 auto;
  padding-top:10px;
  text-align:center;
  color:#fff;
}

#footer #footerlink a{
  color:#fff;
}
 
.alignleft {
  float:left;
  padding:2px;
  margin: 0 10px 5px 0;
  border:1px solid #ddd;
} 

.alignright {
  float:right;
  padding:2px;
  margin: 0 0 5px 10px;
  border:1px solid #ddd;
} 
 
 .close{ clear:both;}
