/* COLORS
BLUE: color: #6699FF;
GRAY: silver #E4E4E4
GOLD:  color: #DDA600;
*/
/* ************************** set BODY AND OTHER TAGS defaults */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: black;
	color: silver;
	line-height: 115%;
	font-size: 95%;
	height: 20px;
}
.blueText {
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6699FF;
}
.navlinkBars {
font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
}
h1
{
font-weight: bold;
font-size: 250%;
color: #DDA600;
font-family: font-family: "Apple Chancery", "Zapf Chancery", "Monotype Corsiva",serif;
line-height: 100%;
margin-top: "20px";
padding-top: "20px";

}
h1.indexPg
{
font-weight: bold;
font-size: 200%;
color: #DDA600;
font-family: font-family: "Apple Chancery", "Zapf Chancery", "Monotype Corsiva","Verdana", "Arial", "Helvetica", sans-serif;
line-height: 100%;
margin-top: "0";
padding-top: "0";

}

/* h1
{
font-weight: bold;
font-size: 200%;
color: #DDA600;
font-family: font-family: "Verdana", "Arial", "Helvetica", sans-serif;
line-height: 100%;

}*/
h2
{
font-weight: bold;
font-size: 120%;
color: #6699FF;
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
margin-bottom: .5em;
padding: 0;
line-height: 110%;
text-align: center;
margin-top: 0;
padding-top: 0;
}
h2.red {
font-weight: bold;
font-size: 120%;
color: #FF0000;
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
margin-bottom: .5em;
padding: 0;
line-height: 110%;
text-align: center;
margin-top: 0;
padding-top: 0;
}

h2.nocenter
{
font-weight: bold;
font-size: 120%;
color: #6699FF;
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
margin-bottom: .5em;
padding: 0;
line-height: 110%;
text-align: left;
}
h2.nocenterred
{
font-weight: bold;
font-size: 120%;
color: #FF0000;
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
margin-bottom: .5em;
padding: 0;
line-height: 110%;
text-align: left;
}
/* <h2 class="nocenternobottommargin"> */
h2.nocenternobottommargin
{
	font-weight: bold;
	font-size: 120%;
	color: #6699FF;
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	text-align: left;
	margin-bottom: 0.5em;
	padding-bottom: 0;
	line-height: 90%;
}
.contentwithoutspace   /* REMOVE SPACE ABOVE PARA  */
{
margin-top: 0;
padding-top: 0;
margin-bottom: 0; 
	padding-bottom: 0;
	line-height: 50%;
}
.contentwithoutspace2   /* REMOVE SPACE ABOVE PARA  */
{
margin-top: 0;
padding-top: 0;
margin-bottom: 0; 
	padding-bottom: 0;

}
em {
color: #FFFFFF;
font-weight: bold;
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
font-style: normal; 
}

strong {
font-weight: bold;
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
}

.callout
 {
font-weight: bold;
font-family: "Verdana", "Arial", "Helvetica", sans-serif;
        font-size:125%;
	color: "red";
margin-top: "20px";
padding-top: "20px";
}

}
/* ************************** set table layout  */
/* Properties that both side lists have in common */
div.link-list {
        width:10.2em;
        position:absolute;
        top:0;
        font-size:80%;
        padding-left:1%;
        padding-right:1%;
        margin-left:0;
        margin-right:0;
}
/* we leave some place on the side using the margin-* properties */
#main {
        margin-left:10.2em;
        margin-right:10.2em;
        padding-left:1em;
        padding-right:1em;
}
/* and then we put each list on its place */
#list1 {
        left:0;
}
#list2 {
        right:0;
}
.jumps {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #6699FF;
}
/* ************************** set TEXT CHANGES AND SPACING  */
.tab {text-indent: 1in;}

.goldText {
	color: #DDA600;
}

.goldTextbold {
	color: #DDA600;
	font-weight: bold;
}

.blueText {
	color: #6699FF;
}
.blueTextsmall {
	color: #6699FF;
    font-size:80%;
}
.blackText {
	color: #000000;
}
.imgMarginRt {
	background-position: left top;
	margin-right: 10px;
	padding-right: 10px;
}
.opacityit:hover img{
margin-right: 10px;
	padding-right: 10px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
}

