/*
Theme Name: Raintree
Theme URI: http://www.raintreeinc.com/
Description: Custom theme by <a href="http://www.brickst.com/">BrickStreet Creative</a>.
Version: 1.0
Author: Adam Houston
Author URI: http://www.brickst.com/
*/


/* Begin Typography & Colors */

.printonly {
	display: none;
}

html, body, ol, ul, li, dl, dt, dd, img {
  margin: 0; 
  padding: 0;
  border: 0;
	list-style: none;
}

body {
  background: #FFF url(../raintree/images/topstripe.png) no-repeat top center;
  color: #000; 
  font-family: arial, helvetica, sans-serif; 
  font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */ 
}


#wrapper1 {
	display: block;
	position: relative;
	overflow: hidden;
	width: 880px;
	margin: 0 auto;
	background: #FFF url(../raintree/images/centerbknd.png) repeat-y center;
}

#wrapper1.noline {
	background: #FFF url(../raintree/images/centerbknd-home.png) repeat-y center;
}


/****************** Main Page Structure *****************/



.center {
	display: block;
	width: 540px;
	float: right;
	margin: 0 50px;
	padding: 0 0 25px 0;
}

.center.onecol {
	width: 800px;
	margin: 10px 40px 10px 0;
	padding: 0;
	min-height: 350px;
	float: right;
}

.left {
	display: block;
	width: 200px;
	float: right;
	margin: 0;
	padding: 0;
}




/*************** Header and Footer elements *****************/

#header {
	display: block;
	position: relative;
	width: 880px;
	height: 207px;
	margin: 0 auto;
	padding: 0;
	background: url(../raintree/images/navbknd.png) no-repeat bottom;
	z-index: 1000;
} 

#footer {
	position: relative;
	display: block;
	width: 880px;
	margin: 0 auto;
	padding-top: 65px;
	height: 80px;
	background: #FFF url(../raintree/images/footerbknd-new.png) no-repeat top center;
}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	margin: 0 0 0 15px;
	text-indent: -7px;
	padding: 0;
	line-height: 20px;
}

#footer a {
	text-decoration: none;
	color: rgb(20,190,180);
	margin: 0 8px;
	border-bottom: 1px solid rgb(20,190,180);
}

#footer a:hover{
	color: #FFF;
	background-color: rgb(20,190,180);
	border-bottom: 1px solid rgb(20,190,180);
}


#footer p.validator {
	width: 200px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0 8px 0 0;
	padding: 0;
	text-align: right;
}

#footer p.tagline {
	width: 816px;
	position: absolute;
	top: 23px;
	left: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFF;
	font-weight: normal;
}

#footer p.seo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3px;
	margin: 0;
	padding: 0;
	color: #FFF;
	font-weight: normal;
}

#footer .check {
	padding: 0;
	margin: 0 3px;
	border: 0;
	height: 1em;
	width: 1em;
}

#footer a.siteBy, #footer a.siteBy:visited {
	display:inline;
	width: 10px;
	max-width:10px;
	height: 10px;
	background-color: rgb(33,33,33);
	padding: 0;
	background-image:url(../raintree/images/brickstreet.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration: none;
	border: 0;
}

#footer a.siteBy:hover, #footer a.siteBy:visited:hover {
	background-image:url(../raintree/images/brickstreet-hov.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration: none;
	border: 0;
}



/************** Generic Rules *************/

