﻿@charset "utf-8";

/*TYPE - NOTE: "Font" property Shorthand not working for these tags; it causes discrepancy between Mozilla and IE.*/
a:link {
	color:#669EB9
}
a:visited {
	color:#70858F;
}
a:link, a:visited {
	text-decoration:none
}
a:hover, a:active {
	text-decoration:underline
}
p {
	font-size:0.8em;
	line-height:1.42em;
	color:#333;
	text-align:justify;
	margin-top:1em;

}
h1, h2, h3, h4, h5, h6, .cs_sect, .cs_descr, {
	font-family: "Gill Sans", Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
  	font-style: normal;
  	font-weight: bold;
}
h1, h3 {
	color:#C60;
}
h2, h4, h5, .dividerTitleLg, .dividerTitleSm {
	color:#66676A;
}
h2, h3, h4 {
	padding:0;
	margin:0
}
h3, h4 {
	font-size:0.95em;
	line-height:1.35em
}
h1 {
	font-size:1.3em;
	line-height:1.5em;
	text-transform:uppercase;
	border-bottom:2px dotted #CCC;
	margin-bottom:1em
}
h2, .dividerTitleLg {
	font-size:1.1em;
	line-height:1em
}
h5 {
	font-size:0.9em;
	line-height:1.35em;
	color:#669EB9;
	margin:0;
	padding:0
}
h1 + h2, h2 + h3, h3 + h4 {
	margin-top:0.5em;
	padding:0
}
h2 {
	margin:1em 0 0;
	padding:0
}
p + ul, h2 + ul {
	margin-top:1em;
}
h3 + ul, h4 + ul {
	margin-top:0
}
td h3 {
	padding:0;
	margin: 0;
}
td p {
	padding:0;
	text-align: left;
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 0.8em;
	margin-left: 0;
}
blockquote {
	margin:0 0.125em; /*both margin & padding set for consistent spacing with left border (mainContent div).*/
	padding:1.5em 0.125em 1em;
	text-align:left;
	text-indent:-0.5em; /*hangs quotations to left*/
	font-size:0.9em;
	font-style:italic;
	line-height:1.5em;
	font-weight:bold;
	color:#669EB9
}
.smk {
	font-size:8px;
	vertical-align:text-top;
	font-variant:small-caps;
	line-height:10px;
	border-left-width:thin;
	border-left-style:solid;
	border-left-color:#FFFFFF;
}
.bookmk {
	text-align:left
}
#sidebar2 .quotag { /*changes indent, hangs em dash*/
	margin-left:1.4em;
	color:#66676A	
}
#sidebar2 .quotag p{ /*changes indent, hangs em dash*/
	font-size:0.8em;
	line-height:1.35em;
	text-indent:-1.3em;
	color:#66676A
}
.dateline {
	padding:0 0.5em 1.25em;
	font-style:italic;
	text-align:right;
	font-size:0.8em;
}
.cs_title {
	padding:0.5em 0;
}
/* use for sIFR3 cs_descr*/

.cs_sect, .cs_descr {
	font-size:1.175em;
	line-height:1.8em;
	font-weight:bold
}
.cs_sect {
	color:#C60
}
.cs_descr {
	color:#66676A;
	vertical-align:50%
}

#mainContent ul li, .highlight ul li {
	color:#333;
	line-height:1.5em;
	list-style:outside url(/Img/DblRtBracket.gif) disc;
	vertical-align:top;
}
#mainContent ul li {
	text-align:left;
	font-size:0.8em;
	margin-left:0.6em; /*both margin and padding set to move bullets left without clipping for consistent spacing with left border (mainContent div)*/
	padding-left:0.6em;
	margin:0;
	padding:0 0 0.75em;
	vertical-align:top
}
#mainContent ul li ul {
	padding-top:0.75em
}
#mainContent ul li ul li {
	text-align:left;
	font-size:100%;
	line-height:1.5em;
	margin:0;
	padding:0 0 0.75em;
	vertical-align:top
}
/*end base type styles*/
/*PAGE HEADER*/
#header {
	border-bottom:2px solid #999;
	float:none;
	height:149px;
	margin:0;
	padding:0;
	background:url(/Img/sized_header_150.jpg) no-repeat right top
}
.OLR_logo {
	width:180px;
	vertical-align:middle;
	height:175px;
	padding:24px 0 0 1.5em;
	background-color:#FFF;
	position: relative;
	z-index: 1;
}
.OLR_logo2 {
	width:140px;
	vertical-align:middle;
	height:131px;
	background-color:#FFF;
	position: relative;
	z-index: 1;
	clip: rect(auto,auto,5px,auto);
	padding-top: 16px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 1.5em;
}
#header h1  {
	margin:0 12em; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding:0 /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