.opacityit img{
	margin-right: 10px;
	padding-right: 10px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	margin-bottom: 5px;
	padding-bottom: 5px;
}


.blackTextbold {
	color: #000000;
	font-weight: bold;
	line-height: 10px;
}

.blueTextbold {
	color: #6699FF;
	font-weight: bold;
}

.whiteText {
	color: #FFFFFF;
		font-weight: bold;
}
.whiteTextNoBold {
	color: #FFFFFF;
	font-weight: normal;
		font-size: 10pt;

}
.grayTextNoBold {
	color: #E4E4E4;
	font-weight: normal;
		font-size: 9pt;

}
.redTextli {
	color: #FF0000;
	font-weight: normal;
		font-weight: bold;
}
.smalltext {            /* REDUCE TEXT SIZE  */
	font-size: 85%;
	line-height: 100%;
}
.smalltextBlack {            /* REDUCE TEXT SIZE  */
	font-size: 85%;
	line-height: 100%;
	color: #000000;
}
.smalltext p {            /* REDUCE TEXT SIZE  */
	font-size: 85%;
	line-height: 100%;
}
div#smalltext {
width: 281px;
}

div#smalltext p  {            /* REDUCE TEXT SIZE  */
font-size: -1em;
line-height: 100%;
}


p.contentwithoutspace   /* REMOVE SPACE ABOVE PARA  */
{
margin-top: 0;
margin-bottom: .5em; 
margin-left: 0;
padding-left: 0; }


.nospaceabove   /* REMOVE SPACE ABOVE PARA  */
{
margin-top: .5em;
margin-bottom: .5em; 
margin-left: 0;
padding-left: 0; }

H2.nospaceabove   /* REMOVE SPACE ABOVE H2 ADD SPACE BELOW */
{
margin-top: 0; 
margin-bottom: .5em;
margin-left: 0;
padding-left: 0; 
}

.nospaceabove   /* REMOVE SPACE ABOVE any ADD SPACE BELOW  */
{
margin-top: 0; 
margin-bottom: .5em;
}

.alignleft              /* LEFT ALIGN  */
{
text-align: left;
}
div.alignleft              /* LEFT ALIGN  */
{
text-align: left;
}
div.alignright              /* LEFT ALIGN  */
{
text-align: right;
}
.alignright              /* LEFT ALIGN  */
{
text-align: right;
}
div.aligncenter              /* LEFT ALIGN  */
{
	text-align: center;
}

.indent                 /* INDENT 2 SPACES  */
{ 
margin-left: 2em;
padding-left: 2em; } 

div.container {         /* CENTER A BLOCK OF TEXT  */
text-align: center;
}

div.text {
margin-left: auto;
margin-right: auto;
text-align: left; /* overrule inheritance */
}
/* ************* <div class="container"> */
/* ************* <div class="text">      */
/* ************* 	This entire block is centered */
/* ************* 	</div> */
/* *************  </div> */

 
.space {          /* CHANGE LINE SPACING  */
line-height: .3 em; 
} 


p.indent {          /* INDENT FIRST LINE OF EACH PARA  */
margin-left:20px
}

/* ************************** liST with BLUE CHECKMARKS - BLACK background */
div#s2 ul {  
text-align: left;
list-style-type: none;
padding: 0;
margin: 0;
font-weight: bold;
font-size: 85%;
}

div#s2 li
{
background-image: url(checkmark.jpg);
background-repeat: no-repeat;
padding-left: 1.25em;
margin: 1em 0;
}

/* ************************** DEFAULT PAGE LINKS - BLACK background */

.link1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: white;
}

.link1 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: white;
}

.link1 A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none; 
	color: #6699FF;
}
.link1 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: white;
}
.link1black a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
}

.link1black a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
}

.link1black A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none; 
	color: #6699FF;
}
.link1black a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
}
/* ************************** DEFAULT PAGE LINKS - WHITE background */

.link2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
}

.link2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none; 
	color: #6699FF;
}

.link2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
}

.link2 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
}
/* ************************** LINKS - PROPERTY TYPE TITLES */

.link3 a {
	text-decoration: none; 
	color: #6699FF;
}