a {color: #000; vertical-align: bottom;}

h1, h2, h3 {
/*	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; */
	font-family: Arial, Helvetica, sans-serif;
}

.floatright, .alignright {
	display: block;
	float: right;
	margin: 0 0 10px 15px;
	text-align: right;
}

.floatleft, .alignleft {
	display: block;
	float: left;
	margin: 0 15px 10px 0;
	text-align: left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

h3 {
margin: 1em 0 .3em;
}

.small {font-size: .8em;}

.smaller { font-size: 85%; }


/************** center body styling *************/

.center {
}

.center .dividerline {
	width: 100%;
	padding: 0;
	height: 1px;
	line-height: 1px;
	background: rgb(20,190,180); /*was (185,210,225)*/
	margin: 0 0 10px 0;
}


.center h1  {
	font-weight: normal;
	margin: 35px 0 10px 0;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333; /*was (43,141,195)*/
}

.center p  {
	margin: .8em 0;
	color: #333;
	font-size: 12px;
	line-height: 1.5em;
}

.center h2  {
	margin: 2.5em 0 .5em 0;
	font-weight: normal;
	font-size: 18px;
	color: #666;
}

.center h3  {
	margin: 2em 0 .75em 0;
	font-size: 14px;
	color: rgb(10,95,150);
}


.center ul, .center ol {
	font-size: 12px;
	text-align: left;
	color: #333;
	margin-bottom: .8em;
}


.center ol li {
	list-style-type: decimal;
	margin: .5em 0 0 3em;
	color: #333;
}

.center ul li {
	list-style-type: square;
	margin: .5em 0 0 3em;
	color: #333;
}

.center a {
	color: rgb(20,190,180);
	text-decoration: none;
	border-bottom: 1px solid rgb(20,190,180);
}

.center a:visited {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid rgb(20,190,180); /* 1px solid rgb(10,95,150) */
}

.center a:hover, .center a:visited:hover {
	color: #FFF;
	text-decoration: none;
	background-color: rgb(20,190,180);
	border-bottom: 1px solid rgb(20,190,180);
}


.center .pullquoteleft, .center .pullquoteright, .center .pullquote {
	width: 240px;
	clear: both;
	margin: 5px 0 15px 0;
	background-image: url(../raintree/images/pullquotebknd-top.gif);
	background-position:top;
	background-repeat: no-repeat;
	font-weight: bold;
}

.center .pullquoteleft {
	float: left;
	margin: 5px 20px 15px 0;
}

.center .pullquoteright {
	float: right;
	margin: 5px 0 15px 15px;
}

.center .pullquotedesign {
	background-image: url(../raintree/images/pullquotebknd-bottom.gif);
	background-position:bottom;
	background-repeat: no-repeat;
	padding: 10px 0 20px 0; 
}



.center .pullquoteleft h3, .center .pullquoteright h3, .center .pullquote h3  {
	text-align: center;
	color: rgb(20,190,180);
	line-height: 1.15em;
	font-size: 14px;
	margin: 10px 0 15px 0;
	text-transform: uppercase;
}

.center .pullquoteleft p, .center .pullquoteright p, .center .pullquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: rgb(20,190,180);
	text-align: center;
	font-style: italic;
	font-weight: normal;
	line-height: 1.5em;
	font-size: 14px;
	margin: 10px 15px 0 15px;
}

.center .pullquoteleft p.attr, .center .pullquoteright p.attr, .center .pullquote p.attr {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: rgb(20,190,180);
	text-align: right;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.5em;
	font-size: 10px;
	margin: 10px 15px 0 15px;
}

.center .backto p {
	line-height: 1em;
	padding-top: 15px;
}

.center .backto a {
	color: rgb(20,190,180);
	text-decoration: none;
	border-bottom: 1px solid rgb(20,190,180);
}

.center .backto a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: rgb(20,190,180);
	border-bottom: 1px solid rgb(20,190,180);
}

