@import url(base.css);
#splash {
  background-repeat: no-repeat;
  height: 200px;
  float: left;
  width: 42em;
  margin-bottom: 4px;
}
#splash div {
  background: transparent url(/images/head_bl.png) no-repeat bottom left;
  width: 100%;
  height: 100%;
}
#splash div div {
  background: transparent url(/images/head_br.png) no-repeat bottom right;
  width: 100%;
  height: 100%;
}
#splash h3,
#splash p {
  float: right;
  clear: right;
  padding: 0;
  margin: 0;
  padding-right: 20px;
}
#splash h3 {
  color: #ccc;
  margin-top: 96px;
  font-size: 20px;
  font-weight: normal;
}
#splash p {
  color: #69b;
  font-size: 16px;
  font-weight: normal;
}
#splash #points1 {
  background-image: url(/images/point1_hd.jpg); 
  background-color: #2F4940;
}
#splash #points2 {
  background-image: url(/images/point2_hd.jpg); 
  background-color: #695244;
}
#splash #points3 {
  background-image: url(/images/point3_hd.jpg); 
  background-color: #4B4A4F;
}
#splash #points4 {
  background-image: url(/images/point4_hd.jpg); 
  background-color: #4A4450;
}
#splash #points5 {
  background-image: url(/images/point5_hd.jpg); 
  background-color: #574632;
}
#splash #points6 {
  background-image: url(/images/point6_hd.jpg); 
  background-color: #293660;
}
#splash #points7 {
  background-image: url(/images/point7_hd.jpg); 
  background-color: #2B6072;
}
#splash #points8 {
  background-image: url(/images/point8_hd.jpg); 
  background-color: #4D5375;
}
#splash #topics1 {
  background-image: url(/images/topic1_hd.jpg); 
  background-color: #2B472E;
}
div.faq {
  float: right;
  width: 18em;
  height: 200px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent url(/images/faq_bg_right.png) no-repeat top right;
}
div.faq div {
  width: 18em;
  height: 199px; /* eh? why not 200? */
  padding: 0;
  margin: 0;
  background: transparent url(/images/faq_bg_left.png) no-repeat bottom left;
}
div.faq ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13px; /* yeah, px, cuz we have a fixed amount of vertical space */
  margin-top: 1px;
  line-height: 1;
}
div.faq ul li a span {
  padding-left: 1em;
  margin-left: 1em;
  background: transparent url(/images/arrow_blue.gif) no-repeat center left;
}
div.faq ul li a {
  display: block;
  border-bottom: 1px solid #7198b7;
  color: #457;
  margin: 0 1px;
  padding: 0;
  padding-left: 1em;
  padding-top: 5px;
  padding-bottom: 5px;
}
div.faq ul li a.last {
  border-bottom: none;
}
div.faq ul li.head a {
  padding-left: 0;
  font-weight: bold;
}
div.faq ul li a:hover {
  background-color: #adc9e1;
}
div.faq ul li.first a:hover {
  background: #adc9e1 url(/images/faq_tr.png) no-repeat top right;
}
a:hover span.real {
  text-decoration: underline;
}
#leftnav {
  float: left;
  width: 18em;
  padding: 0;
  margin: 0;
  margin-bottom: 4px;
}
#leftnav div#greyhead {
  background: #666666 url(/images/head_tr.png) no-repeat top right;
  margin: 0;
  padding: 0;
  margin-right: 2px;
  height: 2em;
}
#leftnav div#greyhead span {
  display: block;
  background: transparent url(/images/head_tl.png) no-repeat top left;
  margin: 0;
  padding: 0;
  padding-top: 0.5em;
}
#leftnav div#greyhead a {
  background: transparent url(/images/arrow_back.png) no-repeat center left;
  margin-left: 1em;
  padding-left: 12px;
  color: #FFF;
  font-size: 65%;
  font-weight: bold;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
#leftnav div#greyhead a:hover {
  text-decoration: underline;
}
#leftnav div#casetopics{
  background-color: #EDEDD7;
  border-bottom: 1px solid #FFF;
  margin-right: 2px;
}
#leftnav div#casetopics h4{
  padding: .5em 0 .5em 1em;
  color: #000;
  background-color: #CCCAB7;
  border-top: 1px solid #FFF;
  font-size: .9em;
}
div#casetopics a h4{
  text-decoration: none;
  color: #000;
}
div#casetopics a:hover h4{
  text-decoration: underline;
  color: #000;
}
#leftnav div#casetopics ul{
  list-style: none;
  font-size: 75%;
  padding-left: 1em;
  padding-top: 1em;
  margin: 0 0 2em 0;
  border-top: 1px solid #FFF;

}
#leftnav div#casetopics a{
  text-transform: none;
  background-image: none;
  color: #069;
  text-decoration: underline;
}
#leftnav div#casetopics a:hover{
  text-decoration: none;
}
#leftnav div#try {
  background: #877A5A url(/images/try_bg.jpg) no-repeat top right;
  height: 90px; /* PIX TO MATCH SIZE OF BG IMAGE */
  border-top: 5px solid #97BCCC;
  margin-right: 2px;
  padding-left: 1em;
}
#leftnav div#try h4 {
  padding: .75em 0 0 0;
  color: #97BCCC; 
}
#leftnav div#try ul{
  font-size: 65%;
  list-style: none;
  padding: 0;
  padding-top: .5em;
  letter-spacing: .05em;
  margin: 0;
}
#leftnav div#try li#register{
  margin-bottom: .65em;
}
#leftnav div#try a{
  color: #FFF;
  text-transform: uppercase;
  background: transparent url(/images/arrow_white.gif) no-repeat center left;
  padding-left: 8px;
}
#leftnav div#try a:hover{
  text-decoration: underline;
}
img#plan_magic {
  margin-top: 1px;
}
div#plan_auto_nav {
  background-color: #ccc;
  color: #666;
  padding: 1em;
  margin: 1px;
  margin-right: 2px;
}
#leftnav div.body {
  background-color: #EDEDD7;
  padding: 0;
  margin: 1px 2px 0 0;
  border-top: 1px solid #EDEDD7; /* THIS IS A KLUGE TO GET RID OF A MYSTERIOUS TOP MARGIN */
}
#leftnav div.body div {
  background: transparent url(/images/head_bl.png) no-repeat bottom left;
  margin: 0;
  padding: 0;
}
#leftnav div.body div div {
  background: transparent url(/images/head_br.png) no-repeat bottom right;
  margin: 0;
  padding: 0 0 3em 0;
}