/*end header*/
/*PAGE FOOTER*/
#footer {
	margin:2em 15em 1em;
	padding:1em;

} 
#footer p {
	margin:0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font-size:0.62em;
	line-height:1.2em;
	text-align:center
}
/* end footer */
/* Type styling for the "highlight" section on a two-column layout. Overrides base styling. */
.highlight h1 {
	font-size:0.9em;
	border-bottom:1px solid #CCC;
	padding-bottom:0.1em;
	margin:0
}
.highlight p, .highlight li {
	text-align:left;
	font-size:.8em;
	line-height:1.5em;
	margin:0;
	padding:0;
	vertical-align:top
}
.highlight li {
	margin-left:-1.6em; /*both margin and padding set to move bullets left without clipping for consistent spacing with left border (mainContent div)*/
	padding-left:-1.6em;
	padding-bottom: 0.35em;
}
#mainContent ul li a:link, #mainContent ul li a:visited, .highlight ul li a:link, .highlight ul li a:visited {
	text-decoration:none
}
#mainContent ul li a:link, .highlight ul li a:link {
	color:#333
}
#mainContent ul li a:visited, .highlight ul li a:visited {
	color:#66676A
}
#mainContent ul li a:hover, .highlight ul li a:hover, #mainContent ul li a:active, .highlight ul li a:active {
	color:#669EB9;
	text-decoration:underline
}
/*end highlight section*/
/*TYPE - RIGHT SIDEBAR -- Overrides base.*/
.CalloutBullets { /*blue*/
	font-weight:bold;
	font-size:0.8em;
	line-height:1.4em;
	color:#669EB9;
	list-style:outside disc;
	clip:rect(auto,auto,auto,5px);
	text-align:left;
	margin:0 0 0.5em 0.6em; /* both margin and padding set to move bullets as far left as possible without clipping. This is for consistent spacing with left border (styled on the maincontent div). */
	padding:0 0 0.5em 0.6em
}
.CalloutBullets ul{
	line-height:1.4em;
	font-style:oblique;
	font-variant:normal;
	font-weight:normal;
	color:#333;
	list-style:none outside;
	margin:0;
	padding:0.25em 0 1em;
}
.CalloutBullets li{
	padding-bottom:1em
}
.CalloutBullets ul li{
	padding: 0.25em 0
}
.CalloutHeadlines{ /*blue*/
	font-weight:bold;
	font-size:0.9em;
	line-height:1.4em;
	color:#669EB9;
	list-style:none outside;
	margin:0;
	padding:0;
}
.CalloutHeadlines ul{/*italicized bullets*/
	font-size:0.8em;
	line-height:1.5em;
	font-style:oblique;
	font-variant:normal;
	font-weight:normal;
	color:#333;
	list-style:outside disc;
	clip:rect(auto,auto,auto,5px);
	text-align:left;
	margin:0.3em 0 0 1em;
	padding:0 0 0 1em;
}
.CalloutHeadlines ul li{
	padding: 0.4em 0;
}

