#wholepage{
margin-left:auto;
margin-right:auto;
width:940px;
}

/*
 * CSS information for the Header
 */
 
#header {
width:940px;
}

#headertop {
width:940px;
height:83px;
background-image:url(../images/TopHeader.jpg);
background-repeat:no-repeat;
}

#headertop h1 {
display:none;
}

#headerleft {
width:596px;
height:23px;
float:left;
background-image:url(../images/BottomHeaderLeft.jpg);
background-repeat:no-repeat;
}

#headermenu {
width:304px;
height:23px;
float:left;
background-image:url(../images/BottomHeaderMenu.jpg);
background-repeat:no-repeat;
}

#headerright {
width:40px;
height:23px;
float:left;
background-image:url(../images/BottomHeaderRight.jpg);
background-repeat:no-repeat;
}

#headermenu ul {
list-style-type:none;
}

#headermenu ul li {
float:left;
padding:0 0 0 5px;
}

#headermenu ul#signup a {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#f89f37;
text-decoration:underline;
}

#headermenu ul#menu a {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#c42b2e;
text-decoration:underline;
}


/*
 * CSS information for the Footer
 */

#footer {
width:940px;
}

#footerleft {
width:580px;
height:16px;
float:left;
background-image:url(../images/FooterLeft.jpg);
background-repeat:no-repeat;
}

#footermenu {
width:320px;
height:16px;
float:left;
background-image:url(../images/FooterMenu.jpg);
background-repeat:no-repeat;
}

#footerright {
width:40px;
height:16px;
float:left;
background-image:url(../images/FooterRight.jpg);
background-repeat:no-repeat;
}

#footermenu ul {
list-style-type:none;
}

#footermenu ul li {
float:left;
padding:0 0 0 6px;
}

#footermenu a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-decoration:underline;
}

/*
 * CSS information for the FrontPage Main Section
 */

#frontpagemain {
width:940px;
}

#frontpagemain li {
color:#f9af5a;
}

/*
 * CSS information for the Main Section
 */

#main {
width:940px;
}

#main h1 {
padding-left:50px;
margin-top:20px;
font-size:140%;
}

#main h2, h3 {
padding-left:50px;
}

#main p {
padding:0px 50px 0px 50px;
margin:10px 0px 10px 0px;
line-height:1.1em;
}

#main blockquote p {
padding-left:100px;
}

#main ul {
list-style-type:disc;
padding-left:50px;
list-style-position:inside;
}

#main ol {
list-style-type:decimal;
padding-left:50px;
list-style-position:inside;
}

#main ol li span {
padding-left:20px;
line-height:25px;
}

/*
 * CSS information for the FrontPage
 */

#frontpageleft {
width:580px;
background-image:url(../images/FrontPageLeftBG.jpg);
background-repeat:repeat;
float:left;
}

#frontpageleft_top {
width:580px;
height:62px;
float:left;
background-image:url(../images/FrontPageLeft_Top.jpg);
background-repeat:no-repeat;
}

#frontpageleft_left {
width:218px;
height:275px;
float:left;
background-image:url(../images/FrontPageLeft_Left.jpg);
background-repeat:no-repeat;
}

#frontpageleft_right  {
width:362px;
height:275px;
float:left;
}

#frontpageleft_right ul {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
color:#f9af5a;
list-style-position:inside;
}

#frontpageleft_right ul#benefits {
}

#frontpageleft_right ul#benefits li {
background-image:url(../images/SmallBullet.png);
background-repeat:no-repeat;
padding:7px 0px 20px 30px;
}

#frontpageleft_right ul#signup {
list-style-image:url(../images/LargeBullet.png);
}

#frontpageleft_right ul#signup li {
line-height:70px;
}

#frontpageleft_top h1 {
display:none;
}

#frontpageright {
width:360px;
float:right;
}

/*
 * CSS information for the Active Area
 */

#activearea {
width:340px;
margin-top:10px;
margin-left:10px;
}

#activeborder_left {
width:7px;
height:255px;
background-image:url(../images/ActiveBorderLeft.jpg);
background-repeat:no-repeat;
float:left;
}