.center .backto a span{
	display: block;
	float: left;
	vertical-align:baseline;
	margin-top: 4px;
	margin-right: 2px;
	width: 9px;
	height: 9px;
	background-image: url(../raintree/images/backarrow-dkblue.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
	padding-right: 5px;
}

.center .backto a:hover span{
	display: block;
	float: left;
	vertical-align:baseline;
	width: 9px;
	height: 9px;
	background-image: url(../raintree/images/backarrow-ltblue.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
	padding-right: 5px;
}

.center .specialpicborder {
	display: block;
	border: 1px solid rgb(20,190,180);
	margin: 0;
	padding: 0;
}

.center .specialpicborder img {
	margin: 0;
	padding: 0;
}


.center .specialpicborder .specialpiccorner {
	display: block;
	float: left;
	position: relative;
	bottom: 27px;
	left: -1px;
	height: 28px;
	width: 28px;
}

.center .dateboxborder {
	display: block;
	border: 1px solid rgb(210,230,245);
	margin: 0;
	padding: 0;
}

.center .dateboxborder .dateboxcorner {
	display: block;
	float: left;
	position: relative;
	bottom: 24px;
	left: -1px;
	height: 22px;
	width: 22px;
}

.center a.datebox, .center a.datebox:visited {
	display: block;
	float: left;
	width: 100px;
	height: 78px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	text-align: center;
	background: #FFF url(../raintree/images/datebox.png) no-repeat 0 0;
	color: #333;
	text-decoration: none;
	border: none;
	padding: 22px 0 0 0;
	margin: 0 15px 15px 0;
}

.center a.datebox:hover, .center a.datebox:visited:hover {
	color: #FFF;
	cursor: pointer;
	border: none;
	background-position: 0 -100px;
}

.center a.datebox .month {
	font-size: 22px;
}

.center a.datebox .day {
	font-size: 20px;
	line-height: 30px;
}


.center .largetext {
	margin: 0 0 .75em 0;
	font-size: 16px;
	color: #333;
}

.center .promoblock1 {
	width: 520px;
	padding: 1px 15px;
	background: rgb(20,190,180); /*was (185,210,225)*/
	margin: 0 0 20px 0;
}

.center .promoblock1 p {
	color: #FFF;
	font-size: 18px;
}


.center a.brochurepdf, .center a.brochurepdf:hover, .center a.brochurepdf:visited, .center a.brochurepdf:visited:hover {
	float: right;
	text-decoration: none;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
}

.center dl.releaselist {
	margin: 25px 0 0 0;
	padding: 0;
}

.center dl.releaselist dt {
	width: 110px;
	font-weight: bold;
	float: left;
	color: #333;
	font-size: 12px;
	line-height: 1.5em;
}

.center dl.releaselist dd {
	width: 420px;
	margin: 0 0 20px 10px;
	float: left;
}

.center dl.releaselist dd p {
	margin: 0;
}


/************** left column styling *************/


.left #subnav {
	display: block;
	margin: 0px;
	width: 200px;
	margin-top: 30px;
	padding-bottom: 25px;
	background: transparent url(../raintree/images/subnavbknd.png) repeat-y bottom center;
	color: rgb(10,95,150);
	font-weight: bold;
}

.left #subnavdesign {
}

.left #subnav ul {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 5px 0 28px;
}

.left #subnav ul li {
	line-height: 12px;
	margin-top: 8px;
	border-bottom: none;
}

.left #subnav ul li span {
	color: #333;
}

.left #subnav ul li a, .left #subnav ul li a:visited {
	color: #333;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
}

.left #subnav ul li a:hover, .left #subnav ul li a:visited:hover {
	color: rgb(20,190,180);
	text-decoration: none;
	border-bottom: none;
	background: none;
}

.left #subnav ul li.current_page_item {
	list-style-type: square;
}


.left #subnav ul li.current_page_item a {
	font-weight: bold;
}

.left #subnav h3 {
	text-align: left;
	line-height: 1.15em;
	font-size: 14px;
	margin: 3px 2px 10px 15px;
	color: rgb(10,95,150);
	font-family:  Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.left h2  {
	margin: 1.5em 0 .75em 0;
	color: rgb(20,190,180);
}

.left p  {
	margin: .8em 0;
	color: rgb(10,95,150);
	font-size: 11px;
	line-height: 1.35em;
}

.left a {
	color: rgb(20,190,180);
	text-decoration: none;
	border-bottom: 1px solid rgb(20,190,180);
}

.left a:visited {
	color: #333; /* was rgb(20,190,180) */
	text-decoration: none;
	border-bottom: 1px solid rgb(20,190,180);
}

.left a:hover, .left a:visited:hover {
	color: #FFF;
	text-decoration: none;
	background-color: rgb(20,190,180);
	border-bottom: 1px solid rgb(20,190,180);
}

.left img {
	margin: 25px 0 0 0;	
}

.left #subnav img {
	margin: 0;	
}

.left .companyinfo {
	display: block;
	width: 200px;
	background: rgb(221,242,243);
	margin: 0;
	padding: 0;
	overflow: hidden;
	color: #333;
}

.left .companyinfo p {
	margin: 12px 15px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #333;
}

.left .companyinfotop, .left .companyinfobottom {
	display: block;
	width: 200px;
	height:10px;
	background: transparent url(../raintree/images/sideboxcaps-teal1.png) no-repeat bottom left;
	margin: 0;
}

.left .companyinfotop {
	background-position: top;
	margin-top: 40px;
}

.left .featuredbox {
	display: block;
	width: 200px;
	background: rgb(20,190,180);
	margin: 0;
	padding: 0;
	overflow: hidden;
	color: #FFF;
}

