@charset "utf-8";
/* RBH Site Presentation/Style */

/*=======GLOBAL DEFAULTS=======*/
* { margin:0; padding:0;}

html, body { height:100%; }
body {font-size:100%; line-height:1.125em; background:url(../images/repeating/2tone_gray_3px_stripes_6x12.png) repeat #121212; }
/* body#page6 {font-size:100%; line-height:1.125em; background:url(images/bg2.gif) repeat-x top #f0f0f0; } */
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; color:#212121;	}
.container { width: 100%; }
object { vertical-align: top; }

/*========LINKS AND IMAGE DEFAULTS========*/
a { color: #5595c6; text-decoration: underline; }
a:hover { color: #f69d35; text-decoration: none; }
a img { border: 0; }
img { vertical-align: top; }

/*=======ALIGNMENT CLASSES=======*/
.vaTop { vertical-align: top; }
.vaMid { vertical-align: middle; }
.vaBot { vertical-align: bottom; }

.haLeft { text-align: left; }
.haRight { text-align: right; }
.haCenter { text-align: center; }
.haJustify { text-align: justify; }

/*=======DISPLAYS, FLOATS, CLEARs, & OVERFLOWS=======*/
.clear { clear: both; }

.fleft { float: left; }
.fright { float: right; }

.inline { display: inline; }
.block { display: block; }

div.container { overflow: hidden; }
.b { font-weight: bold; }
.i { font-style: italic; }
.u { text-decoration: underline; }
.srike { text-decoration: line-through; }


/*========NAV UL LI & A========*/
#row1 ul { display: block; clear: both; float: none; list-style: none; width: 100%;}
#row1 ul li { display: inline; float: left; height: 40px; width: 189px; text-align: center; color: #FFFFFF; }
#row1 ul li a { display: inline; float: left; height: 40px; width: 189px; text-align: center; color: #FFFFFF;
				font-family: "Lucida Sans", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;
				background: url(../images/nav/nav_189x80_v40.gif) no-repeat bottom;
				line-height: 36px; text-decoration: none; }
#row1 ul li a:hover { background: url(../images/nav/nav_189x80_v40.gif) no-repeat top; font-size: 12px; font-weight: bolder;}
body#home #home_li a, body#about #about_li a, body#tools #assessment_li a, 
body#resources #resources_li a, body#contact #contact_li a, body#product #assessment_li a  { background-position: top; }

ul#nav_repeat { display: block; clear: both; float: none; list-style: none; width: 100%; }
ul#nav_repeat li { display: linline; float: left; height: 20px; width: 100px; text-align: center; color: #FF6600; font-weight: bold; line-height: 20px; font-size: 10px; }
ul#nav_repeat li a { height: 20px; width: 80px; color: #FF6600; text-decoration: underline; }
ul#nav_repeat li a:hover { color: #3366FF; text-decoration: none; }


/*========ROW2 CONTAINERS========*/


#logo { display: inline; float: left; margin: 22px 40px 21px; }

#row2_container2 { display: inline; float: right; margin: 0 40px 0 0; height: 94px; }

#search, #more_info1 { 	display: block; float: right; clear: both; width: 540px; text-align: right;
						color: #848587; font-family: "Lucida Sans", Arial, Helvetica, sans-serif;
						font-size: 10px; text-transform:uppercase; }

#search a, #more_info1 a { color: #5595c6; }

#search { padding-top: 28px; padding-bottom: 12px; height: 30px; }

#search_text { display: inline; float: right; margin-right: 15px; height: 18px; line-height: 18px;}
#search_box { display: inline; float: right; margin: 0 15px 0 0; padding: 0; line-height: 18px; width: 148px; height: 18px;}
#search_box input { background: url(../images/row2_input_148x18.gif) no-repeat; width: 148px; height: 18px; 
					border: none; border-style:none; outline: none; font-family: Arial, Helvetica, sans-serif; 
					font-size: 10px; text-transform: lowercase; color: #848587; margin: 0; padding: 3px; line-height: 18px; }
#search_btn { display: inline; float: right; height: 18px; }


/*========ROW3 PRESENTATION========*/
#row3 { 				background: #e8e8ec url(../images/doc_pat_bg_714x132.jpg) no-repeat top left; height: 132px;}
#notepad { 				display: block; clear: both; float: right; margin: 15px 25px 0 0; width: 420px; height: 80px; }

body#home #row3 { background: #e8e8ec url(../images/doc_pat_bg_714x366.jpg) no-repeat top left; height: 366px;}
body#home #notepad { display: block; clear: both; float: right; background: url(../images/notepad_stepback_420x252.gif) no-repeat; margin: 45px 25px 0 0; width: 420px; height: 252px; }

/*========ROW4 PRESENTATION========*/
#row4 { background: url(../images/repeating/blue_row4_945x1.jpg) repeat-y; color: #FFFFFF; display: block; float: left; clear: both; margin-top: 1px; height: inherit;}
.row4_box { width: 234px; height: 70px; display: inline; float: left; }
.row4_box_headline { padding: 20px 20px 10px; height: 40px; font-size: 18px; font-style: italic; text-transform: uppercase; text-align: center; }
.row4_tween { height: 40px; width: 2px; margin: 15px 0; display: inline; float: left; background: url(../images/repeating/row4_tween_bg_2x1.gif) repeat-y; }

/*========#HOME, #tools ROW4 PRESENTATION========*/
body#home #row4 { background: url(../images/repeating/blue_row4_945x1.jpg) repeat-y; color: #FFFFFF; display: block; float: left; clear: both; margin-top: 1px;}
body#home .row4_box { width: 234px; height: 156px; display: inline; float: left; }
body#home .row4_box_text { padding: 10px 15px 0; height: 80px; font-size: 14px; text-align: center; line-height: 16px;}
body#home .row4_box_headline { padding: 20px 20px 10px; height: 40px; font-size: 18px; font-style: italic; text-transform: uppercase; text-align: center; }
body#home .row4_box_link { padding: 6px 20px 7px 20px;text-align: center; }
body#home .row4_tween { height: 126px; width: 2px; margin: 15px 0; display: inline; float: left; background: url(../images/repeating/row4_tween_bg_2x1.gif) repeat-y; }

/*========ROW5 PRESENTATION========*/
#row5 { margin: 1px 0 0; background: url(../images/repeating/row5_blue_fade_1x194.jpg) repeat-x #FFFFFF top left; color: #323232; display: block; float: left; clear: both;}
#row5 a { color: #3333FF; text-decoration: underline;}
#row5 a:hover { color: #FF6600; text-decoration: none;}
label.colform { display: block; float: left; padding: 6px 0px 0; margin-left: 5%;  margin-right: 5%; font-family:Arial, Helvetica, sans-serif;
				font-size: 10px; width: 90%;}
input.colform { display: block;  float: left; margin-right:5%; margin-left: 5%;  padding: 0; font-family: Arial, Helvetica, sans-serif;
				font-size: 14px; width: 90%; height: 20px; line-height: 20px; }
select.colform { display: block; float: left; margin-right:5%; margin-left: 5%;  padding: 0; font-family: Arial, Helvetica, sans-serif;
				font-size: 14px; width: 90%; height: 20px; line-height: 20px; }
textarea.colform { display: block; float: left; margin-right: 5%; margin-left: 5%; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; width: 90%; height: 120px; line-height: 18px; }


.circle_ol { display: block; float: left; clear: both; margin: 0; padding: 10px 0; width: 100%; }
.circle_li { display: block; float: left; clear: both; margin: 0; padding: 10px 0; width: 100%; border-bottom: 1px dotted #FFCC33;}
.circle_bul { display: inline; float: left; width: 40px; height: 40px; margin: 0 0 0 0; padding: 0; background: url(../images/orange_circle_40x40.png) no-repeat; text-align: center; line-height: 40px; font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; color: #FFFFFF;}
.circle_text { display: inline; float: left; text-align: left; font-size: 12px; color: #323232; font-style: normal;  line-height: 14px; width: 370px;}
.circle_text a { color: #FF6600; }
.circle_text a:hover { color: #3366FF; text-decoration: none; }

#row5 .colhead { 	display: block; float: left; clear: both; line-height: 60px; font-family: Arial, Helvetica, sans-serif; 
							font-size: 16px; font-style: italic; text-align: left; color: #1a2430; height: 60px; width: 100%; font-weight: bold;}
#row5 .colimg { display: block; float: left; clear: both; padding-bottom: 8px;text-align: left; width: 100%;}
#row5 .coltext { 	display: block; float: left; text-align: left; height: 350px; width: 100%;
						  	font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#row5 .collink { display: block; float: left; clear: both; padding-bottom: 18px; text-align: center; width: 100%;
							font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF6600; 
							text-transform: lowercase;}
							
#row5 h3 { display: block; float: left; margin: 0; padding: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF6600; width: 100%; line-height: 14px;}
#row5 h3 a { 	color: #FF6600; text-decoration: none;}
#row5 h3 a:hover { 	color: #3366FF; }
#row5 p { font-size: 10px; color: #323232; display: block; float: left; text-align: left; width: 100%;}
#home #row5 p a { color: #FF6600; text-transform: lowercase; line-height: 15px; }
#row5 p a:hover { color: #3366ff; text-decoration: none; }
#row5 p a { color: #FF6600; line-height: 15px; }
							
#row5 .collink a { color: #FF6600; text-decoration: underline; }
#row5 .collink a:hover { text-decoration: none; }
#row5 .coltext2 { 	display: block; float: left; text-align: left; width: 94%; margin: 0 3%;
						  	font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
#row5 .col-hseparation { display: block; float: left; clear: both; height: 20px; width: 100%; }			
#row5 .colhead2 { display: block; float: left; clear: both; height: 20px; line-height: 20px; font-family: Arial, Helvetica, sans-serif;
					font-size: 14px; font-style: italic; font-weight: bold; text-align: left; color: #0066FF; margin-top: 25px; }
#row5 .coltext2 { display: block; float: left; clear: both; height: inherit; width 100%; font-size: 10px; color: #323232; }				

/*========body#home #row5========*/
body#home #row5 .col-head { display: block; float: left; clear: both; line-height: 34px; font-family: Arial, Helvetica, sans-serif;
							font-size: 16px; font-style: italic; text-align: left; color: #1a2430; height: 34px; width: 94%; margin-left: 3%; margin-right: 3%; font-weight: bold; }
						
body#home #row5 .col-img { display: block; float: left; clear: both; padding-bottom: 8px; text-align: left; width: 94%; margin-left: 3%; margin-right: 3%; }
body#home #row5 .col-text { display: block; float: left; clear: both; padding-bottom: 4px; text-align: left; width: 94%; margin-left: 3%; margin-right: 3%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-color: #323232; font-style: italic;}
							
body#home #row5 .col-author { display: block; float: left; clear: both; padding-bottom: 4px; text-align: right; width: 94%; margin-left: 3%; margin-right: 3%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #3366FF; }



/*========body#about #row5========*/
body#about #row5 .col-head { display: block; float: left; clear: both; line-height: 34px; font-family: Arial, Helvetica, sans-serif;
							font-size: 16px; font-style: italic; text-align: left; color: #1a2430; height: 34px; width: 100%; font-weight: bold; }

body#about #row5 .col-wrapper ul {display:block;float:left;width:874px; height: inherit; margin: 0 10px; padding: 10px 0 25px 0; list-style: none; }
body#about #row5 .col-wrapper ul li {border: 1px dashed #969696;display:inline;float:left;width:130px;height:inherit;margin: 0 20px; padding: 0 0 10px 0; list-style:none; }


body#about #row5 .col-wrapper .imgspan { display: inline; float: left; width: 110px; height: 298px; padding: 10px 10px; }
body#about #row5 .col-wrapper .textspan { display: inline; float: left; width: 253px; margin: 0; padding: 10px 10px 0 0; height: 100%; }
body#about #row5 .col-wrapper img { display: block; float: left; width: 110px; height: 136px; padding: 10px 0; margin: 0; border: 0;}
body#about #row5 .col-wrapper .imgspan h4 { display: block; float: left; width: 110px; padding: 1px 0; margin: 0; color: #FF6600; font-size: 10px; font-style: normal; font-weight: bold;}
body#about #row5 .col-wrapper .imgspan h4.h4 { color: #323232; font-style: italic; font-size: 10px; padding: 5px 0;}
body#about #row5 .col-wrapper .imgspan h5 { display:block; float:left; width: 110px; padding: 10px 0; margin: 0; }
body#about #row5 .col-wrapper p { display: inline; float: left; width: 250px; height: 100%; }
body#about #row5 .col-wrapper h3 { display: block; float: left; width: 250px; height: 20px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #323232; margin: 0; padding: 0; }
body#about #row5 .col-wrapper h4 { display: block; float: left; width: 250px; height: 18px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; color: #FF6600; margin: 8px 0 0 0; padding: 0; }
body#about #row5 .col-wrapper h5 { display: block; float: left; width: 250px; margin: 10px 0 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px;}

/*======= ARTICLES #row5=========== */
#article .articlepic {
display: inline;
float: left;
padding: 0 10px 10px 0;
margin: 0;
}

#article .article_ul { display: block; float: left; margin: 0 50px; padding: 5px 0; width: 450px;}
#article .article_ul li {padding: 3px 0; }
#article .coltext { height: inherit;}
#article p { display: block; margin: 0 0 10px 0; }




/*========body#tools #row5========*/
body#tools #row5 .col-head { display: block; float: left; clear: both; line-height: 34px; font-family: Arial, Helvetica, sans-serif;
							font-size: 16px; font-style: italic; text-align: left; color: #1a2430; height: 34px; width: 94%; margin-left: 3%; margin-right: 3%; font-weight: bold; }
						
body#tools #row5 .col-img { display: block; float: left; clear: both; padding-bottom: 8px; text-align: left; width: 94%; margin-left: 3%; margin-right: 3%; }
body#tools #row5 .col-text { display: block; float: left; clear: both; padding-bottom: 4px; text-align: left; width: 94%; margin-left: 3%; margin-right: 3%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-color: #323232; font-style: italic;}
							
body#tools #row5 .col-author { display: block; float: left; clear: both; padding-bottom: 4px; text-align: right; width: 94%; margin-left: 3%; margin-right: 3%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #3366FF; }


 
/*========ROW6 PRESENTATION========*/
#row6 { padding: 15px 0; color: #848587; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-transform: uppercase;}
#row6 a { color: #5595c6; text-decoration: underline; }
#copyright, #trademark { padding: 0 30px 15px; }


/* ============ MODAL =========== */
.modal_bg { display: none; }
.modal_area { display: none; }
.staff_more_about { display: none; }


/*========body#resources #row5========*/
body#resources #row5 .col-head { display: block; float: left; clear: both; line-height: 34px; font-family: Arial, Helvetica, sans-serif;
							font-size: 16px; font-style: italic; text-align: left; color: #1a2430; height: 34px; width: 100%; font-weight: bold; }

body#resources #row5 .col-wrapper ul {display:block;float:left;width:874px; height: inherit; margin: 0 10px; padding: 10px 0 25px 0; list-style: none; }
body#resources #row5 .col-wrapper ul li {border: 1px dashed #969696;display:inline;float:left;width:130px;height:inherit;margin: 0 20px; padding: 0 0 10px 0; list-style:none; }


body#resources #row5 .col-wrapper .imgspan { display: inline; float: left; width: 110px; height: 298px; padding: 10px 10px; }
body#resources #row5 .col-wrapper .textspan { display: inline; float: left; width: 253px; margin: 0; padding: 10px 10px 0 0; height: 100%; }
body#resources #row5 .col-wrapper img { display: block; float: left; width: 110px; height: 136px; padding: 10px 0; margin: 0; border: 0;}
body#resources #row5 .col-wrapper .imgspan h4 { display: block; float: left; width: 110px; padding: 1px 0; margin: 0; color: #FF6600; font-size: 10px; font-style: normal; font-weight: bold;}
body#resources #row5 .col-wrapper .imgspan h4.h4 { color: #323232; font-style: italic; font-size: 10px; padding: 5px 0;}
body#resources #row5 .col-wrapper .imgspan h5 { display:block; float:left; width: 110px; padding: 10px 0; margin: 0; }
body#resources #row5 .col-wrapper p { display: inline; float: left; width: 250px; height: 100%; }
body#resources #row5 .col-wrapper h3 { display: block; float: left; width: 250px; height: 20px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #323232; margin: 0; padding: 0; }
body#resources #row5 .col-wrapper h4 { display: block; float: left; width: 250px; height: 18px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; color: #FF6600; margin: 8px 0 0 0; padding: 0; }
body#resources #row5 .col-wrapper h5 { display: block; float: left; width: 250px; margin: 10px 0 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px;}



/*========body#product #row5========*/
body#product #row5 .col-head { display: block; float: left; clear: both; line-height: 34px; font-family: Arial, Helvetica, sans-serif;
							font-size: 16px; font-style: italic; text-align: left; color: #1a2430; height: 34px; width: 100%; font-weight: bold; }

body#product #row5 .col-wrapper ul {display:block;float:left;width: inherit; height: inherit; margin: 0 10px; padding: 10px 0 25px 0; list-style: none; }
body#product #row5 .col-wrapper ul li {border: 1px dashed #969696;display:inline;float:left;width:inherit;height:inherit;margin: 0 20px; padding: 0 0 10px 0; list-style:none; }


body#product #row5 .col-wrapper .imgspan { display: inline; float: left; width: 110px; height: 298px; padding: 10px 10px; }
body#product #row5 .col-wrapper .textspan { display: inline; float: left; width: 253px; margin: 0; padding: 10px 10px 0 0; height: 100%; }
body#product #row5 .col-wrapper img { display: block; float: left; width: 110px; height: 136px; padding: 10px 0; margin: 0; border: 0;}
body#product #row5 .col-wrapper .imgspan h4 { display: block; float: left; width: 110px; padding: 1px 0; margin: 0; color: #FF6600; font-size: 10px; font-style: normal; font-weight: bold;}
body#product #row5 .col-wrapper .imgspan h4.h4 { color: #323232; font-style: italic; font-size: 10px; padding: 5px 0;}
body#product #row5 .col-wrapper .imgspan h5 { display:block; float:left; width: 110px; padding: 10px 0; margin: 0; }
body#product #row5 .col-wrapper p { display: inline; float: left; width: 250px; height: 100%; }
body#product #row5 .col-wrapper h3 { display: block; float: left; width: 250px; height: 20px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #323232; margin: 0; padding: 0; }
body#product #row5 .col-wrapper h4 { display: block; float: left; width: 250px; height: 18px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; color: #FF6600; margin: 8px 0 0 0; padding: 0; }
body#product #row5 .col-wrapper h5 { display: block; float: left; width: 250px; margin: 10px 0 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px;}

body#product #row5 .col-head { display: block; float: left; clear: both; line-height: 34px; font-family: Arial, Helvetica, sans-serif;
							font-size: 16px; font-style: italic; text-align: left; color: #1a2430; height: 34px; width: 94%; margin-left: 3%; margin-right: 3%; font-weight: bold; }
						
body#product #row5 .col-img { display: block; float: left; clear: both; padding-bottom: 8px; text-align: left; width: 94%; margin-left: 3%; margin-right: 3%; }
body#product #row5 .col-text { display: block; float: left; clear: both; padding-bottom: 4px; text-align: left; width: 94%; margin-left: 3%; margin-right: 3%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-color: #323232; font-style: italic;}
							
body#product #row5 .col-author { display: block; float: left; clear: both; padding-bottom: 4px; text-align: right; width: 94%; margin-left: 3%; margin-right: 3%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #3366FF; }


/*========body#content #row5========*/
body#content #row5 .col-head { display: block; float: left; clear: both; line-height: 34px; font-family: Arial, Helvetica, sans-serif;
							font-size: 16px; font-style: italic; text-align: left; color: #1a2430; height: 34px; width: 94%; margin-left: 3%; margin-right: 3%; font-weight: bold; }
						
body#content #row5 .col-img { display: block; float: left; clear: both; padding-bottom: 8px; text-align: left; width: 94%; margin-left: 3%; margin-right: 3%; }
body#content #row5 .col-text { display: block; float: left; clear: both; padding-bottom: 4px; text-align: left; width: 94%; margin-left: 3%; margin-right: 3%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-color: #323232; font-style: italic;}
							
body#content #row5 .col-author { display: block; float: left; clear: both; padding-bottom: 4px; text-align: right; width: 94%; margin-left: 3%; margin-right: 3%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #3366FF; }
