body	{ margin: 0px; background-color: #888888; font-family: verdana, tahoma; font-size: 12px; color: black; }

li		{ margin: 8px 0; }

#main	{ margin: 0px auto; width: 778px; height: 100%; border-left: 1px solid black; border-right: 1px solid black; }

#header	{ background-image: url(../images/header.gif); background-repeat: no-repeat; width: 778px; height: 216px; background-color: #ffffff; vertical-align: top; }

#logo img { padding-left: 20px; padding-top: 10px; width: 250px; height: 118px; border: none; }

.tagline	{ font-size: 18px; text-align: center; color: #ffffff; float: right; padding-right: 20px; padding-top: 10px;  margin: 0; }

/*This is the formatting for the right-aligned topic headings on each page*/
.headingRight	{ font-size: 18px; color: #555555; margin: 30px 20px 0 0; text-align: right }
.headingRight h1	{ font-size: 18px; color: #003366; text-align: right; margin-bottom: 0px; }

/*This is the formatting for the elements in the sidebar*/
#nav	{ width: 220px; padding-bottom: 10px;  background-image: url(../images/sidebar.gif); background-repeat: repeat-y; vertical-align: top; font-family: verdana, tahoma; font-size: 14px; color: #ffffff; }

#nav h2	{ font-size: 11px; color: #ffffff; margin: 0; }

#nav p	{ font-size: 10px; margin: 10px; }

/*This is the formatting for the contact info in the sidebar*/
.phone	{ padding: 10px; }

/*This this the formatting for the ABLE slogan in the sidebar*/
#slogan	{ margin: 10px; line-height: 18pt; letter-spacing: 3px; }

#menu a:link, #menu a:visited  { color: #ffffff; text-decoration: none; line-height: 20pt; background-image: url(../images/001.gif); background-repeat: no-repeat; background-position: center left; padding-left: 15px; margin-left: 10px; vertical-align: middle; }

#menu a:hover, #menu a:active { color: #ffffff; text-decoration: underline; background-image: url(../images/002.gif); }

/*This is the formatting for the elements in the main content section*/
#content {	padding: 0px 20px 20px 20px; background-color: #ffffff; }

#content h1, h2 { font-size: 16px; color: #003366; }

#content h2 { font-weight: bold; text-decoration: underline; margin: 20px 0 5px 0; clear: both; }

#content h3 { font-weight: bold; font-size: 14px; color: #003366; margin: 30px 0 5px 0; }

/*This style removes the underline from second level headings*/
#content h2.ix	{ text-decoration: none; }

/*This style adds padding to the top of second level headings on the resources page*/
#content h2.topMargin { margin-top: 60px; }

/*This is the format for the owner's picture*/
.owner { float: right; }

/*This class is used on paragraphs that should line up immediately below a heading*/
.noMargin { margin: 0; }

/*This class pushes the membership photos down on pages that have minimal content*/
.bottomMargin { margin-bottom: 200px; }

.purple { color: #640837 }

/*This is the formatting for the links in the main content section*/
a:link, a:visited { color: #640837; text-decoration: underline; }

a:hover, a:active { color: #003366; text-decoration: underline; }

/*This sets the properties of the round corner boxes with purple header*/
.purpleBoxLg { width: 500px; margin-top: 15px; }

.purpleBoxSm { width: 126px; }

.purpleBoxLgTop, .purpleBoxSmTop { width: 100%; height: 52px; text-align: center; vertical-align: middle; }

.purpleBoxLgTop { background: url(../images/purpleboxtoplg.jpg); }

.purpleBoxSmTop { background: url(../images/purpleboxtopsm.jpg);  }

/*Remove the underline from the headings*/
#content h2.noLine, #content h2.noLineSm { color: #ffffff; text-decoration: none; }

#content h2.noLineSm { font-size: 10px; }
		
.purpleBoxLgBody, .purpleBoxSmBody { width: 100%; background-repeat: repeat-y;  }

.purpleBoxLgBody { background: url(../images/purpleboxbodylg.jpg); }

.purpleBoxSmBody { height: 110px; background: url(../images/purpleboxbodysm.jpg); font-size: 11px; padding: 10px 5px 5px 8px; }

.purpleBoxLgBottom, .purpleBoxSmBottom { width: 100%; height: 25px; }

.purpleBoxLgBottom { background: url(../images/purpleboxbottomlg.jpg); }

.purpleBoxSmBottom { background: url(../images/purpleboxbottomsm.jpg); }

/*this style floats the small boxes beside each other on the savings comparison page*/
.floatLeft { float: left; width: 125px; margin: 10px 4px 20px 0; }
		
ul.uses li { line-height: 20px; padding-right: 15px; } 

/*This styling is used for the chart under point #2 on the savings page*/
.ratechart { width: 280px; margin: 0px 30px; }

.ratechart_left { line-height: 20px; float: left; text-align: left; width: 200px; }

.ratechart_right { line-height: 20px; float: left; text-align: right; width: 80px; }

/*This clears an element placed after a float*/
.clear	{ margin-left: 5px; clear: left; }

/*This class is used for the indented ordered list on the v-a-vs-employee page*/
.savings_list { margin-left: 25px; text-indent: -20px; clear: right; }

/*This class is used for the indented sections on the rates page*/
.list { margin-left: 30px; }

/*This style is used for the within-page links in the box on the reasons-to-partner page*/
.qual_list a:link, .qual_list a:visited { padding-left: 25px; font-size: 16px; font-weight: bold; color: #000066; text-decoration: none; }

.qual_list a:hover, .qual_list a:active { text-decoration: underline; }

/*This style is used for the case studies and the client testimonials*/
.ltPurpleBox { width: 500px; background-color: #b2849c; border: 1px solid #640837; padding: 5px; margin-bottom: 20px; }

.ltPurpleBox p { background-color: #ffffff; border: 1px solid #640837; margin: 0 0 5px 0; padding: 10px 5px; }

p.ltPurpleBoxLast { background-color: #ffffff; border: 1px solid #640837; margin: 0; padding: 10px 5px; }

/*This style is used for the retainer plans*/
.ratesBox { width: 300px; background-color: #b2849c; border: 1px solid #640837; padding: 5px; margin: 20px 0 20px 30px; line-height: 20px; }

.ratesBox p { background-color: #ffffff; border: 1px solid #640837; margin: 0 0 5px 0; padding: 15px 5px; }

p.ratesBoxLast { background-color: #ffffff; border: 1px solid #640837; margin: 0; padding: 10px 5px; }

/*This style sets the properties for the images on the resources page*/
.purpleImageLt, .purpleImageRt { background-color: #b2849c; border: 1px solid #640837; padding: 5px; }

.purpleImageLt { float: left; margin-right: 10px; }

.purpleImageRt { float: right; margin-left: 5px;}

.purplImageLt img, .purpleImageRt img { border: 1px solid #640837; }

.topMargin { margin-top: 45px; }

.bookPackages th, .bookPackages td {  border-top: 1px solid #640837; border-left: 1px solid #640837; font-size: 9px; padding: 3px; text-align: center; height: 40px; }

.bookPackages th { color: #ffffff; background-color: #b2849c; }

th.right, td.right { border-right: 1px solid #640837; }

th.bottom, td.bottom { border-bottom: 1px solid #640837; }

th.bottomRight, td.bottomRight {border-bottom: 1px solid #640837; border-right: 1px solid #640837; }


/*These styles set the properties for the membership images on the bottom of each page*/
.member, .member img { border: 0px; float: left; padding-left: 10px; padding-top: 20px; }

.member_row, .member_row img { border: 0px; float: left; clear: left; padding-left: 10px; padding-top: 25px; }

/*This is the style for the links and the copyright information in the footer*/
#footer	{ text-align: center; font-size: 9px; color: #666666; padding: 10px 0; clear: left; background: #ffffff; }

#footer a:link, #footer a:visited { font-size: 9px; color: #666666; text-decoration: none; }

#footer a:hover, #footer a:active { font-size: 9px; color: #666666; text-decoration: underline; }