.left .featuredbox p {
	margin: 12px 15px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #FFF;
}

.left .featuredboxtop, .left .featuredboxbottom {
	display: block;
	width: 200px;
	height:10px;
	background: transparent url(../raintree/images/sideboxcaps-teal2.png) no-repeat bottom left;
	margin: 0;
}

.left .featuredboxtop {
	background-position: top;
	margin-top: 40px;
}

.left .specialpicborder {
	display: block;
	border: 1px solid rgb(20,190,180);
	margin: 25px 0 0 0;
	padding: 0;
}

.left .specialpicborder img {
	margin: 0;
	padding: 0;
}


.left .specialpicborder .specialpiccorner {
	display: block;
	float: left;
	position: relative;
	bottom: 21px;
	left: -1px;
	height: 22px;
	width: 22px;
}

.left .productlogo {
	margin-top: 40px;
}


.left .pullquote {
	width: 200px;
	clear: both;
	float: left;
	margin: 25px 0 25px 0;
	background-image: url(../raintree/images/pullquotebkndthin-top.gif);
	background-position:top;
	background-repeat: no-repeat;
	font-weight: bold;
}

.left  .pullquote .pullquotedesign {
	background-image: url(../raintree/images/pullquotebkndthin-bottom.gif);
	background-position:bottom;
	background-repeat: no-repeat;
	padding: 10px 0 20px 0; 
	overflow: visible;
	position: relative;
}

.left .pullquote h3 {
	text-align: center;
	color: rgb(20,190,180);
	line-height: 1.15em;
	font-size: 14px;
	margin: 10px 0 15px 0;
	text-transform: uppercase;
}

.left .pullquote p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: rgb(20,190,180);
	text-align: center;
	font-style: italic;
	font-weight: normal;
	line-height: 1.5em;
	font-size: 14px;
	margin: 10px 15px 0 15px;
}

.left .pullquote p.attr {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: rgb(20,190,180);
	text-align: right;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.5em;
	font-size: 10px;
	margin: 10px 15px 0 15px;
}


/************** Special Fixes *************/
img {max-width: 100%;} 
/* prevents oversize images from breaking layout in browsers that support max-width */

/* \*/
* html #wrapper1,
* html #wrapper2,
* html .outer a, 
* html .left, 
* html .container-right,
* html .outer,
* html h2,
* html .sidenav li a 
{height: 1%;}
/* Holly hack */


#wrapper1,
#wrapper2,
.outer a, 
.left, 
.container-right,
.outer,
h2,
.sidenav li a 
{min-height: 1%;}
/* gives layout for IE7 */



/**************** Utility Rules *******************/


.brclear { /* Use a break with this class to clear float containers */
  clear:both;
  height:0;
  margin:0;
  font-size: 1px;
  line-height: 0;
}

.clicker {
  display: block;
  text-align: center; 
  padding: 3px; 
  background: #833; 
  cursor: pointer;   
}

.hide {display: none;}


.multiquote {
	display: block;
	position: relative;
}

.eachquote {
	display: block;
	position: relative;
	overflow: auto;
}


  /* ######### Style for Nav ######### */

a.homelink {
	display: block;
	position: absolute;
	top: 50px;
	left: 15px;
	text-indent: -9000px;
	width: 311px;
	height: 82px;
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent url(../raintree/images/mainlogo.png) no-repeat 0 0;
}

#login {
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 55px;
	margin: 0px;
	position: absolute;
	top: 0;
	right: 35px;
	z-index:100;
}

#login .navcap {
	display: block;
	float: left;
	text-indent: -999em;
	height: 55px;
	width: 40px;
	background: transparent url(../raintree/images/topnavcaps.png) no-repeat top left;
	margin: 0;
	padding: 0;
}

#login .navcap.right { background-position: right; }

#login p.navmain {
	display: block;
	float: left;
	height: 55px;
/*	background: transparent url(../raintree/images/topnavbknd.png) repeat-x 0 0; */
	margin: 0;
	padding: 0;
	line-height: 1em;
}


#login .divider {
	display: block;
	float: left;
	width: 3px;
	margin: 10px 8px 0 8px;
	height: 10px;
	text-indent: -999em;
	background: transparent url(../raintree/images/topnav-separator.png) no-repeat 0 0;
}

