/* BEGIN ROUNDED BOXES
The following CSS defines a background color, four rounded corners, and text padding for a <div> element. 
----------------
BACKGROUND COLOR
----------------
The background color must always be assigned to the very first CSS rule. This is because each CSS background rule is essentially a layer on top of the previous one. So, in this example, we have a layering order of br.gif, bl.gif, tl.gif and then tr.gif. But, in this example, the images don't overlap, so we don't really notice this layering effect.

By default, a background color covers the entire <div> and will layer on top of any other previously assigned background images and/or colours. Therefore, if we place the orange colour in any <div> other than the first, it will be placed on top of the preceding images and will essentially cause them to disappear. Therefore, we must place our orange background colour (#e68200) in the very first CSS rule

-------
CORNERS
-------
The percentages define the placement of each image.
  - The first % defines the distance of the image from the left edge. 
  - The second % defines the distance from the top edge. 

The measurements used below effectively place the images at the appropriate corners regardless of the size of the div (0% 100% for BL; 100% 100% for BR; 0% 100% for TL, and 100% 0% for TR.

If desired for another purpose, the measurements could befined in px rather than %.

-------
PADDING
-------
Padding is needed to prevent the text from overlapping on to the images. In this case, the images are 10px x 10px in size. Therefore, we need 10px-worth of padding on the text. 

VERY IMPORTANTLY, To make it work, padding MUST added be to the CSS that will appear in the last <div> tag in the body. Otherise, the effects will be undesirable.

*/
.bl_blu {background: url(../images/roundedboxcorner-bl-liteblue.gif) 0% 100% no-repeat #859FC1;
		}
.br_blu {
	background: url(../images/roundedboxcorner-br-liteblue.gif) 100% 100% no-repeat #859FC1;
		}
.tl_blu {background: url(../images/roundedboxcorner-tl-liteblue.gif) 0% 0% no-repeat; 
		}
.tr_blu {background: url(../images/roundedboxcorner-tr-liteblue.gif) 100% 0% no-repeat; padding:10px; 
		}
/* END ROUNDED BOXES */

body,td,th {
font-family: Arial, Helvetica, sans-serif;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url();
	background-color: #000033;
	text-align: justify;	
}

.leftrightindent {
	padding-left: 20px;
	padding-right: 20px;
}

.bullet_no_indent {
	padding-left: 1em;
	margin-left: 1em;
	list-style-type: disc;
}

.leftrightindent_justified {
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;	
}

.inverted_triangle {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: groove;
	border-bottom-style: ridge;
	border-left-style: solid;
}

.related_services_heading {
	font-size: 16px;
	font-weight: bold;
	color: #CCCCCC;
}

.related_service_list_odd {
	font-family: "Times New Roman, Times, serif"; 
	font-size: 16px; font: bolder; color: #000033; 
}

.related_service_list_even {
	font-family: "Times New Roman, Times, serif"; 
	font-size: 16px; font: bolder; color: #CCCCCC; 
}

.subtitle {
	color: #003399;
	font-weight: bold;
	font-size: 2ex;
	margin-bottom: -2%;
	padding-bottom: -2%;
}

.optional_teaser {
    color: #000066;
	font-weight: bold;
}

.outcome_table_title {
	font-size: smaller;
	text-align: center;
	font-weight: bold;
}

.outcome_table_text {
	padding-left: 0.15in;
	margin-left: 0.15in;
	text-indent: -0.16in;
	font-size: smaller;
	text-align: left;
	font-weight: bold;
}

#bullet-inside ul {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 0em;
	margin-left: 0em;
}

.LeftJustifiedBulletedList {
	margin-left: 1em;
	padding-left: 0em;
}

.mainbodytext {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}

.para_single_space {
	margin-bottom: -3%;
	padding-bottom: -3%;
}

.testimonial_layer {
	z-index:1;
	border-right-style: groove;
	border-bottom-style: groove;
	padding-right: 2px;
	padding-bottom: 2px;
	border-top-style: none;
	border-top-width: thin;
	border-left-style: none;
	border-left-width: thin;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.dotted_half_hr {
	height: 2px;
	width: 50%;
	text-align:center;
	color: #333333;
	border-style: dotted;
}