/* *******************************

Orchid customstyles.css, Version 1.0

JB01
******************************** */


html {background-color:#BCBDC0 !important;}

body {
font-family:Arial, Arial, Helvetica, sans-serif ;
background-color:#BCBDC0 !important;
}


div#sitecontainer {
background: #fff; 
width:899px;
margin:0 auto;	
border:none;
background:#fff url(http://www.opei.org/ht/a/GetImageAction/i/345) bottom no-repeat;
}
.clearfix {
clear:both !important; 
padding:0 !important;
margin:0 !important;
}
#hdr {
width:899px;
height:90px;
}
#logo {
float:left;
background: url(http://www.opei.org/ht/a/GetImageAction/i/646) no-repeat;
}
#logo a {
display:block;
width:160px;
height:90px;
color:#fff;
}
#hdr .bling-login {
float:right;
width:300px
}
#hdr .bling-login form{
margin:0;
}
#hdr .bling-login h6 {
margin:35px 0 0 0;
padding:0;
color:#679840;
font-size:13px;
font-family:Trebuchet MS, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:600;
}
#hdr .bling-login #login_field input {
width:125px !important;
border: solid #BCBDC0 1px;
height:14px;
}
#hdr .bling-login #login_field input.submit {
width:25px !important;
height:20px;
background:#679840;
font-size:10px;
border: solid #fff 1px;
font-weight: bold;
color:#fff;
}
#hdr ul#login_label{
padding:0;
margin:0;
}
#hdr ul#login_label li{
float: left;
list-style-type:none;
padding:0;
margin:0 2px 0 0;
width:129px;
font-size:10px;
color:#808285;
}
#masthead {
height:65px;
width:899px;
margin:0 0 16px 0;
}
#masthead span.mastheadtxt {
line-height:65px;
margin:0 0 0 53px;
font-size:30px;
color:#fff;
font-family:"Myriad Pro" Trebuchet MS, Helvetica, sans-serif !important;
text-transform:uppercase;
}


#main {
    float: left;
    width:450px;
    margin:0 0 0 0;
    color:#717175;
    line-height:20px;
    padding:5px 0 40px 40px;
    border: solid #DEDEDE;
    border-width: 0 0 0 1px;
}
/*\*/ * html #main { margin-left: -5px; } /**/
span.printerfriendly {display:none;}

#main h1 {
	margin:0 0 25px 0!important;
        padding:0;
        color:#679840;
        font-family:Trebuchet MS, Helvetica, sans-serif;
        text-align: left;
        font-weight: 600;
        background:none;
        border:none;
        font-size:18px;
}

strong {
	color: #999;
	}

#footer {
    margin: 0 auto;
    color: #ffffff;
    clear: both;
    text-align: center;
    width:899px;
    border-top: solid #BCBDC0 10px;
    background:#808285;
    height:auto;
    padding:5px 0;
}

#footer .address {
    margin: 0 auto;
    color: #ffffff;
    clear: both;
    text-align: center;
    width:879px;
    background:#808285;
    text-align:right;
    font-weight:normal;
    font-size:11px;
    font-weight:300;
}
#footer .address strong{
    margin: 0 auto;
    color: #ffffff;
    font-weight:bold;
    text-transform:uppercase;
}

#footer .address b {
	font-family: verdana, sans-serif;
	}

#footer .address a {
	color: #ccc;
	}


/* *******************************

HOVER

The color needs an !important to overrule the normal link colors, which are set on
a selector containing an ID. Normally ID overrides CLASS, but in this specific instance
we don't want that.

******************************* */

.nav div a hover {
	color: #1E2472 !important;
	background-color: #cccccc;
}

#main a {
	text-decoration: underline;
        color:#4A720F;
}

#main a:hover {
	color: #9A0000;
	background-color: #cccccc;
	text-decoration: none !important;
}


/* *******************************

TOP NAVIGATION

ISSUE: Nav height.

******************************* */


#nav1 a {
	color: #ffffff;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: 600;
	border:none;
}

#nav1 a hover {
	border-style: inset;
}
#nav1 ul li a strong {display:none;}
#nav1 div a {
	color: #003399;
	font-weight: 300;
	border: none !important;
}

