.sapn {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 16px;
}

/*
-----------------------
  COLOR PALETTE
  blue text: #9999FF
  gray: #424758
  
  ???:  #FF9933
  neon green: #CCFF66
  border blue: #CCCCFF
  dark blue: #5E60AC
-----------------------
*/

/* global
----------------------------------------------- */
body {
  background: #fff;
  font-family: Arial,Helvetica,sans-serif;
  margin: 0 5%;
  color: #000;
  font-size: 13px;
}

p {
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 13px;
}

p.tight {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
}

p span.indent {
  margin-left: 20px;
}

a {
  color: #000;
  text-decoration: none;
}

a:link, a:visited {
  color: #000;
}

a:hover {
  text-decoration: none;
}

a:active, a:focus {
  outline: 0
}

img {
  border: none;
}

h1 {
  margin: 20px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  color: #000;
  font-family: Arial,Verdana,Helvetica;
  font-size: 16px;
}

h2 {
  margin: 40px 0px 5px 0px;
  color: #000;
  font-weight: bold;
  font-size: 16px;
  text-decoration: underline;
}

h3 { 
  color: #000;
}

.emphasis {
  color: #000;
  font-weight: bold;
}

.large {
  font-size: 12pt;
}

.small {
  font-size: 10px;
}

.paraspacer {
  margin: 8px 0px 0px 0px;
  clear: both;
}

.screen {
  margin: 0px 0px 0px 0px;
  display: none;
}

.pagebreak {
  page-break-before: always;
}

.tiny {
  font-size: 10pt;
  font-style: italic;
}

/* layout
----------------------------------------------- */
#container {
  background: #fff;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#pageHeader {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: none;
  display: none;
}

#headerbottom {
  display: none;
}

#mainArea {
  float: none;
}

#pageLeft {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: none;
}

#pageRight {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: none;
}

#mainAreaColumns {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  float: left;
  width: 500px;
  display:inline; /* So IE plays nice */
}

#mainAreaLeft {
  margin: 0px 0px 1px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: 220px;
  text-align: left;
}

#mainAreaRight {
  margin: 0px 0px 0px 0px; /* IE seems to ignore this */
  padding: 0px 0px 0px 0px;
  width: 220px;
  float: right;
  position: relative;
}

#memberCols {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  width: auto;
  display: block; /* So IE plays nice */
  position: relative;
}

#memberColLeft {
  float: left;
  width: 200px;
  clear: both;
}

#memberColCenter {
  float: left;
  width: 200px;
}

#memberColRight {
  float: right;
  width: 160px;
}



/* headings
----------------------------------------------- */
#mainAreaColumns h3, #mainArea h3 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: bold;
  color: #000;
}

img.title {
  display: inline;
  float: left;
}

h1.title {
  text-align: left;
  float: left;
  font-size: 18px;
  margin: 0px 0px 10px 30px;
}

/* text
----------------------------------------------- */

#pageLeft p {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}

#mainAreaColumns p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
}

#mainArea p.adobenote {
  font-style: italic;
  margin: 20px 0px 30px 0px;
}

#pageRight .calendar {
  margin: 0px 0px 0px 70px;
}

#pageRight .calendar_month {
  margin: 0px 0px 20px 70px;
  font-size: 18px;
  font-weight: bold;
  color: #5E60AC;
}

#pageRight .calendar_weekday {
  font-size: 16px;
  font-weight: bold;
  color: #9999FF;
}

#pageRight .day_active {
  font-size: 16px;
  font-weight: bold;
  color: #9999FF;
}


/* forms
----------------------------------------------- */

#mainArea p.formlabel {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 10px;
}

#mainArea input.formfield {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 10px;
}

#contactform {
   margin: 0px auto 0px auto;
   padding: 0px 0px 10px 10px;
   width: 115px;
   border: 1px solid #9999FF;
}

#contactform .row {
   clear: both;
   margin: 0px 0px 3px 0px;
   padding: 5px 0px 0px 0px;
   line-height: 150%;
   text-align: left;
   width: 100px;
}

#contactform .row span.formlabel {
   float: left;
   font-size: 10px;
   color: #424758;
}

#contactform .row span.formfield {
   float: right;
   font-size: 10px;
}

#contactform p.clear {
   clear: both;
   margin: 0px 0px 0px 0px;
   padding: 10px 10px 0px 0px;
   font-size: 12pt;
   font-weight: bold;
   font-style: italic;
   text-align: center;
}

#contactform .formtextarea {
   font: 10pt Arial;
   margin: 3px 0px 3px 7px;
   padding: 3px 0px 3px 7px;
   border-width: 1px; 
   border-style: solid;
   border-color: #CCCCCC;
}

#signaturebox {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 420px;
   
}

#signaturebox .row {
   clear: both;
   margin: 80px 0px 3px 0px;
   padding: 5px 0px 0px 0px;
   line-height: 150%;
   text-align: left;
   width: 500px;
}

#signaturebox .row span.sig {
   float: left;
   border-top: 1px solid #000;
   width: 250px;
   text-align: left;
}

#signaturebox .row span.date {
   float: left;
   border-top: 1px solid #000;
   width: 100px;
   text-align: left;
}

#signaturebox .row span.printed {
   float: right;
   border-top: 1px solid #000;
   width: 230px;
   text-align: left;
}

#sapnForm .row {
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
}

#sapnForm .row span.left {
  float: left;
  width: 210px;
  margin: 0px 0px 8px 0px;
}

#sapnForm .row span.center {
  float: left;
  width: 170px;
  margin: 0px 0px 8px 0px;
}

#sapnForm .row span.right {
  float: right;
  margin: 0px 0px 8px 0px;
  width: 180px;
}


/* lists
----------------------------------------------- */
ul {
  margin: 0px 0px 0px 30px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  list-style: square outside;
  text-align: left;

}

ul li {
  margin: 1px 0px 3px 0px;
  padding: 1px 10px 0px 0px;
  font-size: 12px;
  text-align: left;
}

ul li.heading {
  font-weight: bold;
  color: #000;
}

ul li.heading_space {
  font-weight: bold;
  color: #000;
  margin-bottom: 12px;
}

ul li p {
  margin: 6px 0px 12px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: normal;
}

ol {
  margin: 0px 0px 0px 30px;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  list-style: decimal outside;
  text-align: left;
}

ol li {
  margin: 1px 0px 3px 0px;
  padding: 1px 10px 0px 0px;
  font-size: 12px;
  text-align: left;
}

ol li p {
  margin: 6px 0px 12px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: normal;
}

/* links
----------------------------------------------- */

/* graphics
----------------------------------------------- */