#activearea_editable_area {
width:326px;
height:255px;
background-image:url(../images/ActiveEditableAreaBG.jpg);
background-repeat:repeat;
float:left;
}

#activearea_editable_area h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
margin-bottom:6px;
}

#activearea_editable_area p {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
margin-bottom:4px;
padding-left:8px;
}

#activeborder_right {
width:7px;
height:255px;
background-image:url(../images/ActiveBorderRight.jpg);
background-repeat:no-repeat;
float:left;
}

#activeborder_bottom_left {
width:7px;
height:18px;
background-image:url(../images/ActiveBorderBottomLeft.jpg);
background-repeat:no-repeat;
float:left;
}

#activeborder_bottom_middle {
width:326px;
height:18px;
background-image:url(../images/ActiveBorderBottom.jpg);
background-repeat:no-repeat;
float:left;
}

#activeborder_bottom_right {
width:7px;
height:18px;
background-image:url(../images/ActiveBorderBottomRight.jpg);
background-repeat:no-repeat;
float:left;
}


#activeborder_top_left {
width:60px;
height:57px;
background-image:url(../images/ActiveBorderTopLeft.jpg);
background-repeat:no-repeat;
float:left;
}

#activeborder_top_right {
width:40px;
height:57px;
background-image:url(../images/ActiveBorderTopRight.jpg);
background-repeat:no-repeat;
float:left;
}

#activearea_top {
background-image:url(../images/ActiveTabUnSelected.jpg);
background-repeat:repeat-x;
height:57px;
}

#activeborder_tab_1, 
#activeborder_tab_2,
#activeborder_tab_3,
#activeborder_tab_4 {
width:60px;
height:57px;
float:left;
}

#editable_area_1,
#editable_area_2,
#editable_area_3,
#editable_area_4 {
padding:15px;
}

div.active {
background-image:url(../images/ActiveTabSelected.jpg);
background-repeat:no-repeat;
}


/*
 * CSS information for About Us
 */

#aboutus_left {
width:640px;
float:left;
}

#aboutus_right {
width:300px;
float:left;
}


/*
 * CSS information for Speech Bubbles
 */

#accordion div.speech {
	width: 70%;
/*	font-size: 0.75em; */
	margin-bottom: 24px;
	padding-left:100px;
}

#accordion div.speech blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

#accordion div.speech blockquote p {
	margin: 10px;
	padding: 0px;
}


#accordion div.speech span {
	position: relative;
	margin: 0px;
	padding: 6px 0px 0px 42px;
	top: 8px;
	background: transparent url(../images/tip.gif) no-repeat 20px 0;
	font-style: normal;
	z-index:1;
}

#accordion div.speech li span {
line-height:100%;
padding-left:40px;
}

#accordion h3 {
padding-top:10px;
}

#accordion div.speech ul {
list-style-type:disc;
padding-left:50px;
list-style-position:inside;
}

table.table {
border:solid 1px #a22126;
}

table.table thead tr th {
background-color:#ffffff;
color:#a22126;
padding:2px;
}

table.table tbody tr td {
background-color:#ffffff;
padding:2px;
}

table.table tbody tr.odd td{
background-color:#FFFF99;
padding:2px;
}

/*
 * CSS information for Kayako
 */

#kayako {
padding-left:50px;
}

#kayako_disclaimer h3{
padding-left:-50px;
font-size:70%;
}

#kayako_disclaimer p{
padding-left:-50px;
font-size:70%;
}

/*
 * CSS information for ......
 */





/*
 * CSS information for general site
 */
 
.diagramcaption {
width:125px;
float:left;
position:relative;
left:50px;
}

.diagram {
width:700px;
float:left;
position:relative;
left:50px;
}

.formpadding {
padding-left:50px;
}

.divShow  { 
visibility: visible; 
}
.divHide { 
visibility: hidden; 
display:none; 
}

.invalid { 
border: solid #FF0000;
}

#clear {
clear:both;
}

#clear hr {
display:none;
}