a#contribute {
	background-color: #000033;
	border: 2px solid #000033;
}

.nav ul {
    margin: 0;
    padding: 0;
}

.nav li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav a {
    text-decoration: none;
}

.nav li div a {
    display: block;
    width: 122px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
}

#nav1 {
    width: 899px;
    height: auto;
    margin: 0 auto;
    border:solid #BCBDC0;
    border-width: 10px 0;
    background:#808080 url(http://www.opei.org/ht/a/GetImageAction/i/296) repeat-x;
    
}
#nav1 ul {
    border:none;
    padding:0 0 0 42px !important;
    height:auto;
    
}
#nav1 li {
    float: left;
    margin-left:0;

}

#nav1 li a{
    font-weight:normal;
    margin: 0;
    padding: 0 0 0 10px !important;
    font-size: 12px;
    line-height:30px;
    text-transform:uppercase;
    display:block;
    height:30px;
    
    
}
#nav1 li a:hover{
    background:#949494;
}
#nav1 li span {
display:block;
height:auto;
margin:6px 0 15px 0;
border-left: solid #9D9D9D 1px;
min-height:110px;
_height:110px;
}

#nav1 li span a {
display:block;
text-align:left;
font-size:10px;
font-family:Arial, Arial, Helvetica, sans-serif;
height:18px;
line-height:18px;
background:none !important;
color:#fff !important;
}
#nav1 li span a:hover {color:#2E2E2E !important;}

/* nav 1 specific widths */
#nav1 li.Home {display:none;}

#nav1 li.Aboux {width:115px;}
#nav1 li.Aboux a{width:105px;}

#nav1 li.Educx {width:165px;}
#nav1 li.Educx a{width:155px; }

#nav1 li.Advox {width:141px;}
#nav1 li.Advox a {width:131px;}

#nav1 li.Commx {width:165px;}
#nav1 li.Commx a {width:155px;}

#nav1 li.Evenx {width:128px;}
#nav1 li.Evenx a {width:118px;}

#nav1 li.Newsx {width:128px;}
#nav1 li.Newsx {width:118px;}

/* nav 1 and active states top level*/

/* about*/
 #nav1 li.Aboux a {
background:#666 url(http://www.opei.org/ht/a/GetImageAction/i/608) no-repeat;
background-position: 10px 0px;
color:transparent ;
}
 #nav1 li.Aboux a:hover {
background:#949494 url(http://www.opei.org/ht/a/GetImageAction/i/608) no-repeat;
background-position: 10px -30px;
color:transparent ;
}

.body_180 #nav1 li.Aboux {
background:#a6a6a6 ;

}
.body_180 #nav1 li.Aboux a{
background:#949494 url(http://www.opei.org/ht/a/GetImageAction/i/608) no-repeat;
background-position: 10px -30px;
color:transparent ;

}

/* safety */
 #nav1 li.Educx a {
background:#666 url(http://www.opei.org/ht/a/GetImageAction/i/1313) no-repeat;
background-position: 10px 0px;
color:transparent ;
}
 #nav1 li.Educx a:hover {
background:#949494 url(http://www.opei.org/ht/a/GetImageAction/i/1313) no-repeat;
background-position: 10px -30px;
color:transparent ;
}

.body_181 #nav1 li.Educx {
background:#a6a6a6
}
.body_181 #nav1 li.Educx a{
background:#949494 url(http://www.opei.org/ht/a/GetImageAction/i/1313) no-repeat;
background-position: 10px -30px;
color:transparent ;

}

/* advocacy */
#nav1 li.Advox a {
background:#666 url(http://www.opei.org/ht/a/GetImageAction/i/609) no-repeat;
background-position: 10px 0px;
color:transparent ;
}
 #nav1 li.Advox a:hover {
background:#949494 url(http://www.opei.org/ht/a/GetImageAction/i/609) no-repeat;
background-position: 10px -30px;
color:transparent ;
}
.body_182 #nav1 li.Advox {
background:#a6a6a6
}
.body_182 #nav1 li.Advox a{
background:#949494 url(http://www.opei.org/ht/a/GetImageAction/i/609) no-repeat;
background-position: 10px -30px;
color:transparent ;
}
/* Opei membership */
#nav1 li.Commx a {
background:#666 url(http://www.opei.org/ht/a/GetImageAction/i/612) no-repeat;
background-position: 10px 0px;
color:transparent ;
}
 #nav1 li.Commx a:hover {
