*{margin:0px; padding:0px}
html {height: 100%; font-family: sans-serif; margin: 0; padding: 0; font-size: .9em;}
body {border:0;width:100%;text-align: center;}
h1 {font-weight: bold; font-size: 1.6em; color: #a65254; padding: 5px 0 5px 0;margin: 0;}
h2 { font-weight: bold; font-size: 1.5em; line-height: 1.3em; color: #7e9479; padding: 3px 0 3px 0;}
h3 {font-weight: bold; font-size: 1.3em; padding: 0; margin: 0; color: #00a7e5;}
h4 {font-weight: bold; font-size: 1.1em; padding: 4px 0 0 0; }

.u { text-decoration:underline;}
.flw{padding: 4px 10px 8px 5px; margin: auto 0; text-align:left;}
.flw label {color: #CCCCCC; font-weight: bold; margin: 0 7px 0 0;}
.ibox {width: 185px; margin: 2px 4px 0 0; border: 1px solid #8d8d8d; height:18px; color: #696969; background-color: #CCCCCC;}
#const-form-w {width:: 246px; padding: 0 2px 0 2px; background-image: url('/i/form-back-s.png'); background-repeat: repeat-y; text-align: center;}
#const-form-w h1 {font-weight: bold; font-size: 1.6em; color: #d0d8db; padding: 0 0 10px 0; margin: -15px 0 10px 0;}
#const-form-c {padding: 25px 10px 0 20px; text-align: left;}
.form-button-w {text-align: center; padding: 15px 17px 0 0;}

p {margin:.4em 0 .8em 0; padding:0;width: auto; font-size: 1ems; }
img {margin: 0 auto; padding: 0 auto; border: 0;}
a { text-decoration:underline; color: #00a7e5;}
a:hover { text-decoration: none;}
.ar {text-align: right;}

#did-know-box { margin: 10px 30px 20px 30px; padding: 16px; background-color: #d0d8db; border: 1px solid #333333;}
div #did-know-box ul {margin: 0 0 0 30px;}
div #did-know-box li {margin-left: 10px; padding-top: 10px;}	


.quote {
   border:1px solid #9FCFFF; 
   background:#D7EBFF url('quote-left.gif') no-repeat left top; 
   margin-left: 10%; 
   margin-right: 10%;
   padding-top: 10px;
   padding-left: 40px; 
   font-style:normal; 
   font-variant:normal; 
   font-weight:normal; 
   font-size:11px; 
   font-family:Arial
}

.quote div {background: transparent url(quote-right.gif) right bottom no-repeat;
 padding-right: 40px;
 padding-bottom: 10px;
}

#rough-menu { text-align: left; padding: 10px 0 0 15px; margin: 0 0 0 10px;}
/* 8fba8f */
#rough-menu a { color: #00a7e5; text-decoration:underline; line-height: 18px; font-size: 15px; letter-spacing: 2px; border: 1px solid #00a7e5; padding: 6px;}
#rough-menu a:hover { text-decoration: none;}
#rough-menu strong { color: #666666; font-size: 14px;}

.l-testimonial {float: left; width: 250px;}
.full-testimonial { width: 500px;}
.full-testimonial a { color: #FFFFFF; text-decoration:underline;}
.full-testimonial a:hover {text-decoration: none;}

.sell-link { text-align: right;}
.articleCaption { color:#999999; font-style:italic; text-decoration: none; font-size: .7em; }
.article { color:#333333; }
#PageW {width: 900px; text-align: center; margin-left: auto; margin-right: auto;}
#ContentW{width: 100%;}
#LeftBodyW {width: 650px; text-align: left; float: left;}
#LeftBodyContent {padding: 5px 15px 0 15px;}
.phead {border-bottom: 2px solid #007199; margin: 15px 0; width: 100%;}
#RBodyW {width: 250px; text-align: center; float: right;}
#UpperHeadW {width: 100%; text-align: left; 900px; }


#UpperHRight {float: right; text-align: right;}
#UpperHLeft {float: left;}

#UpperHLeftContent {padding: 9px 15px 0 0; color: #CCCCCC; font-size: .8em;}
#UpperHLeftContent a { color: #FFFFFF; text-decoration:underline;}
#UpperHLeftContent a:hover {text-decoration: none;}
#SpaceAboveButtons {width: 100%; height: 20px;}



#GreenBelowButton {width: 100%; height: 4px; background-color: #8fba8f;}

/*#UpperNewsW {width: 897px; background-color: #8fba8f; text-align: left; margin: 0; padding: 0; border: 0; clear: both; border-top: 5px solid #FFFFFF; border-bottom: 1px solid #000000;}*/

#UpperNewsW {width: 897px; background: url('/i/news-wrap.png'); background-repeat: no-repeat; background-position: center bottom; text-align: left; margin: 0; padding: 0; border: 0; clear: both; border-top: 20px solid #FFFFFF; }
#UpperNewsC {padding: 7px 0 5px 15px; margin: 0;}
#UpperNewsC p {color:#FFFFFF;}

#FooterW {width: 100%; height: 32px; background-color: #007199; text-align: left; border-top: 4px solid #8fba8f; border-bottom: 1px solid #000000;}
#FooterContent {padding: 8px 10px 5px 15px; color:#CCCCCC; text-align: right;}
#FooterContent a { color: #FFFFFF; text-decoration:underline;}
#FooterContent a:hover {text-decoration: none;}

#DisclaimerW {padding: 10px; text-align: left;}
#DisclaimerW p { font-size: .8em; font-family:Verdana, Arial, Helvetica, sans-serif;}


blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
	background-color: #50c8ed;
	margin: 15px;
	padding: 0;
	background-image: url(/i/top-quote-b.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
blockquote p {
	margin: 10px 0px 0px 10px;
	padding: 10px 10px 0px;
	text-indent: 20px;
}
#quote_attrib {
font-size: 70%; 
background-image: url(/i/bottom-quote-b.gif); 
background-repeat: no-repeat; 
background-position: right bottom; 
text-align: right; 
text-indent: 0px; 
margin-top: 0px; 
margin-right 0px;
padding-bottom: 15px; 
padding-right: 45px;

}

#HomeButton {width: 149px; height: 30px; float: left; border-bottom: 1px solid #333333; border-top: 1px solid #333333; border-left: 1px solid #333333; display:block; font-size:12px;text-decoration:none; color:#fff; background:#007199;}

#HomeButton a {display:block;font-size:12px;text-decoration:none; color:#fff; background:#007199; padding-left:10px; line-height:29px; font-weight:bold;}
#HomeButton a:hover{color:#000; background:#8fba8f;}



.menu {width:745px; height:32px; position:relative; z-index:100;border-right:1px solid #000; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#007199 url('/i/arrow-down.png'); background-repeat: no-repeat; background-position: right bottom; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#33A6DC url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d0d8db; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#8fba8f url('/i/arrow-down-r.png'); background-repeat: no-repeat; background-position: right bottom;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#8fba8f;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* Visalus Web */
.btnPurple
{
    margin: 0px;
    padding: 0px;
    margin-right: 3px;  
    padding:2px 3px 2px 3px;
    font-family: Arial, Sans-Serif;
    background-color:#702c91;
    border-top:1px solid #e9c0dd;
    border-left:1px solid #e9c0dd;
    border-bottom: 1px solid #4c4046;
    border-right: 1px solid #4c4046;
    color:White;
    cursor:pointer;
    height: 22px; 
    text-decoration:none;
}

.btnPurple_two
{
    margin: 0px;
    padding: 0px;
    margin-right: 3px;  
    padding:2px 3px 2px 3px;
    font-family: Arial, Sans-Serif;
    background-color:#702c91;
    border-top:1px solid #e9c0dd;
    border-left:1px solid #e9c0dd;
    border-bottom: 1px solid #4c4046;
    border-right: 1px solid #4c4046;
    color:White;
    cursor:pointer;
	line-height: 20px;
	font-size: 16px;
    height: 30px; 
    text-decoration:none;
}