<!--

/*   ***   OVERALL STYLES   ***   */

			html, body {
				background-image: url(../images/stripe.gif); 
				background-color: #ffffff; 
				background-position-y: 40px;
				background-repeat: repeat-x;
				color: #000000;
				font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
				text-align: center;
			}
			#OuterContainer {
				width: 700px;
				margin-left:  auto;
				margin-right: auto;
				border-right:  solid 1px #006ab9;
				border-bottom: solid 3px #006ab9;
				background-color:  #ffffff;
				font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
			}
			#BCardOuterContainer {
				width: 400px;
				margin-left:  auto;
				margin-right: auto;
				padding-top: 10px;
				border-right:  solid 1px #006ab9;
				border-bottom: solid 3px #006ab9;
				background-color:  #ffffff;
				font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
			}
			#InnerContainer {
				background-color: #ffffff;
				margin: 10px; 
				text-align: left;
			}
			}
				#BCardBodyContainer {
				float: right;
				width: 360px;
				margin: 10px;
				margin-top: 15px;
				padding: 10px;
				color: #ffffff;
				background-color: #006ab9;
				font-size: 90%;
				border-right: solid 1px #000000;
				border-bottom: solid 2px #000000;
			}

/*   ***   FOOTER STYLES   ***   */    

			#footer #ftrleft {
				float: left;
			}
			#footer #ftrright {
				float: right;
				text-align: right;
			}
			#footer {
				display: block;
				clear: both;
				padding: 2px 10px 8px 10px;
				font-size: 70%;
				border-top: dotted 1px blue;
			}

/* *******************************************  */

			.EventHdr {
				font-weight: 700;
			}



			
			#BodyTable {
				border-collapse: collapse;
				width: 100%;
				table-layout: fixed;
				border-top: dotted 1px #006ab9;
			}
			#LeftColumn {
				width: 150px;
				vertical-align: top;
			}
			#CenterColumn {
				vertical-align: top;
				padding-left: 10px;
				padding-right: 10px;
			}
			h1, h2, h3 {
				color: #ffb717;
				background-color: transparent;
				margin-top: 0px;
			}
			
			h1 { font-size: 24px; margin-top: 5px;}
			h2 { font-size: 20px; }
			h3 { font-size: 16px; }

			p, label {
				text-align: justify;
				font-size: 12px;
				line-height: 1.4em;
			}
			li {
				font-size: 12px;
			}
			

/*   ***  MEMBERSHIP FORM STYLES   ***   */

			#MembershipData {
				width: 500px;
			}
			form p {
				clear: both;
				text-indent: 0px;
				margin-top: 0px;
				margin-bottom: 0px;
			}
			.first {
				padding-left: 20px;
			}
			form p label {
				float: left;
				display: inline;
				width: 30%;
				text-align: right;
				padding-right: 10px;
			}	
			form p input {
				background-color: lightyellow;
			}
			form p input:focus {
				border-bottom: solid 2px #0099cc;
			}
			legend {
				color: #ffb717;
				font-weight: 700;
				background-color: #ffffff;
				padding-bottom: 15px;
			}
			fieldset {
				border: solid 1px #006699;
			}
			textarea {
				margin-left: 20px;
				margin-bottom: 10px;
				background-color: lightyellow;
			}
			.Opt {
				font-size: 85%;
				font-style: italic;
			}
			
			.SmlBrk {
				font-size: 3px;
			}



			#Login {
				width: 400px;
				text-align: center;
			}
			#FeedData {
				width: 500px;
			}
			.LLinkDiv {
				border-right: dotted 1px #0099cc;
				border-bottom: solid 1px #0099cc;
			}
			.LHdg, .RHdg {
				display: block;
				margin-top: 10px;
				color: #ffffff;
				background-color: #0099cc;
				border-bottom: solid 3px #006699;
				border-right: solid 2px #006699;
				text-align: left;
				padding-left: 15px;
				padding-bottom: 2px;
				padding-top: 2px;
				font-size: 12px;

			}
			.RHdg {
				border-right-style: none;
				border-left: solid 2px #006699;

			}
			#Financial {
				font-size: 12px;
				line-height: 1.5;
				margin-left: 15px; 
				padding-left: 0;
				list-style-image: url(../images/ArrowRtSml.gif);

			}
			.links {
				font-size: 12px;
				line-height: 1.5;
				margin-left: 15px; 
				padding-left: 0;
				list-style-image: url(../images/ArrowRtSml.gif);
				clear: both;
			}
			.LinksPage {
				display: block;
				float: left;
				width: 500px;
				border-top: dotted 1px lightblue;
				border-right: dotted 1px lightblue;
				clear: both;
				padding-top: 5px;
			}
			.LinksPage ul {
				list-style: url(/images/ArrowRtSml.gif);
			}
			.LinksPage img {
				float: right;
				padding-right: 5px;
				position: relative;
				top: -1.3em;
			}
			#RightColumn .links {
				margin-left: 0px;
				text-align: center;
				list-style-type: none;
				padding-top: 12px;
				padding-bottom: 12px;
			}
			#body_hom #HomeLnk,
			#body_wel #WelcomeLnk,
			#body_evt #EventsLnk,
			#body_tor #TermsLnk,
			#body_exc #ExecLnk,
			#body_con #ContactLnk,
			#body_faq #FAQLnk,
			#body_ben #benefitLnk,
			#body_joi #JoinLnk,
			#body_fed #FeedLnk,
			#body_mbr #MbrLnk,
			#body_emp #EmpLnk,
			#body_log #LoginLnk,
			#body_lnk #LinksLnk,
			#body_fin #FinLnk,
			#body_com #CommLnk
			{
				color: #ffb717;
				text-decoration: none;
				cursor: default;
			}
			#RightColumn li {
				margin-top: 2em;
			}
			#Brochure {
				border: solid 1px #0099cc; 
				margin-top: 5px;
			}
			#HomeMoe {
				Display: Block;
				Width: 158px;
				float: right;
				margin-left: 15px;
				margin-top: -20px;
				padding: 4px;
				color: #ffffff;
				background-color: #0099cc;
				font-size: 12px;
				text-align: center;
				border: 0px;
				border-bottom: solid 3px #006699;
			}
			#ExecTable td {
				padding-left: 5px;
				font-size: 12px;
				padding-bottom: 3px;
			}
			#ExecTable th {
				border-bottom: solid 3px #006699;
				font-size: 16px;
			}

			.stripe {
				background-color:   #ffb717; 
				color: #000000;
			}
			.error {
				color: red;
			}
			#Mandate li, .Terms li {
				font-size: 12px;
			}
			#contactleft, #contactright {
				display: inline;
				float: left;
				font-size: 12px;
			}
			#contactright {
				margin-left: 40px;
			}
			a {
				color: #006ab9; 
				background-color: transparent;
				text-decoration: none;
			}
			a:hover, #menuitems a:hover {
				text-decoration: underline;
			}