#login a {
	display: block;
	float: left;
	height: 10px;
	overflow: hidden;
	margin: 10px 0 0 0;
	text-indent: -999em;
}

#login a.requestdemo { width: 113px; background: transparent url(../raintree/images/topnav-requestdemo.png) no-repeat top left; }
#login a.requestdemo:hover { background-position: 0 -10px; cursor: pointer; }
#login a.login { width: 126px; background: transparent url(../raintree/images/topnav-login.png) no-repeat top left; }
#login a.login:hover { background-position: 0 -10px; cursor: pointer; }


  /* ######### Style for Main Menu ######### */

#mainnav {
	position: absolute;
	top: 150px;
	left: 0;
	width: 100%;
	height:39px;
	display:block;
    margin: 0;
	padding: 0 0 0 30px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: visible;
    list-style:none;
}

#mainnav li {
    float:left;
	margin: 0;
	padding: 0;
	font-size:14px;
	text-transform: uppercase;
	height: auto;
	position: relative;
}

#mainnav li a {
    background: none;
    display: block;
    height: 39px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    padding: 0 30px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	margin: 0 -20px;
    /* FONT PROPERTIES */
    text-decoration: none;
    color: rgb(10,95,150);
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
}


#mainnav li a:hover, #mainnav li:hover a {
	color: rgb(0,137,152);
}

#mainnav li a span {
/*	height: 39px; */
	background: none;
    display: block;
    padding: 11px 0 10px 0;
}

#mainnav li a:hover span, #mainnav li:hover a span {
    background: transparent url(../raintree/images/navunderline.png) repeat-x 0 31px;
}


#mainnav li.current_page_ancestor a, #mainnav li.current_page_item a {
	margin: 0 -9px;
    background: transparent url(../raintree/images/navitembknd.png) no-repeat top right; /* Sliding right image */
    display: block;
    float: left;
    height: 39px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    padding: 0 30px 0 0; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: #FFF;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
	z-index: 500;
}

#mainnav li.current_page_ancestor a span, #mainnav li.current_page_item a span {
/*	height: 39px; */
    background: transparent url(../raintree/images/navitembknd.png) no-repeat 0 0; /* Sliding right image */
    display: block;
    padding: 11px 0 10px 30px;
	z-index: 500;
}

#mainnav li.current_page_ancestor a:hover span, #mainnav li.current_page_ancestor:hover a span, #mainnav li.current_page_item a:hover span, #mainnav li.current_page_item:hover a span {
    background-position: 0 -39px; /* Sliding right image */
	z-index: 500;
	color: #FFF;
}


  /* ######### Style for Drop Down Menu ######### */



#mainnav ul a, #mainnav li.current_page_ancestor ul a, #mainnav li.current_page_item ul a {
	display: block;
	width: 180px;
	font-size:11px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	line-height: 12px;
	text-transform: none;
	margin: 0;
	padding: 0;
	float: none;
}

#mainnav ul li { /* all list items */
	float: left;
	width: 180px; /* width needed or else Opera goes nuts */
	margin: 0;
	padding: 0;
}

#mainnav li ul { /* second-level lists */
	position: absolute;
	background-color: rgb(221,242,243);
	width: 180px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 0;
	margin: 0;
	list-style: none;
	height: auto;
	border: 0 solid rgb(128,205,208); /*THEME CHANGE HERE*/
	border-width: 2px 0 0 0;
}

#mainnav li ul ul { /* third-and-above-level lists */
	margin: -18px 0 0 180px;
}

#mainnav li:hover ul ul, #mainnav li.sfhover ul ul {
	left: -999em;
}

#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul { /* lists nested under hovered list items */
	left: 10px;
	top: 39px;
}

#mainnav li.current_page_ancestor:hover ul,
#mainnav li.current_page_ancestor li:hover ul,
#mainnav li.current_page_ancestor.sfhover ul,
#mainnav li.current_page_ancestor li.sfhover ul,
#mainnav li.current_page_item:hover ul,
#mainnav li.current_page_item li:hover ul,
#mainnav li.current_page_item.sfhover ul,
#mainnav li.current_page_item li.sfhover ul { 
	left: 22px;
	top: 39px;
}

