﻿BODY 
{
    background-image: url(./images/ococ-bkgd.jpg);
    background-color: #363c1a;
    margin-top: 0px;
    background-repeat: repeat-y;
    background-position: center top;    /*
    MARGIN:0 px;
    MARGIN-TOP: 0px;
	FONT-SIZE: 10pt;	
	BACKGROUND-POSITION: 0% 0%;	
	BACKGROUND-POSITION: center top;
	BACKGROUND-COLOR: #363c1a;  
	BACKGROUND-IMAGE: url(./images/ococ-bkgd.jpg); 
	BACKGROUND-REPEAT: repeat-y; 
*/
	LINE-HEIGHT: 1.5; 
	FONT-FAMILY: Tahoma; 
	FONT-SIZE: 9pt
}

input[type="button"],input[type="submit"] {   
   color:#050;   
   font: bold 84% 'trebuchet ms',helvetica,sans-serif;   
   font: bold 84% 'calibri',helvetica,sans-serif;  
   font-size:medium; 
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   
 }   






DIV {
	FONT-SIZE: 10pt;	
	LINE-HEIGHT: 1.5; FONT-FAMILY: Tahoma; FONT-SIZE: 9pt
}
TD {
	FONT-SIZE: 10pt;
	LINE-HEIGHT: 1.5; FONT-FAMILY: Tahoma; FONT-SIZE: 9pt
}

A {
	COLOR: #9c6854
}
A:hover {
	COLOR: #96a84a
}

.ococH1 {
	FONT-FAMILY: Georgia; COLOR: #96a84a; FONT-SIZE: 16pt; FONT-WEIGHT: bold
}
.ococH2 {
	FONT-FAMILY: Georgia; COLOR: #9c6854; FONT-SIZE: 14pt; FONT-WEIGHT: bold
}
.ococH3 {
	FONT-FAMILY: Georgia; COLOR: #9c6854; FONT-SIZE: 12pt; FONT-WEIGHT: bold
}
.ococH4 {
	FONT-FAMILY: Georgia; COLOR: #9c6854; FONT-SIZE: 10pt; FONT-WEIGHT: bold
}



.esbLabel {
	
}
.esbErrBox {
	BORDER-BOTTOM: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; BACKGROUND-COLOR: #efefef; BORDER-TOP: #ff0000 1px solid; BORDER-RIGHT: #ff0000 1px solid
}
.esbErrH1 {
	PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #ff0000; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; COLOR: #ffffff; FONT-SIZE: 10pt; FONT-WEIGHT: bold; PADDING-TOP: 2px
}
.esbErr {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #000000; FONT-SIZE: 10pt; PADDING-TOP: 5px
}
afont.df P {
	MARGIN-TOP: 0px
}
DIV.forms-def .esbFormTable {
	
}
DIV.forms-def .esbFormTable TD {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px
}
DIV.forms-def .esbFormLab {
	
}
DIV.forms-def TD.esbFormLab {
	TEXT-ALIGN: right
}
DIV.forms-def TD.esbFormFF {
	DISPLAY: none
}
DIV.forms-def .esbFormData {
	
}
DIV.forms-def .esbFormBtn {
	
}
DIV.forms-def .esbFormField {
	
}
/*  new*/
SPAN.ts1 {
	FONT-FAMILY: Tahoma; COLOR: #9c6854; FONT-SIZE: 20px
}
SPAN.ts1c2 {
	COLOR: #3c3d32
}
SPAN.ts2 {
	FONT-FAMILY: Tahoma; COLOR: #96a84a; FONT-SIZE: 15px; FONT-WEIGHT: bold
}
SPAN.ts2c2 {
	COLOR: #3c3d32
}
SPAN.ts3 {
	FONT-FAMILY: Tahoma; COLOR: #b7b899; FONT-SIZE: 15px; FONT-WEIGHT: bold
}
SPAN.ts3c2 {
	COLOR: #9c6854
}
SPAN.ococ1 {
	FONT-FAMILY: Tahoma; 
	/*COLOR: #b7b899; */
	color: White;
	FONT-SIZE: 15px;
	font-weight: bold;
	text-align:center;
}
TD.gb1-bk {
	BACKGROUND-COLOR: #b7b899
}
TABLE.gb1-bk {
	BACKGROUND-COLOR: #b7b899
}
TD.gb1-tbar {
	BACKGROUND-COLOR: #96a84a
}
TABLE.gb1-tbar {
	BACKGROUND-COLOR: #96a84a
}
SPAN.gb2 {
	FONT-FAMILY: Tahoma; COLOR: #363c1a; FONT-SIZE: 14px
}
TD.gb2-bk {
	BACKGROUND-COLOR: #b7b899
}
TABLE.gb2-bk {
	BACKGROUND-COLOR: #b7b899
}
TD.gb2-tbar {
	BACKGROUND-COLOR: #96a84a
}
TABLE.gb2-tbar {
	BACKGROUND-COLOR: #96a84a
}
SPAN.gb3 {
	FONT-FAMILY: Georgia; COLOR: #9c6854; FONT-SIZE: 16px;
	text-align:center;
}
TD.gb3-bk {
	BACKGROUND-COLOR: #ffffff
}
TABLE.gb3-bk {
	BACKGROUND-COLOR: #ffffff
}
TD.gb3-tbar {
	BACKGROUND-COLOR: #f0f0c3
}
TABLE.gb3-tbar {
	BACKGROUND-COLOR: #f0f0c3
}
DIV.qb1 TABLE TR TD {
	TEXT-ALIGN: left; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px
}
A.lnkd {
	COLOR: #96a84a; FONT-SIZE: 10pt; TEXT-DECORATION: none
}
DIV.qb1 TABLE TR TD A:hover {
	TEXT-ALIGN: left; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #3c3d32; FONT-SIZE: 8pt; TEXT-DECORATION: none
}
DIV.qb1 TABLE TR TD A {
	TEXT-ALIGN: left; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #96a84a; FONT-SIZE: 8pt; TEXT-DECORATION: none
}
A.lnkl {
	COLOR: #9c6854; FONT-SIZE: 10pt; TEXT-DECORATION: none
}
A.lnkd:hover {
	COLOR: #3c3d32; FONT-SIZE: 10pt; TEXT-DECORATION: none
}
A.lnkl:hover {
	COLOR: #f0f0c3; FONT-SIZE: 10pt; TEXT-DECORATION: none
}
DIV.gbox1 {
	BACKGROUND-COLOR: #96a84a; 
	PADDING-BOTTOM: 5px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	PADDING-TOP: 0px;
	text-align:left;

}

