/* --- Typography is fun!--- */

.grid p {
  line-height: 18px;
  font-size: 12px;
  font-family: Verdana, Geneva, sans-serif;
	margin: 16px 0 16px 0;
}

.grid h1 {
  line-height: 36px;
  font-size: 18px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
}

.grid h2{
  line-height: 36px;
  font-size: 18px;
  font-family: Verdana, Geneva, sans-serif;
}

ol li
{
  line-height: 18px;
  font-size: 12px;
  font-family: Verdana, Geneva, sans-serif;
	margin: 16px 0 16px 0;
}

ul li
{
  line-height: 18px;
  font-size: 12px;
  font-family: Verdana, Geneva, sans-serif;
	margin: 16px 0 16px 0;
}

.footer p
{
font-size: 10px;
line-height: 18px;
padding: 16px 0 0 0;
}


/* --- Grids are trendy! --- */

.grid {
  width: 968px;
  margin: auto;
}

.grid-m1 {
  float: left;
  width: 22px;
  height: 1px;
}

.grid-c1 {
  float: left;
  width: 280px;
}

.grid-m2 {
  float: left;
  width: 40px;
  height: 1px;
}

.grid-c2 {
  float: left;
  width: 320px; /** I have an idea. I won't tell you what it is. **/
}


.grid-m3 {
  float: left;
  width: 40px;
  height: 1px;
}


.grid-c3 {
  float: left;
  width: 299px;
}

.grid-c1-mem
{
float: left;
width: 550px;
}

.grid-m3-mem
{
float: left;
width: 90px;
height: 1px;
}


/** The Colors of Things. And a little bit of typography for now.**/

body 
{
background: #ffffff;
color: #000000;
font-family: Verdana, Geneva, sans-serif;
}

a
{
color: #9c0000;
}

.footer p
{
color: #aaaaaa;
}

.footer a
{
color: #9c7c7c;
}
/** Horrible things I have done. **/

p.required_text
{
margin: 16px 0 16px 20px;
}

.side_pic /** Why do you hate this IE6? **/
{
margin: -228px 0 0 0;
position: relative;
}

.header
{
margin: 0 0 0 -16px;
}

.grid ul.calendar
{
 	line-height: 18px;
  font-size: 12px;
  font-family: Verdana, Geneva, sans-serif;
	margin: 16px 0 16px 0px;
	display: inline; /** Mostly just for the 20% of our audience with IE6 **/
}

.grid li.calendar
{
list-style-type: disc;
}

/** Navigation structure and style **/

#navigation
{
line-height: 18px;
font-size: 12px;
}

#navigation li
{
display: inline;
list-style-type: none;
padding-right: 32px;
text-transform: uppercase;
}

#navigation li.firstli
{
padding-right: 50px;
}
#navigation li.secondli
{
padding-right: 50px; 
}
#navigation li.thirdli
{
padding-right: 40px;
}
#navigation li.fourthli
{
padding-right: 50px;
}
#navigation li.fifthli
{
padding-right: 50px;
}

/** CSS Tableses!  (Say it like "Tunafish Sammiches!")

Actually, because IE6 and 7 don't do display: table I'm taking the 
roundabout way and it's not really css tables. But I like the header. **/

div.float {
  float: left;
	padding: 4px;
	width: 100px;

  }
	
div.float-advisor {
float: right;
padding: 4px;
width: 100px;
}

.title-advisor {
text-align: right;
}
  

div.float p {
   text-align: center;
   }
	 
h2.right-title
{
margin-top: -68px;
text-align: right;
}
	 
div.container {
  border-top: 1px solid #000000;
	border-right: none;
	border-left: none;
	border-bottom: none;
  background-color: #ffffff;
  }
div.spacer {
  clear: both;
  }