#mainnav li.current_page_ancestor ul a,
#mainnav li.current_page_ancestor ul a span,
#mainnav li.current_page_item ul a,
#mainnav li.current_page_item ul a span,
#mainnav ul li a,
#mainnav ul li a:hover,
#mainnav ul li a span,
#mainnav ul li a:hover span {
	background: none;
	padding: 0;
	margin: 0;
	height: auto;
}


#mainnav li.current_page_ancestor ul li a,
#mainnav ul li a,
#mainnav ul li a:hover,
#mainnav li:hover ul li a {
	width: auto;
	display: block;
	border: 0 solid rgb(128,205,208); /*THEME CHANGE HERE*/
	border-bottom-width: 2px;
	padding: 5px 4px 5px 8px;
	text-decoration: none;
	color: #000;
	background: none;
	margin: 0;
	height: auto;
}

#mainnav ul li a:hover, #mainnav li:hover ul li a:hover { /*THEME CHANGE HERE*/
	background-color: rgb(0,137,152);
	color: #FFF;
}

#mainnav li:hover ul li a span, #mainnav li.current_page_ancestor:hover ul li a span, #mainnav li.current_page_item:hover ul li a span {
	background-image: none;
	color: #000;
}

#mainnav ul li a:hover span, #mainnav li:hover ul li a:hover span { /*THEME CHANGE HERE*/
	color: #FFF;
}




  /* ######### Style for Misc ######### */


.centerit {
	width: 100%;
	text-align: center;
}

#header img, #header object {
	border: none;
	padding: 0;
	margin: 0;
}

.headertree {
position: absolute;
top: 0;
right: -1px;
z-index:1;
}

#treeroots {
	display: block;
	width: 150px;
	height: 93px;
	background: url(../raintree/images/treeroots.gif) no-repeat;
}


#backto p {
	line-height: 1em;
	padding-top: 15px;
}

#backto a span{
	display: block;
	float: left;
	vertical-align:baseline;
	width: 9px;
	height: 9px;
	background-image: url(../raintree/images/backarrow-dkgray.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
	padding-right: 5px;
}

#backto a:hover span{
	display: block;
	float: left;
	vertical-align:baseline;
	width: 9px;
	height: 9px;
	background-image: url(../raintree/images/backarrow-ltgray.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
	padding-right: 5px;
}



  /* ######### Style for Demo Video Page Forms ######### */

body.demobody {
  padding: 0; 
  margin: 0 auto;
  background-color: rgb(20,190,180);
  background: url(../raintree/images/rtcolbknd.gif);
  color: rgb(20,190,180); 
  font-family: arial, helvetica, sans-serif; 
  font-size: 100.01%;
  text-align: center; /* centers the #demovideo element in IE5.x/win */
}

#democontainer {
	margin: 0 auto;
	padding: 0;
	width: 780px;
	height: 420px;
	min-width: 780px;
	min-height: 420px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#demovideo {
	width: 722px;
	height: 372px;
	margin: 0 auto;
}



  /* ######### Style for Contact Forms ######### */


/* (see file "plugins>cforms>styling>raintreeform.css" for full styling*/
form.cform {
	clear: both;
}


     /****************** Style for gotoMeeting Form *****************/


#joinmeeting {
	display: block;
	width: 130px;
	margin-top: 25px;
	color: #FFF;
}

#joinmeeting input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #333;
	padding: 5px;
	width: 118px;
	margin: 0;
	border: 1px solid rgb(210,230,245);
	/* I added the following */
	display: block;
	float: left;
}

#joinmeeting input:focus {
	border: 1px solid rgb(20,190,180);
}


#joinmeeting input#submit-button {
	display: block;
	text-indent: -9009px;
	width: 130px;
	height: 75px;
	border: none;
	text-decoration: none;
	overflow: hidden;
	margin: 10px auto;
	padding: 0;
	background: transparent url(../raintree/images/meetnow.gif) no-repeat 0 0;
	z-index: 50;
}

#joinmeeting input#submit-button:focus {
	border: none;
	text-decoration: none;
	background: transparent url(../raintree/images/meetnow.gif) no-repeat 0 -75px;
}

#joinmeeting input#submit-button:hover {
	border: none;
	text-decoration: none;
	background: transparent url(../raintree/images/meetnow.gif) no-repeat 0 -75px;
	cursor: pointer;
}