DIV.gbox1 .gb-t {
	TEXT-ALIGN: center; MARGIN: 10px 0px 0px; WIDTH: 100%; DISPLAY: table
}
DIV.gbox1 #gb-fr {
	HEIGHT: 30px
}
DIV.gbox2 .gb-t {
	MARGIN: 0px
}
DIV.gbox2 #gb-tls {
	MARGIN: 0px; WIDTH: 10px; HEIGHT: 35px
}
DIV.gbox2 #gb-trs {
	WIDTH: 10px; HEIGHT: 35px
}

DIV.gbox2 #gb-mls {
	WIDTH: 10px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 113px; MARGIN-LEFT: 2px
}
DIV.gbox2 #gb-mi {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
DIV.gbox2 #gb-mrs {
	WIDTH: 10px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 113px; MARGIN-RIGHT: 2px
}
DIV.gbox2 #gb-bls {
	WIDTH: 10px; HEIGHT: 10px
}
DIV.gbox2 #gb-brs {
	WIDTH: 10px; HEIGHT: 10px
}
DIV.gbox3 .gb-t {
	MARGIN: 0px;
	text-align:center;
}
DIV.gbox3 #gb-tls {
	MARGIN: 0px; WIDTH: 10px; HEIGHT: 35px
}
DIV.gbox3 #gb-t {
	TEXT-ALIGN: left; 
}



DIV.sbbox  {
	BACKGROUND: #ffffff  ;
	PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 1px

}

#menu-main {
	TEXT-ALIGN: center; MARGIN-BOTTOM: 10px
}
#menu-sub {
	TEXT-ALIGN: center; MARGIN-BOTTOM: 10px
}