background:#949494 url(http://www.opei.org/ht/a/GetImageAction/i/612) no-repeat;
background-position: 10px -30px;
color:transparent ;
}
.body_183 #nav1 li.Commx {
background:#a6a6a6
}
.body_183 #nav1 li.Commx a{
background:#949494 url(http://www.opei.org/ht/a/GetImageAction/i/612) no-repeat;
background-position: 10px -30px;
color:transparent ;
}

/* GIE */
#nav1 li.Evenx a {
background:#666 url(http://www.opei.org/ht/a/GetImageAction/i/1308) no-repeat;
background-position: 10px 0px;
color:transparent ;
}
 #nav1 li.Evenx a:hover {
background:#949494 url(http://www.opei.org/ht/a/GetImageAction/i/1308) no-repeat;
background-position: 10px -30px;
color:transparent ;
}
.body_184 #nav1 li.Evenx {
background:#a6a6a6
}
.body_184 #nav1 li.Evenx a{
background:#949494 url(http://www.opei.org/ht/a/GetImageAction/i/1308) no-repeat;
background-position: 10px -30px;
color:transparent ;
}

/* newsroom */
#nav1 li.Newsx a {
background:#666 url(http://www.opei.org/ht/a/GetImageAction/i/611) no-repeat;
background-position: 10px 0px;
color:transparent ;
}
 #nav1 li.Newsx a:hover {
background:#949494 url(http://www.opei.org/ht/a/GetImageAction/i/611) no-repeat;
background-position: 10px -30px;
color:transparent ;
}
.body_185 #nav1 li.Newsx {
background:#a6a6a6
}
.body_185 #nav1 li.News a{
background:#949494 url(http://www.opei.org/ht/a/GetImageAction/i/611) no-repeat;
background-position: 10px -30px;
color:transparent ;
}

#nav1 ul li span a.activelink {
color:#2E2E2E !important;
}


#nav1 a {
    width: auto;
    height: 13px;
    display: block;
    text-align: center;
}

#nav1 div a {
    text-align: left;
    width: 100px;
    height: auto;
}


/* *******************************

LEFT NAVIGATION

******************************* */


#nav2 {
font-family:Trebuchet MS, Helvetica, sans-serif;

}

#nav2 a {
 color:#4A720F;
 font-weight:bold;
 margin:0;
 padding:0;
 border:none;
}

ul.attention {


}

#nav2 ul.attention a {
	color: #003;
}

a#special1 {

}

#nav2 {
    float: left;
    width: 215px;
    padding:0;
    margin:0 5px 0 5px;
    padding:0 5px
    background:none;
  
}

#nav2 ul li {
	display: block;
	list-style-type: none;
	text-align: left; 
	margin: 10px; 
	padding:0;
        font-size:14px;
        text-transform:uppercase;
   
}
#nav2 ul li ul li{
	display: block;
	list-style-type: none;
	text-align: left; 
	margin: 5px 20px; 
	padding:0;
        font-size:12px;
        font-family:Arial, Arial, Helvetica, sans-serif;
           
}
#nav2 ul li ul li a{
color:#6D902C;
}
#nav2 ul li ul li a:hover{
color:#4A720F;
}


#nav2 ul.attention {
    margin: 6px;
}

#nav2 ul.attention li {
    margin: 0;
    padding-bottom: 4px;
}

#nav2 ul.attention li a {
    background-image: none;
    display: inline-block;
    padding-left: 10px;
}

#nav2 ul.textsize {
    margin-top: 30px;
}

/* *******************************

HEADERS

******************************* */
h1 {
	line-height:	110%;
    font-size: 100%;
    background-color: #cccccc;
    padding: 1px;
    color: #ffffff;
    border: 1px solid #000000;
}

h2 {
	margin:0 0 25px 0!important;
        padding:0 !important;
        color:#679840;
        font-family:Trebuchet MS, Helvetica, sans-serif;
        text-align: left;
        font-weight: 600 !important;
        background:none;
        border:none;
        font-size:18px !important;
text-align: left;
}