#joinmeeting label {
	float: left;
	text-align: center;
	margin: 0 0 5px 0;
	width: 130px;
	/* I added the following */
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: .1em;
	display: block;
}



#joinmeeting .divider {
	width: 120px;
	height: 1px;
	display: block;
	clear:both;
}





     /****************** Style for tables *****************/
	 
table a,
table a:link,
table a:visited {
	border:none;
}							
	
img {
	border:0;
	margin-top:.25em;
}	
	
table {
	width:100%;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	margin:1em 0;
	border-collapse:collapse;
}

tr.odd td, th	{
	background: rgb(240,240,240);
}

tr.odd .column1	{

}	

.column1	{
	font-weight: bold;
}

td {
	color: #333;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:.3em 1em;
	text-align:left;
	vertical-align: top;
	font-size: 12px;
	background: rgb(252,252,252);
}				

th {
	font-weight: bold;
	color: #FFF;
	text-align:left;
	border: 1px solid rgb(10,95,150);
	padding:.3em 1em;
	font-size: 14px;
	background: rgb(10,95,150);
}						

table.plain {
	border: none;
	width:100%;
	margin:1em auto;
	border-collapse:collapse;
}

table.plain .datescolumn {
	font-weight: bold;
	width: 120px;
}

table.plain td {
	color: #333;
	border: none;
	padding: .5em 0;
	text-align:left;
	vertical-align: top;
	font-size: 12px;
}				

table.plain th {
	font-weight: normal;
	color: rgb(20,190,180);
	text-align:left;
	border-bottom: 1px solid #CCC;
	padding: .5em 0;
	font-size: 14px;
}		

table.plain tr {
	background-color: #FFFFFF;
}

table a, table.plain a {
	color: rgb(20,190,180);
	text-decoration: none;
	border-bottom: 1px solid rgb(20,190,180);
}

table a:visited, table.plain a:visited {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid rgb(20,190,180);
}

table a:hover, table.plain a:hover, table a:visited:hover, table.plain a visited:hover {
	color: #FFF;
	text-decoration: none;
	background-color: rgb(20,190,180);
	border-bottom: 1px solid rgb(20,190,180);
}


	

     /****************** Style for newsticker *****************/


#newsticker {
	position: absolute;
	top: 45px;
	right: 65px;
	z-index: 900;
	width: 430px;
	height: 90px;
	border: none;
	padding: 0px;
	background: none;
	overflow: hidden;
}

#newsticker div { /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
	background: none;
}

#newsticker p { 
	margin: 0;
	padding: 0;
	width: 430px;
	height: 90px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#newsticker a, #newsticker a:visited { 
	width: 430px;
	display: block;
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: rgb(20,190,180);
	text-decoration: none;
	font-style: italic;
	font-weight: normal;
	line-height: 1.25em;
	font-size: 14px;
	text-transform: none;
}

#newsticker a:hover, #newsticker a:visited:hover { 
	color: rgb(0,132,152);
	text-decoration: none;
}

#newsticker p a span { 
	font-family: Georgia, "Times New Roman", Times, serif;
	color: rgb(20,190,180);
	text-decoration: none;
	text-transform:uppercase;
	font-style: normal;
	font-weight: bold;
	line-height: 1em;
	font-size: 9px;
}


     /****************** Style for home page promo links *****************/

.promos .slideshow {
	display: block;
	z-index: 1;
	float: left;
	margin: 0;
	padding: 0;
	width: 549px;
	height: 326px;
	background: url(../raintree/images/slideshowplaceholder.gif);
	overflow: hidden;
}

.promos .slideshow img {
	border: 0;
	margin: 0;
	padding: 0;
	z-index: 1;
}

.promos .slideshow a, .promos .slideshow a:visited, .promos .slideshow a:hover, .promos .slideshow a:visited:hover {
	border: 0;
	background: none;
}

.promos {
	display: block;
	width: 800px;
	height: 350px;
	border-bottom: 1px solid rgb(225,225,225);
	margin: 0;
	padding: 0;
}

.promos .promonav {
	display: block;
	position: absolute;
	margin: 0;
	right: 40px;
	top: 6px;
	overflow: hidden;
	padding: 0;
	width: 800px;
	height:330px;
	z-index: 500;
	background: transparent url(../raintree/images/promonav-bknd.gif) no-repeat 549px 10px;
}

