/* charset=UTF-8, but background disappears 
/* CSS Document */

/* Minibooster Styles */
.pophead
{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 13pt; 		
	font-weight: bold; color: #FFFFFF
}
.poptext
{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 10pt; 		
	color: #000000
}

.treetext
{  
	color: #264561; 
	font-family: Trebuchet MS, Helvetica, sans-serif; 
	font-size:13px;
}

.treehead
{
	text-align: left; 
	font-size: 15px; 
	color:#4f7335; 
	font-weight: bold; 
	line-height: 19px; 
	margin: 0px 0px 0px 75px; 
}

.textInput { 
	background-color: #ffffff; 
	border: none;
	width: 40px;
	padding: 1px 5px;
	margin: 0px 12px;
}

.button 
{ 
	display: block; 
	width: 140px; 
	height: 23px; 
	background-color: #ffffff; 
	font-size: 11px; 
	font-weight:bold; 
	padding-bottom: 3px;
	border: none; 
	color: #1075bb; 
	background-image:url(../images/RK/submit-btn.gif); 
	background-repeat: no-repeat;
}

.button:hover 
{ 
	cursor:pointer; 
	color: #264561; 
}

/* LAYOUT */
#treewrapper { 
	display:block; 
	width: 400px; 
	height: auto;
	margin: 0px auto; 
	padding: 0px;
}

#treetop, #treebottom { 
	display: block; 
	width: 400px; 
	height: 9px; 
	background-image: url(images/RK/box-corners.gif); 
	background-repeat: no-repeat;
	overflow: hidden;
}

#treetop { background-position:top left;}

#treebottom { background-position: 0px -9px; }

#treecontent { 
	display:block;
	width: 400px; 
	height: auto; 
	padding: 0px 0px; 
	background-image: url(images/RK/box-middle.gif); 
	background-repeat:repeat-y; 
	overflow:hidden;
}

table.green 
{
	border: 3px solid #CCCC99;
}

.bodycopy 
{  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-style: normal; 
	line-height: 11pt; 
	font-weight: normal; color: #666666
}

.bodycopysm 
{  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 7pt; 
	font-style: normal; 
	line-height: 11pt; 
	font-weight: normal; color: #666666
}

body { background: #d0e2b4 url(images/bg-top.gif) repeat-x; 
	
font-family: Trebuchet MS, Helvetica, sans-serif;
margin-top: 10px;} /* when adjusting this margin also adjust the height of bg-top.gif */

a {color: #1075bb;}

a:hover {color: #939598;
text-decoration: none;}

a img { border: none;}

.bold { color: #000000;}

h2 {font-size: 18px;
font-weight: normal;
margin-bottom: -15px;}

h2.center { text-align: center;}

h2 a:hover { color: #1075bb;
text-decoration: none;
border: none;}

#container { display: block;
width: 900px;
margin-left: auto;
margin-right: auto;}


/* Header */
#header { display: block;
height: auto;}

#masthead { display: block;
height: 88px;
background: url(images/treebannerwhite.gif) no-repeat left bottom;
}


/* Navigation */
#nav { display: block;
height: 35px;
float: right;
margin-right: 58px;
vertical-align: bottom;
font-size: 15px;
text-align: center;
background-color: #FFFFFF;}

#nav a {
	background: url(images/nav-left.gif) no-repeat left top;
	color: #2681c0;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	text-decoration: none;}

#nav a:hover {
	background: url(images/nav-left-hover.gif) no-repeat left top;
	color: #939598;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	text-decoration: none;
	border: none;}

#nav a.current { background: url("Images/RK/nav-left-hover.gif") no-repeat left top;
	color: #8ec641;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	text-decoration: none;}	

#nav a span {
	background: url("Images/RK/nav-right.gif") no-repeat right top;
	display: block;
	float: none;
	padding: 10px 20px 5px 15px;}

#nav a:hover span {
	background: url("Images/RK/nav-right-hover.gif") no-repeat right top;
	display: block;
	float: none;
	padding: 10px 20px 5px 15px;
	border: none;} 