#leftnav div.body ul{
  list-style: none;
  font-size: 75%;
  padding-left: 1em;
  margin: 1em 0 2em 0;
}
#leftnav div.body a{
  text-transform: none;
  background-image: none;
  color: #069;
  text-decoration: underline;
}
#leftnav div.body a:hover{
  text-decoration: none;
}
#content {
  float: left;
  width: 42em;
  padding: 0;
  margin: 0;
  margin-bottom: 4px;
}
#content div#bluehead {
  height: 2em;
  background: #BED5E7 url(/images/head_tr.png) no-repeat top right;
  margin-left: 2px;
  margin-right: 2px;
}
#content div#bluehead span {
  display: block;
  background: transparent url(/images/head_tl.png) no-repeat top left;
  color: #fff;
  margin: 0;
  padding: 0;
  padding-left: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 65%;
}
#content h4 {
  color: #877a5a;
  margin-top: 1em;
  padding-left: 1.33em;
}
#content h5 {
  padding-left: 2em;
  font-weight: normal;
  color: #000;
  font-size: 105%;
}
#content p {
  padding-left: 2em;
}
#content ul {
  padding-left: 3em;
  margin-left: 0;
  list-style-image: url(/images/orange_bull.gif);
  color: #F60;
}
#content ol {
  padding-left: 3em;
  margin-left: 0;
  color: #F60;
}
#content li {
  color: #000;
}
  
#content a {
  text-transform: none;
  background-image: none;
  color: #069;
  text-decoration: underline;
}
#content a:hover {
  text-decoration: none;
}
#content a.backtop { 
	text-transform: uppercase;
	float: right;
	background: url(/images/arrow_blue.gif) no-repeat center right;
	padding-right: 10px;
	text-decoration: none;
	letter-spacing: 0.05em;
	font-size: 80%
}
#areas {
  width: 37em;
  background-color: #edecd8;
  padding: 1em;
  margin: 1em 0 1em 2em;
  color: #333;
}
#areas ul {
  float: left;
  list-style-image: url(/images/quote_marker.gif);
  padding: 0;
  margin: 1em;
}
ul.col1 li, ul.col2 li {
  padding-right: 1em;
}
#areas ol {
  padding: 0;
  margin: 1em;
  margin-left: 1.5em;
  color: #333;
}
#areas ol li {
  margin-bottom: .5em;
}
#content h5 {
  font-size: 1.2em;
  margin: 0;
  margin-left: 1.7em;
  padding: 0;
}
#content h6 {
  font-size: 1.1em;
  margin: 0;
  margin-left: 1.8em;
  padding: 0;
  color: #666666;
}
#areas h5 {
  font-size: 1.2em;
  margin: 0;
  padding: 0;
}
#areas_nav  {
  background-color: #edecd8;
}
#leftnav div#casetopics #areas_nav h4 {
  background: url(/images/quote_gray_back.gif) no-repeat #edecd8;
  padding-left: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
#leftnav div#casetopics #areas_nav h4 a{
  color: #000;
  margin-bottom: .5em;
}
#leftnav div#casetopics #areas_nav a {
  text-decoration: none;
}
#leftnav div#casetopics #areas_nav a:hover {
  text-decoration: underline;
}
#leftnav div#casetopics #areas_nav a {
  display: block;
  padding: 0;
  padding-left: 16px;
  margin: 0 .5em 1em 12px;
}
#leftnav div#casetopics #areas_nav a.forward {
  background: url(/images/quote_marker.gif) no-repeat;
  font-size: 90%;
  padding-top: 2px;
}
#leftnav div#casetopics #areas_nav a.back {
  background: url(/images/quote_marker_back.gif) no-repeat;
  font-size: 90%;
  padding-top: 2px;
}
#leftnav div#casetopics #areas_nav ol {
  font-size: .85em;
  line-height: 1em;
}
#leftnav div#casetopics #areas_nav ol li{
  padding: 0;
  margin: 0;
  margin-bottom: .5em;
  border: 1px solid #edecd8;
}
#leftnav div#casetopics #areas_nav ol a{
  text-decoration: underline;
  padding: 0;
  margin: 0;
}
#leftnav div#casetopics #areas_nav ol a:hover{
  text-decoration: none;
}
/*
  vim: et ts=2 sw=2 ai
*/