.promos .promonav h2 {
	display: block;
	text-indent: -999em;
	float: right;
	overflow: hidden;
	width: 230px;
	height: 27px;
	margin: 23px 5px 0 15px;
	padding: 0;
	background: transparent url(../raintree/images/text-medrecordsandsolutionsfor.gif) no-repeat 0 0;
}
	 
.promos .promonav ul, .promos .promonav li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 500;
	text-align: right;
	font-style: normal;
}
.promos .promonav ul {
	margin: 24px 0 0 0;
	clear: both;
	float: right;
}

.promos .promonav li.nolink {
	font-size: 15px;
	display: block;
	width: 236px;
	color: #999;
	margin-top: 6px;
}

.promos .promonav li a {
	font-size: 15px;
	display: block;
	width: 236px;
	height: 24px;
	padding: 6px 15px 0 0; 
	border: 0;
	margin: 0;
	color: #333;
}

.promos .promonav .nineitems li a { height: 22px; padding-top: 4px; }
.promos .promonav .nineitems li.nolink { margin-top: 4px; }

.promos .promonav .tenitems li a { height: 20px; padding-top: 4px; font-size: 14px; }
.promos .promonav .tenitems li.nolink { margin-top: 4px; }

.promos .promonav li a, .promos .promonav li a:visited {
	border: 0;
	z-index: 500;
}

.promos .promonav li a:hover, .promos .promonav li a:visited:hover {
	color: rgb(10,95,150);
	background: url(../raintree/images/promonav8item-hover.gif) no-repeat right center;
	z-index: 250;
}

.promos .promonav .nineitems li a:hover, .promos .promonav .nineitems li a:visited:hover {
	background: url(../raintree/images/promonav9item-hover.gif) no-repeat right center;
}

.promos .promonav .tenitems li a:hover, .promos .promonav .tenitems li a:visited:hover {
	background: url(../raintree/images/promonav10item-hover.gif) no-repeat right center;
}

.promos .promonav li a img { height: 0; width: 0; border-width: 0; }
.promos .promonav li a:hover img { display: block; position: absolute; top: 0px; left: 0; width: 549px; height: 326px; }

.homelinks {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 450px;
	height: 350px;
	background-color: #FFFF66;
}

.homelinks ul, .homelinks li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.homelinks li {
	display: block;
	float: left;
	width: 181px;
	height: 141px;
	padding: 0;
	margin: 25px 25px 0 0;
	background-color:#66FFFF;
}

.promos .promonav2 {
	display: block;
	position: absolute;
	margin: 0;
	right: 40px;
	top: 6px;
	overflow: hidden;
	padding: 0;
	width: 800px;
	height:330px;
	
	background: transparent url(../raintree/images/promonav-bknd.gif) no-repeat 549px 10px;
}


.promos .promonav2 h2 {
	display: block;
	text-indent: -999em;
	float: right;
	overflow: hidden;
	width: 160px;
	height: 10px;
	margin: 32px 75px 0 15px;
	padding: 0;
	background: transparent url(../raintree/images/text-solutionsfor.gif) no-repeat 0 0;
}
	 
.promos .promonav2 ul {
	 list-style: none;
	margin: 24px 0 0 0;
	clear: both;
	float: right;
}

 .promos .promonav2 li {
      	margin: 0;
	padding: 0;
      color:white;
//display:block;
		text-align: right;
	font-style: normal;

}



.promos .promonav2 li.nolink {
	font-size: 15px;
	display: block;
	width: 236px;
	color: #999;
	margin-top: 6px;
}

.promos .promonav2 li a {
	font-size: 15px;
	display: block;
	width: 236px;
	height: 30px;
	padding: 6px 15px 0 0; 
	border: 0;
	margin: 0;
	color: #333;
}


.promos .promonav2 li a, .promos .promonav li a:hover {
	border: 0;
outline:0 none;
	
}

.promos .promonav2 li a:hover {
       border:0px;
	color: rgb(10,95,150);
	height: 52px;
	padding-top: 34px;
	margin-top: -28px;
	margin-bottom: -22px;
	background: url(../raintree/images/promonav-hover.gif) no-repeat right center;
      
	
}

.promos .promonav2 li a img { height: 0; width: 0; border-width: 0; }
.promos .promonav2 li a:hover img { display: block; position: absolute; top: 0; left: 0; width: 549px; height: 326px; }