/* ~~~~~~~~~~~~~~~~ */
/* BODY and HEADERS */
/* ~~~~~~~~~~~~~~~~ */
BODY
{
  background-color: #ffffff;
  font-family:      verdana, arial, helvetica, sans-serif;
  padding:          0px;
  margin:           0px;
}

H1
{
  color:            #333333;
  background-color: transparent;
  padding:		      0px;
  margin:           10px;
  border:           none;
  font-size:        120%;
}

H2
{
  color:            #333333;
  background-color: transparent;
  margin:           0px 0px 0px 30px;
  padding:          10px 0px 0px 0px;
  font-size:        100%;
  display:          block;
  clear:            none;
}

H3
{
  color:            #333333;
  padding:          0px 0px 0px 4px;
  margin:           0px;
  font-size:        90%;
  background-color: transparent;
  display:          block;
  clear:            none;
}

P
{
  margin:           0px;
  padding:          4px 0px 4px 0px;
  font-size:        80%;
  clear:            none;
}

UL
{
  margin:           0px 0px 0px 16px;
  padding:          0px;
}

LI
{
  margin:           0px;
  padding:          0px;
  font-size:        80%;
  clear:            none;  
}

IMG
{
  border:           none;
  margin:           0px;
  padding:          0px;
}

A:link,
A:visited
{
  text-decoration:  none;
  color:            #53658b;
  background-color: transparent;
  border-bottom:    1px dotted #53658b;
}

A:hover
{
  border-bottom:    1px solid #53658b;
}

#header A:link,
#header A:visited,
#header A:hover
{
  border:           none;
}

P.quote
{
  margin:           0px;
  margin:           0px 0px 0px 10px;
  padding:          20px 8px 8px 32px;
  font-size:        80%;
  clear:            none;
  background-color: #e8f6e9;
  background-image: url("images/OpenQuote.jpg");
  background-position:  top left;
  background-repeat:    no-repeat;
}

/* ~~~~~~~~~~~~~~ */
/* Container Divs       */
/* ~~~~~~~~~~~~~~ */
#container
{
  background-color: #ffeeff;
  color:            #000000;
  width:            780px;
  position:         absolute;
  left:             50%;
  margin-left:      -390px;
}

#main
{
  clear:            none;
  display:          block;
  width:            650px;
  float:            right;
  padding:          4px;
  margin:           0px;
}

#footer
{
  padding:          5px;
  clear:            both;
  text-align:       center;
  font-size:        70%;
  border-top:       1px solid #777777;
}

/* ~~~~~~~~ */
/* LEFT BAR */
/* ~~~~~~~~ */
#left
{
  clear:            none;
  display:          block;
  width:            120px;
  float:            left;
  padding:          0px;
  margin:           0px;
}

#left UL
{
  list-style:       none;
  margin:           0px;
  padding:          0px;
  display:          block;
  width:            120px;
}

#left LI
{
  list-style:       none;
  margin:           0px;
  padding:          0px;
  display:          block;
  color:            #ffffff;
  background-color: #64b264;
  border-top:       1px solid #ffffff;
  font-size:        80%;
}

LI#selected
{
  margin:           0px;
  padding:          2px 2px 2px 10px;
  display:          block;
  color:            #ffffff;
  background-color: #1ea01e;
  border-top:       1px solid #ffffff;	
}

LI#subselected
{
  margin:           0px;
  padding:          2px 2px 2px 20px;
  display:          block;
  color:            #ffffff;
  background-color: #1ea01e;
  border-top:       1px solid #ffffff;	
}

/* Use inline-block and then the extra display: block as a fix for IE */
.nav A:link,
.nav A:visited
{
  margin:           0px;
  padding:          2px 2px 2px 10px;
  display:          inline-block;
  text-decoration:  none;
  color:            black;
  background-color: #64b264;
}

.nav A:link,
.nav A:visited
{
  display:          block;
  border:           none;
}

.nav A:hover
{
  padding:          2px 2px 2px 10px;
  display:          block;
  border:           none;
  background-color: #f15e05;
}

.right
{
  display:        inline;
  float:          right;
  padding:        0px;
  margin:         4px;
}

.sub A:link,
.sub A:visited
{
  margin:           0px;
  padding:          2px 2px 2px 20px;
  display:          inline-block;
  text-decoration:  none;
  color:            black;
  background-color: #f15e05;
}

.sub A:link,
.sub A:visited
{
  display:          block;
  border:           none;
}

.sub A:hover
{
  padding:          2px 2px 2px 20px;
  display:          block;
  border:           none;
  background-color: #f15e05;
}