/*   ***  EVENTS STYLES   ***   */

			.EventDetailsDiv {
				padding-left: 10px;
				padding-top: 10px;
				padding-bottom: 10px;
				margin-bottom: 5px;
				border-right: solid 1px #0099cc;
				border-bottom: solid 3px #0099cc;
				border-top: solid 5px #0099cc;
			}
			.EventDetailsDiv p {
				padding-left: 5em;
				padding-right: 5px;
				margin-bottom: 0px;
				margin-top: 0px;
				padding-bottom: 0px;
				padding-top: 0px;
			}
			.EventDetailsDiv h2, .EventDetailsDiv h3 {
				padding-top: 15px;
				margin-bottom: -2px;
			}
			.EventDetailsTbl {
				clear: both;
			}
			.EventDetailsTbl td {
				vertical-align: top;
			}
			.Event {
				font-weight: 700;
				text-decoration: underline;
			}
			.EventDetail {
				display: none;
				border: dotted 1px #006ab9;
				padding: 10px;

			}
			.eventphoto {
				font-size: 12px;
				border-top: 2px solid #dddddd;
				border-right: 5px solid #dddddd;
				border-bottom: 5px solid #dddddd;
				background-color: #eeeeee;
				display: block;
				text-align: center;
				padding: 3px;
				margin: 5px;
			}
			.more {
				float: right;
				padding: 5px;
				background-color: #ffffff;
			}
/*   ***  EXPLAIN BOX STYLES   ***   */

			.Explain {
				font-size: 10px;
				color: #0099cc;
			}
			.ExplainBlk {
				width: 300px;
				font-size: 10px;
				background-color: lightyellow;
				color: #000000;
				border: 1px solid #000000;
				padding: 3px;
				position: absolute;
				top: 150px;
				left: 450px;
				visibility: hidden;
			}
			.ExplainBlkHdr {
				background-color: #000000;
				color: #ffffff;
				display: block;
				padding: 3px;
			}
			#ExplainBlk1 {
				visibility: hidden;
			}
			#BCardInnerContainer a {
				color: #ffb717; 
			}
			
			#MbrTbl tr {
				height: 1.5em;
			}
			#MbrUpdateDate {
				position: relative;
				top: -40px;
				float: right;
				font-size: 12px;
				padding-left: 40px;
			}
/*   ***  PASS REQUEST FORM STYLES   ***   */

			#PassReqBody
			{
				background-color: #ffffff;
			}


/*   ***  FREQUENTLY ASKED QUESTIONS STYLES   ***   */

			#FAQDiv {
				font-size: 12px;
			}
			#FAQDiv li {
				margin-bottom: 15px;
			}
			.Qstn {
				font-weight: 700;
			}
			

/*   ***   HEADER STYLES   ***   */
			
			#OICLogo {
				position: relative;
				float: left;
				margin-left: 20px;
				display: inline;
				border: none;
			}
			#IRGOTitle {
				position: relative;
				float: left;
				margin-left: 30px;
				Margin-top: 15px;
				display: inline;
				border: none;

			}
			#IRGOLogo2 {
				position: relative;
				display: inline;
				margin-top: 15px;
				margin-right: 15px;
				float: right;
				border: none;
			}
			#HeaderDiv {  
				width: 680px;
				height: 50px;  /*  height before holly 60 px no padding top or bottom with holly 95 with bottom 40px  */
				padding-bottom: 5px;
				padding-top: 5px;
			}
			

			
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The above classes are added dinamically by javascript,
and their use should be avoided in the markup */

			-->