DIV#mu1 UL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
DIV#mu1 LI {
	LIST-STYLE-TYPE: none; MARGIN: 0px 1px 0px 0px; DISPLAY: inline
}
DIV#mu1 A {
	BORDER-BOTTOM: #96a84a 1px solid; TEXT-ALIGN: center; 
	BORDER-LEFT: #96a84a 1px solid; PADDING-BOTTOM: 5px; 
	BACKGROUND-COLOR: #9c6854; MARGIN: 0px 1px 1px 0px; 
	PADDING-LEFT: 10px; PADDING-RIGHT: 10px; /*controls width of top menu buttons*/
	FLOAT: left; 
	/*COLOR: #96a84a; */
	COLOR: #BCED91; 
	FONT-SIZE: 10pt; BORDER-TOP: #96a84a 1px solid; 
	FONT-WEIGHT: normal; BORDER-RIGHT: #96a84a 1px solid; 
	TEXT-DECORATION: none; PADDING-TOP: 5px
}
DIV#mu1 A:hover {
	BACKGROUND-COLOR: #f0f0c3; COLOR: #3c3d32
}
DIV#mu1 A.sel {
	BACKGROUND-COLOR: #f0f0c3; COLOR: #363c1a
}
DIV#mu1 A.sel:hover {
	BACKGROUND-COLOR: #f0f0c3
}
DIV#mu1 A SPAN {
	DISPLAY: block
}
DIV#mu2 UL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
DIV#mu2 LI {
	LIST-STYLE-TYPE: none; MARGIN: 0px; DISPLAY: inline
}
DIV#mu2 A {
	TEXT-ALIGN: center; PADDING-BOTTOM: 5px; MARGIN: 0px 1px 1px 0px; 
	PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: block; 
	HEIGHT: 30px; COLOR: #b7b899; FONT-SIZE: 12pt; FONT-WEIGHT: normal; 
	TEXT-DECORATION: none; PADDING-TOP: 5px
}
DIV#mu2 A:hover {
	BACKGROUND-COLOR: #f0f0c3; COLOR: #3c3d32
}
DIV#mu2 A.sel {
	BACKGROUND-COLOR: #3c3d32; COLOR: #b7b899
}
DIV#mu2 A.sel:hover {
	BACKGROUND-COLOR: #3c3d32; COLOR: #9c6854
}
DIV#mu2 A SPAN {
	LINE-HEIGHT: 30px; DISPLAY: block
}

DIV.esbcContent-menu {
	BACKGROUND-COLOR: #96a84a; MARGIN: 8px 0px
}
DIV.esbcMID {
	PADDING-BOTTOM: 10px; BACKGROUND-COLOR: #d2dbaf; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px
}
.ococSPACE {
	LINE-HEIGHT: 0px; WIDTH: 19px; HEIGHT: 19px
}
DIV#fmenu-wrap {
	TEXT-ALIGN: center; PADDING-BOTTOM: 2px; BACKGROUND-COLOR: #d2dbaf; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px
}
SPAN#fmenu {
	DISPLAY: inline
}
SPAN#fmenu UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-TOP: 0px
}
SPAN#fmenu UL LI {
	DISPLAY: inline
}
SPAN#fmenu UL LI A {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #363c1a; MARGIN-LEFT: 1px; FONT-SIZE: 10pt; TEXT-DECORATION: none; PADDING-TOP: 5px
}
SPAN#fmenu UL LI A:hover {
	COLOR: #96a84a
}
#ftext-wrap {
	PADDING-BOTTOM: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-RIGHT: 10px; 
	PADDING-TOP: 10px;
    TEXT-ALIGN: center; 
    DISPLAY: block
}
#powered {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 3px
}
.df {
	LINE-HEIGHT: 1.5; FONT-FAMILY: Tahoma; FONT-SIZE: 9pt
}
DIV#fmenu-wrap {
	BACKGROUND-COLOR: #f0f0c3
}

.updatedTag 
{
  text-align:right;
  width:100%;   
  color:Gray;
}
.searchdetail 
{
font-style:normal;
 font-family:Calibri;
 font-size:	10;
 margin-left:10px;
 padding-left:20px;
 
 
}

/* from membership */

.Border /*used on tables and gridview*/
{
	/*background-color: #C9D0EA; border-top: #FF6D00 1px solid;*/
	background-color: #FAFAD2; /*border-top: #FF6D00 1px solid;*/

	border-right: #666666 1px solid;
	border-left: #666666 1px solid;
	border-bottom: #666666 1px solid;
	border-top: #666666 1px solid;
	border: solid 1px #003366;
}



.lbl  /* used on all labels */
{
	font-weight: bold;
}

.Message  /* used on validation messages */
{
	color: #990000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}



.HeaderCell
{
	/* used on tables and gridview headers */
	background-color: #D2B48C;
	color: #ffffff;
	font-weight: bold;
	height: 20px;
	font-size: 13px;
}