.link3 a:visited {
	text-decoration: none; 
	color: #6699FF;
}

.link3 A:hover {
	text-decoration: underline; 
	color: silver;
}
.link3 a:active {
	text-decoration: none; 
	color: #6699FF;
	
}
.link4 a {
	color: #6699FF;
	font-weight: bold;
font-size: 85%;
}

.link4 a:hover {
	font-weight: bold;
font-size: 85%;
	text-decoration: none; 
	color: black;
}

.link4 a:visited {
	font-weight: bold;
font-size: 85%;
	color: #6699FF;
}

.link4 a:active {
	font-weight: bold;
font-size: 85%;
	color: #6699FF;
}
.link6 a {
	color: #6699FF;
	font-weight: bold;
font-size: 75%;
}

.link6 a:hover {
	font-weight: bold;
font-size: 75%;
	text-decoration: none; 
	color: black;
}

.link6 a:visited {
	font-weight: bold;
font-size: 75%;
	color: #6699FF;
}

.link6 a:active {
	font-weight: bold;
font-size: 75%;
	color: #6699FF;
}
.link5 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
}

.link5 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
}

.link5 A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none; 
	color: #6699FF;
}
.link5 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: black;
}
/* ************************* home page LINKS LIST BLUE BOX **************  */
div#s1 {  
width: 295px;          /* menu width */

}

div#s1 ul {  
list-style-type: none; /* get rid of the bullets */  
padding:0;             /* no padding */  
margin:0;              /* no margin for IE either */
list-style-position: outside;

}

div#s1 ul li {  

display:block;  
list-style-position: outside;
margin-bottom : 10pt;
}

div#s1 ul li a {  
display: block;         /* lines extend to right, make area clickable */  
color: white;  
padding-left: 1.25em;
margin: 1em 0; 
text-decoration: none;  
height:15px;           /* hint for IE, alternatively remove whitespace from HTML */ 
list-style-position: outside;
}
div#s1 ul ul li a {  
margin-left: 5px;     /* indent level 1 */
list-style-position: outside;

}

div#s1 ul ul ul li a {  
margin-left: 40px;     /* indent level 2 */
list-style-position: outside;
}

div#s1 ul li a:hover {  
color: #000000;  background-color: #6699FF; /* rollover effect */
list-style-position: outside;
}
/* ************************* TABLE WITH OUTSIDE BORDER <table class="blackBorder"> **************  */
table.blackBorder {
	border-width: 1px;
	border-spacing: 0px;
		padding: 0px;
	border-style: solid;
	border-color: black;
	border-collapse: separate;
	background-color: white;
}
table.blackBorder th {
	border-width: 0px;
	padding: 0px;
	border-style: inset;
	-moz-border-radius: ;
}
table.blackBorder td {
	border-width: 0px;
	padding: 0px;
		border-spacing: 0px;
	border-style: inset;
	-moz-border-radius: ;
}
/* ************************* gray box rounded corners **************  */
div#nifty { margin: 0 10%;background: #E4E4E4} /* indent B */