.CalloutCareers{ /*blue*/
	font-weight:bold;
	font-size:0.8em;
	line-height:1.4em;
	color:#669EB9;
	list-style:none outside;
	margin:0;
	padding:0;
}
.CalloutCareers ul{/*country headings*/
	font-size:0.8em;
	line-height:1.5em;
	font-style:oblique;
	font-variant:normal;
	font-weight:normal;
	color:#333;
	list-style:outside disc;
	clip:rect(auto,auto,auto,5px);
	text-align:left;
	margin:0.3em 0 1.5em 1em;
	padding:0 0 1.5em 1em;
}
.CalloutCareers ul li{
	padding: 0.4em 0;
}
#sidebar2 h4 {
	font-size:0.95em;
	line-height:1.35em;
	color:#669EB9;
	margin:0 0.125em; /* both margin and padding set for consistent spacing with left border (styled on the maincontent div). */
	padding:0 0.125em 0.25em
}
#sidebar2 p {
	font-size:0.8em;
	line-height:1.4em;
	margin:0 0.125em; /* both margin and padding set for consistent spacing with left border (styled on the maincontent div). */
	padding:0 0.125em 0.76em;
	text-align:left
}
#sidebar2 p.storyheadline {
	font-size: .95em;
	line-height: 1.42em;
	font-weight: bold;
	color:#669EB9;
}
/*end right sidebar*/
/*"CONTACT" SECTION, LEFT SIDEBAR - Overrides base type styling.*/
#sidebar1 .contact {
	margin:0;
	padding-top:1em
}
#sidebar1 .contact h1 {
	font-size:.9em;
	line-height:1.5em;
	font-weight:bold;
	color:#C60;
	border:none;
	margin:0;
	padding:0
}
.twoColElsHdr #sidebar1 .contact p, .thrColElsHdr #sidebar1 .contact p {
	text-align:left;
	font-size:.7em;
	line-height:1.35em;
	margin:0;
	padding:0 0 0.5em
}
#sidebar1 .contact ul { /* removes standard bullet and changes indenting -- use the following code to create styled list: <li>&raquo; */
	font-size:.7em;
	line-height:1.42em;
	list-style:none;
	margin-left:0;
	padding-left:1.3em;
	text-indent:-1.1em
}
/*end contact*/
.clientlogo {
	padding: 0.55em;
	border-style: none;
	}
hr {
	color:#ccc;
	background-color:#ccc;
	height:1px;
}
.horizrule {
	height: 2px;
	width: 100%;
	border-bottom:1px solid #CCC;
	margin:1em 0;
}
.dividerTitle {
	font-size: 1em;
	font-weight: bold;
	color: #669EB9;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin: 2.4em 0 0.75em;
	padding:0.6em 0;
}
.dividerTitle h2, .dividerTitle h4 {
	margin: 3px 0 0;
	padding: 0px;	
}
/*LEFT NAVIGATION MENU (Unordered list items) 
  NOTE: the "style" element *must* remain in order for the navigation to function correctly & this section must be at the *end* of this stylesheet.
*/
<style type="text/css">
.glossymenu{
	margin:5px 0;
	padding:0 ;
	width:170px; /*width of menu*/
	border: none
}
.glossymenu a.menuitem{
	color:#666;
	display:block;
	position:relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width:auto;
	text-decoration:none;
	font-size:0.75em; /* shorthand doesn't work for font tags within the menu */
	line-height:1.22em;
	text-transform:uppercase;
	border-bottom:2px dotted #CCC;
	padding:0.3em 0.625em
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: #666
}
.glossymenu a.menuitem .statusicon{ /*CSS for +/- icon image that is dynamically added to headers*/
	position:absolute;
	top:0.4em;
	right:0.2em;
	border:none;
	height:1em
}
.glossymenu a.menuitem:hover{
	background-image:none;
	color:#000
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background:#FFF
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type:none;
	margin:0;
	padding:0
}
.glossymenu div.submenu ul li{
	border-bottom:2px dotted #CCC
}
.glossymenu div.submenu ul li a{
	display:block;
	color:#666;
	text-decoration: none;
	font-size:0.65em; /*shorthand doesn't work for font tags within the menu*/
	line-height:1.3em;
	padding:0.3em 0.1em 0.45em 1.25em /*sets left-indent*/
}
.glossymenu div.submenu ul li a:hover{
	colorz:white;
	color:#000
}
/*end left menu*/
</style>