#nav a.current span {
	background: url("Images/RK/nav-right-hover.gif") no-repeat right top;
	display: block;
	float: none;
	padding: 10px 20px 5px 15px;
	border: none;} 
	
#nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;}

#nav li {
	background: url("Images/RK/nav-bg.gif") repeat-x center top;
	display: inline;
	float: left;
 	margin: 0px;
	padding: 0px;
	text-align: center;}


/* Main Body */
#main-container { background: url("Images/RK/main-bg.gif") repeat-y left top;
background-color: #FFFFFF;
display: block;
clear: right;}

#main-top { background: url("Images/RK/main-top.gif") no-repeat left top;
display: block;
height: 10px;}

#ad-block { background: url("images/rk/gpro-pgs.gif") no-repeat left top;
display: block; 
width: 780px; /* width of container minus the space you'd like on either side */
height: 220px; 
/*Original margin-left = auto, but image blocks the frame */
margin-left: 90px;
margin-right: auto;
/*Bin: margin-top is added in to keep the image from blocking the frame */
margin-top: 10px;
vertical-align: middle;
text-align: center;}

#ad-block p { display: block;
width: 370px;
float: right;
margin-top: 50px;
color: #8ec641;
font-size: 24px;
font-weight: normal;}

#ad-block form { clear: right;
display: block;
width: 250px;
height: auto;
float: right;
color: #8ec641;
font-size: 24px;
color: #1075bb;
font-size: 11px;}

#ad-block form input { vertical-align: top;}

#content-container { display: block;
width: 860px; /* width of container minus the space you'd like on either side */
margin-left: auto;
margin-right: auto;
margin-top: 30px;
clear: right;}

#second-table { background: url("Images/RK/main-bg.gif") repeat-y left;
background-color: #FFFFFF;
display: block;
clear: right;}

#sidebar { display: block;
/*width: 150px;
float: left;
margin-top: 5px; 
text-align: left; */
margin-right: 20px;
height:400px;
text-align: left;
color: #898586;
font-size: 11px;
font-weight: bold;
line-height: 1.3em;}

#rightsidebar { display: block;
text-align: left;
margin-left: 40px;
margin-right: 70px;
color: #898586;
font-size: 11px;
font-weight: bold;
line-height: 1.3em;}

#rightsidebartextbox { display: block;
text-align: left;
margin-left: 50px;
margin-right: 70px;
color: #898586;
font-size: 11px;
font-weight: bold;
line-height: 1.3em;}

#sidebar a:hover {color: #8ec641;}

#content { display: block;
width: 400px;
float: left;
text-align: left;
margin-left: 0px;
color: #264561;
font-size: 13px; 
line-height: 1.8em;}

#sweep { display: block;
width: 800px;
float: left;
text-align: left;
margin-left: 0px;
color: #264561;
font-size: 13px; 
line-height: 1.8em;}

#innercontent { display: block;
width: 600px;
height: auto;
float: left;
text-align: left;
color: #264561;
background-color:#e6ebd7;
font-size: 13px; 
line-height: 1.8em;}

#innercontenttext { display: block;
float: left;
text-align: left;
color: #264561;
font-size: 13px; 
line-height: 1.8em;}

#sideheaderleft { display: block;
width: 230px;
text-align: left;
float: left;
color: #8ec641;
font-size: 16px;
font-weight: normal;
border-bottom: 1px solid #8ec641;}

#sideheaderright { display: block;
width: 200px;
text-align: center;
float: left;
color: #8ec641;
font-size: 16px;
font-weight: normal;
border-bottom: 1px solid #8ec641;}

/*Original was content.noside, but this syntax is wrong */
#content_noside { display: block;
width: 860px; /* Same width as content-container */
float: right;
text-align: left;
color: #264561;
margin-left: 20px;
font-size: 13px; 
line-height: 1.8em;}

#content p { margin-bottom: 25px;} /* gives more space between paragraphs to differentiate from large line height. */

#content a:hover {color: #939598;
text-decoration: none;
border-bottom: dashed 1px #1075bb;}

#faq-links { list-style-type: none;}