b.rtop, b.rbottom{display:block;background: #000}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #E4E4E4; font-size:1px}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

	/* put before text in div  
	<div id="nifty">
	<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
 */
div#nifty2 { margin: 0 0; background: #E4E4E4} /* no indent SPAN */

span.rtop, span.rbottom{display:block;background: #000}
span.rtop span, span.rbottom span{display:block;height: 1px;
    overflow: hidden; background: #E4E4E4;font-size:1px}
span.r1{margin: 0 5px}
span.r2{margin: 0 3px}
span.r3{margin: 0 2px}
span.rtop span.r4, span.rbottom span.r4{margin: 0 1px;height: 2px}

	/* put before text in div  
	<div id="nifty2">
	<span class="rtop"><span class="r1"></span><span class="r2"></span><span class="r3"></span><span class="r4"></span></span>
 */
div#nifty3 { margin: 0 0;background: #FFFFFF} /* NOindent I WHITE*/

i.rtop, i.rbottom{display:block;background: #000}
i.rtop i, i.rbottom i{display:block;height: 1px;
    overflow: hidden; background: #FFFFFF; font-size:1px}
i.r1{margin: 0 5px}
i.r2{margin: 0 3px}
i.r3{margin: 0 2px}
i.rtop i.r4, i.rbottom i.r4{margin: 0 1px;height: 2px}
	/* put before text in div  
	<div id="nifty3">
	<i class="rtop"><i class="r1"></i><i class="r2"></i><i class="r3"></i><i class="r4"></i></i>
 */

/* ************************* LOGO - TABLE **************  */
#topart1  {
	background-image:	url(images/logo/okcinvLogoHomePagetop.jpg);
	background-repeat: no-repeat;
	border-right: 1;
	border-color: #FFFFFF;
}
#topart2  {
background-image:	url(images/logo/okcinvLogoHomePagebottom.jpg);
background-repeat: no-repeat
}
#topart3  {
	background-image:	url(images/okc-night-895.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#topartEmail  {
	background-image:	url(images/logo/okcinvLogoHomePagetopRounded.jpg);
	background-repeat: no-repeat;
	border-right: 1;
	border-color: #000000;
}

/* ******************************************** OLD OLD OLD          *************** */
/* ************* <br><p class="space"></p> OR
************* p.space + p.space { margin-top: 0.5em; } 
************* only paragraphs that follow other paragraphs NOT the margin of the 1st par
*/

ul.linklist
{
text-align: left;
list-style-type: none;
padding: 0;
margin: 0;
font-weight: bold;
font-size: 85%;
}

li.linklist
{
padding-left: 1.5em;
margin: 1em 0;
}

.siteLinks {
	font-family: "Gill Sans MT";
	font-size: 10pt;
	text-align:center;
}
.whiteText {
	color: #FFFFFF;
}	

.pageHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	text-align: center;
	background-color: #C0C0C0;
	color: #000000;
}

.grayText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #808080;
}
.grayTextSmall
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 6pt;
	color: silver;
}
.blacktext
{
	color: #000000;
}
.blacktextbold
{
	color: #000000;
		font-weight: bold;
}
.blackTextSmall
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}
.blackTextLarge
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}
.blackTextMed
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.purpleText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #800080;
}
.purpleTextLarge
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #3366FF;
}

.whiteText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
}
.whiteTextLargeBold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #ffffff;
	font-weight: bold;
}
.redTextLargeBold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #ff0000;
	font-weight: bold;
}

.whiteTextSmall
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
}

.redText
{
	color: #FF0000;
}
.redTextLarge
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #FF0000;
}

.bigBoldgray
{
	font-family: Copperplate Gothic Bold, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	text-align: center;
	color: #cccccc;
}
.bigBoldwhite
{
	font-family: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 14pt;
	text-align: center;
	color: #cccccc;
}

.medBoldPurple
{
	font-family: Copperplate Gothic Bold, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: center;
	color: #3366FF;
}
.smallBoldPurple
{
	font-family: Copperplate Gothic Bold, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: center;
	color: #3366FF;
}

.medbigBoldWhite
{
	font-family: Copperplate Gothic Bold, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: center;
	color: #ffffff;
}
.medBoldRed
{
	font-family: Copperplate Gothic Bold, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: center;
	color: #FF0000;
}

.linkTitles
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #3C3CFF;
	font-weight: bold;
}
.articlePageSectionTitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #FF0000;
}
.whiteTables {  /* for rounded box container tables */
	background-color: #FFFFFF;
	width: 598px;
}
.whiteTableCells {
	background-color: #FFFFFF;

}
.whiteTables2 {  /* for full width tables */
	background-color: #FFFFFF;
	width: 895px;
}
.grayTables {  /* for rounded box container tables */
	background-color: #E4E4E4;
	width: 598px;
}
.grayTableCells {
	background-color: #E4E4E4;

}
.grayTables2 {  /* for full width tables */
	background-color: #E4E4E4;
	width: 895px;
}
div.2tiertopnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	color: #000000;
	text-align: right;
	vertical-align: top;
	height: 12px;
	width: 200px;
	padding-top: 0px;
	margin-top: 0px;
	float: right;
}
.noheightline {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	height: 1px;
	width: 10px;
	font-size: 5px;
}
.white th {
	background-color: #FFFFFF;
}
.white div {
	background-color: #FFFFFF;
}