h3 {
    font-size: 120%;
    color: #4A720F;
    background-repeat: no-repeat;
    background-position: 2px 5px;
    padding-left: 0px;
}

h4 {
    font-size: 100%;
    margin: 0;
}

/* *******************************

HEADERS HOME

For Alert Messages and Features

******************************* */

.homealertmsg {
	text-align: center;
	color: #ff0000;
}

.homealertmsg a {
	text-decoration: none;
}


.threecolumn h2 {
	font-size: 130%;
	padding: 5px;
	padding-left: 10px;
}

.homealertmsg h2,.homefeature h2 {
	background-color: #9A0000;
}

body.threecolumn h1 {
	line-height:	110%;
	text-align: center;
	background-color: #1E2472;
	color: #ffffff;
	padding: 0px;
}

/* *******************************

EXTRA

Third column, if any. 

******************************* */

#extra {
        display:none;
	text-align: center;
	width: 130px;
	padding-right: 2px;
	padding-bottom: 0px;
	background: url(http://orchidsuites.net/orchid/skins/JB01-1/images/extrabg.jpg);
	border-left: 1px solid #55000B;
}

#extra a {
	color: #003;
}

/* *******************************

HOMEPAGE

Special styles for the homepage

******************************* */

#main div.releases a {
	color: #9A0000;
}

#bodyHome #masthead{
border-bottom:solid #BCBDC0 10px;
margin:0;
padding:0;
height:220px;
width:899px
}
}
#bodyHome #masthead img {
display:block;
}
#bodyHome #sitecontainer {


background: #fff url(http://www.opei.org/ht/a/GetImageAction/i/303) repeat-x bottom;
}
#bodyHome #nav1 li span {
display:none;
}
#bodyHome #nav2 {display:none}

#bodyHome #main {
width:841px !important; 
margin:0 29px !important;
padding:35px 0 0px 0!important;
color:#717175;
float:none;
height:auto !important;
border:none;
}


#bodyHome #main h1 {
font-size:16px;
margin:0 0 10px 0 !important;
padding:0;
text-align:right;
text-transform:uppercase;
font-weight:bold;
}
#bodyHome #lftBx{
font-size:16px;
margin:0 20px 0 0 !important;
padding:0;
width: 179px;
text-align:right;
float:left;
text-transform:uppercase;
font-weight:bold;
}
#bodyHome #main #HomeContent {
float:left;
width:580px;
padding:0 0 0 20px;
border-left: solid #679840 1px;
line-height:20px;
margin:0 0 35px 0 !important;
}
#bodyHome #extra {
display:block;
background:none;
border:none;
float:none;
clear:both;
width:860px;
margin:0 auto;
padding:0;
height:auto !important;
min-height:150px !important;
_height:150px !important;
}
#bodyHome #extra #blings{
width:188px;
float:left;
border-right: solid #fff 6px;
text-align:left;
padding:0 10px 30px 10px;
color:#717175;
font-size:11px;
height:auto !important;
min-height:150px !important;
_height:150px !important;
}
#bodyHome #extra #blings.last {
border:none;
}
#bodyHome #extra #blings h2{
background:url(http://www.opei.org/ht/a/GetImageAction/i/1338) no-repeat;
font-family:Trebuchet MS, Helvetica, sans-serif;
padding:0 0 0 2px !important;
margin:0 -10px 20px -10px !important;
border: 0;
height:22px;
line-height:22px;
color:#fff;
text-align:left;
font-weight:600;
}
#bodyHome #extra #blings h2 font{
padding: 0 !important;
font-weight:normal;
}
#bodyHome #extra #blings h2 a {
margin: 0 !important;
border: 0;
height:22px;
line-height:22px;
color:#fff;
text-align:left !important;
font-weight:normal;
display: inline;
text-decoration: none;
}
#bodyHome #extra #blings h2 strong {
color:#3F6F35;
font-weight:normal !important;
}
#bodyHome #extra #blings h2 a strong {
color:#3F6F35;
font-weight:600;
}
#bodyHome #extra #blings p  {
margin:0 !important;
padding:0 !important;
color:#717175;
}

