.ms-rteStyle-headingbar{
-ms-name: "RIJ HeadingBar";
-ms-element: "true";
font-weight:700;
font-size:24px;
font-family: Arial;
color: #ffffff;
text-align:center;
background-color:#e0c337;
}
.ms-rteStyle-title{
-ms-name: "RIJ Title";
-ms-element:"true";
font-family: Arial;
color: #0154a7;
font-size:16px;
text-align:center;
font-weight:700;
}

.ms-rteStyle-normaltext{
-ms-name:"RIJ Normal Text";
-ms-element:"true";
font-family: Arial;
font-size:13px;
text-align:justify;
color: #575759;
}

.ms-rteStyle-bluebox{
-ms-name:"RIJ Bluebox";
-ms-element:"true";
font-size:14px;
font-family: Arial;
color: #ffffff;
text-align:center;
background-color:#0254a8;
}


.ms-rteStyle-link{
-ms-name:"RIJ Link";
-ms-element:"true";
font-size:13px;
font-family: Arial;
color: #276cff;
}

.rij-bgi-LongScroll2{
/* Note you don't need http://www.courts.ri.gov in front of the URL property */
background-image: url('/Images1/LongScroll2.jpg');

/* used if div is larger than the image - options are repeat (both directions), repeat-x (repeat only horizontally), repeat-y (repeat only veritally), no-repeat */
background-repeat: no-repeat; 

/* used if div is larger than the image - options are repeat (both directions), repeat-x (repeat only horizontally), repeat-y (repeat only veritally), no-repeat */
width: 100%; 
}

.rij-bgi-Scroll{
/* Note you don't need http://www.courts.ri.gov in front of the URL property */
background-image: url('/Images1/PUBLIC%20RESOURCES/Disc_Scroll.png');
background-size:cover;

/* used if div is larger than the image - options are repeat (both directions), repeat-x (repeat only horizontally), repeat-y (repeat only veritally), no-repeat */
background-repeat: no-repeat; 

/* used if div is larger than the image - options are repeat (both directions), repeat-x (repeat only horizontally), repeat-y (repeat only veritally), no-repeat */
width: 100%; 
}

.rij-bgi-ArchWide{
/* Note you don't need http://www.courts.ri.gov in front of the URL property */
background-image: url('/Images1/ArchWide.jpg');

/* used if div is larger than the image - options are repeat (both directions), repeat-x (repeat only horizontally), repeat-y (repeat only veritally), no-repeat */
background-repeat: no-repeat; 

/* used if div is larger than the image - options are repeat (both directions), repeat-x (repeat only horizontally), repeat-y (repeat only veritally), no-repeat */
width: 100%; 
}

/* the slash asterisk at the beginning of this line starts a comment that 
ends when a asterisk slash is encountered at the end of this example class 

Below is an example of a background image class.  All classes for the background image must be unique names.  If you have 21 background images, then you should have 21 class names.
*/
.rij-bgi-ImageClassName {
/* Note you don't need http://www.courts.ri.gov in front of the URL property */
background-image: url('/Images/My%20Image.jpg');

/* used if div is larger than the image - options are repeat (both directions), repeat-x (repeat only horizontally), repeat-y (repeat only veritally), no-repeat */
background-repeat: no-repeat; 

/* you may or may not want this width 100% line in your class.  This will make the wrapping div you will put in your content editor fill the width of the content editor. Without it if you only put a single letter in the content editor it would only be the width of a single letter truncating the image. */
width: 100%; 
}