#faq-links li a{ text-decoration: none;
line-height: 2em;}

#content fieldset { padding: 10px;}

#content label { display:block;
float: left;
width: 200px;}

#content input, #content textarea, #content select { display: block;
float: left;
vertical-align: top;
margin-left: 20px;
width: 200px;}

#content input.submit { margin-left: 220px;
width: 100px;}

#content small {line-height: 1.2em;}

#how-to ul { list-style-type: none;}

ol li { margin-bottom: 15px;}

#main-bottom { background: url("Images/RK/main-bottom.gif") no-repeat center bottom; /*Alignment was originally left*/
display: block;
height: 10px;
clear: both;}


/* Footer */
#footer { background: url("Images/RK/bg-bottom.gif") repeat-x center; /*Originally alignment was top*/
width: 100%;
height: 65px;  /*Originally this value was 65px*/
padding: 0px;
margin: 0px;}

#footer p { display: block;
position: relative;
top: 22px;
margin-right: 0;
margin-left: 0;
width: 100%;
text-align: center;
font-size: 10px;
font-weight: bold;
line-height: 1.5em;}

.C_TD
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.subtitle3Content
{
	font-family: trebuchet, trebuchet ms, verdana, sans serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #044D80;
}


.mainContent
{
	font-family: trebuchet, trebuchet ms, verdana, sans serif;
	font-size: 12px;
	line-height: 18px;
	color: #585747;
}

.C_ERR_MSG
{
    FONT-SIZE: 10pt;
    font-weight:bold;
    COLOR: maroon;
    FONT-FAMILY: Arial,Verdana,Tahoma, Helvetica, sans-serif;	
}

.C_ERR_MSG_BODY
{  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-style: normal; 
	line-height: 11pt; 
	font-weight: normal; color: Maroon
}

#toast-container { display: block;
width: 300px;
height: 500px;
margin-left: auto;
margin-right: auto;}


/* Header */
#toast-header { background: url("Images/RK/treebannerwhite.gif") no-repeat;
display: block;
width: 300px;
height: 120px;
margin-left: auto;
margin-right: auto;}

/* Main Body */
#toast-main-container { background: url("Images/RK/main-bg-sm.gif") repeat-y left top;
background-color: #FFFFFF;
display: block;
width: 287px;
margin-top: 2px;}

#toast-main-top { background: url(Images/RK/main-top-sm.gif) no-repeat left top;
display: block;
height: 11px;}

#toast-ad-block { background: url(Images/RK/man.gif) no-repeat 20px 2px;
display: block;
width: 260px; /* width of container minus the space you'd like on either side */
height: 62px;
margin-left: auto;
margin-right: auto;
text-align: left;}

#toast-ad-block p { display: block;
width: 200px;
float: right;
margin-left: 60px;
margin-top: 8px;
color: #8ec641;
font-size: 24px;
font-weight: normal;}

#toast-content-container { display: block;
width: 287px; /* width of container minus the space you'd like on either side */
height: 280px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
margin-top: 0px;}

#toast-content { display: block;
width: 260px;
margin-left: auto;
margin-right: auto;
text-align: left;
color: #264561;
font-size: 11px; 
line-height: 1.2em;}

#toast-content p { margin-top: 7px;}

#toast-content p.center { text-align:center;}

#toast-content a:hover {color: #939598;
text-decoration: none;
border-bottom: dashed 1px #1075bb;}

#toast-main-bottom { background: url(Images/RK/main-bottom-sm.gif) no-repeat left bottom;
display: block;
height: 11px;}


#toast-content ul li a:hover { text-decoration: none;
border: none;
color: #264561;}


/* Footer */
#toast-footer { width: 300px;
height: 19px;
padding: 0px;
margin-left: auto;
margin-right: auto;
margin-top: -5px;
text-align: center;}

#toast-footer p { display: block;
position: relative;
top: 5px;
margin-right: auto;
margin-left: auto;
width: 300px;
text-align: center;
font-size: 9px;
font-weight: bold;
line-height: 1.4em;
color: #264561;}

.toast-error
{
	color:Red;
}