#bodyHome #home_bling p strong {
display:none;
}
/* specific color scheme based on top pages */


/*about generic green style no syles needed */

/* safety and education -- yellow */
.body_181 #main h1 {
color:#E9A530;

.body_181 #main a {
color:#E9A530 !important;
}
}

/* safety and advocacy -- blue */
.body_182 #main h1 {
color:#0F73B2;
}
.body_182 #main a {
color:#0F73B2;
}

/*opei membership generic green style no syles needed */

/* GIE expo -- yellow */
.body_184 #main h1 {
color:#E9A530;
}
.body_184 #main a {
color:#E9A530;
}
/*----------------------------
  newsroom -- blue
  changed to red -- 10/08/2008
------------------------------*/
.body_187 #main h1 {
color:#970202;
}
.body_187 #main a {
color:#970202;
}


/* staff styles */

#main #titleli {
 font-size:16px;
 display:block;
}
#main #staffTitle {
 font-size:12px;
 font-weight:normal;
 line-height:15px;
}
#main #emailli {
 font-weight:normal;
}
#main table {
 width:100%;
}
#main .heading2{
 border:none;
 background:none;
 font-size:18px;
 font-weight: bold;
 color:#679840;
 text-align:left;
}
#main .heading2 strong{
 border:none;
 background:none;
 font-size:18px;
 font-weight: bold;
 color:#508229;
 text-align:left;
}
#nav2 ul span ul li #titleli a {
font-size:12px;
display: block;
	list-style-type: none;
	text-align: left; 
	margin: 5px 20px; 
	padding:0;
        font-size:12px;
        font-family:Arial, Arial, Helvetica, sans-serif;
           
}
#nav2 span.itemname {height:10px !important;}

#nav2 #staffTitle {display:none}
#nav2 #emailli {display:none}



/* hide level 2 on nav 2  and hover state of nav 2*/
#nav2 a:hover {color:#639204;}
#nav2.nav ul span a {display:none;}
#nav2.nav ul span ul li a{display:block;}



/* about opei style */
#body_180 #main h2 {
 border:none;
 background:none;
 font-size:18px;
 font-weight: bold;
 color:#679840;
}
#body_180 #main h2  {
 border:none;
 background:none;
 font-size:18px;
 font-weight: bold;
 color:#679840;
}

span.mastheadtxt {display:none;}


/*==========================
  ADDED: 10202008-RBF
  Fix cutoff masthead
============================*/
.EditMemberProfile div#masthead,
.Login div#masthead,
.DeactivateAccount div#masthead { 
  height:65px !important;
  background:url(http://www.opei.org/ht/a/GetImageAction/i/617) !important;
}

#letterbarnav {
  text-transform:uppercase;
  font-weight:bold;
  font-size:1.4em;
}
/* MEMBERSHIP FORM */
#join table .memTab {
margin-top: 20px !important;
}
.memHead {
display: inline;
}
#memCrBx{
margin-left: 30px;
padding: 10px;
border: 2px solid #679840;
}

#memCrBx h5{
font-size: 12px;
margin: 0 !important;
}
#MemdirBx ul li, #OrgdirBx ul li{
list-style: none;
}


/* quick header fix */
#bodysp1300 #masthead {
background:url(http://www.opei.org/ht/a/GetImageAction/i/1797) !important;
}

/* Organization Directory */
#main #dirBx,
#main #dirBx li {
	padding:0px;
	margin:0px;
}
#main #dirBx li form {
	display:inline;
}
#main #dirBx li {
	list-style:disc outside;
}


/**** powered by orchid CSS (color) ****/
#powered a, #powered a:hover {
  display:block;
  height:28px;
  background-image:url(http://www.orchidconnect.com/images/orchidconnect-colored.png);
  background-repeat:no-repeat;
  background-position:center top;
  text-indent:-999em;
  text-decoration:none;
  border:0;
}

/* Additional style for the Featured Release */

.homefeature{
margin-bottom: 20px;
}
.homefeature h2{
background: none;
color:#679840;
font-family:Trebuchet MS, Helvetica, sans-serif;
font-weight: normal !important;
margin: 0 0 5px 0 !important;
}