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

Orchid customstyles.css, Version 1.0

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

/* start of Resetting all default browser styles */
html { font-size:100.01%; }
body { font-size:1em; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
#main p {
margin:0 0 10px;
}
/* End of Resetting all default browser styles */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
background:#445535;
}

div#sitecontainer {
width:774px;
padding:0px !important;
float:left;
background:#91995D;
border:solid 1px #000;
border-bottom:0px;
}

.topBx {
height:35px;
padding:20px;
}
.topBx a.linkBx {
float:right;
display:block;
background:#445535;
border:solid 1px #FFFF99;
font-size:0.70em;
color:#FFFF99;
text-decoration:none;
text-align:center;
width:99px;
padding:4px 0;
font-weight:bold;
}
.topBx a.linkBx:hover {
border:solid 1px #000;
background:#B9C185;
}
.header {
display:block;
font-family:serif;
color:#fff;
padding:5px 0 5px 155px;
font-size:1.25em;
width:360px;
border-right:red !important;
float:left;
}
.header2 {
font-family:serif;
font-size:1.25em;
color:#fff;
padding:25px 0 15px 60px;
display:block;
}

#main {
font-size:0.687em;
height:auto !important;
color:#666666;
}
#main a {
color:#445535;
}
#main a.linkBx, #main a.linkBx2 {
display:block;
background:#445535;
border:solid 1px #FFFF99;
font-size:1em;
color:#FFFF99;
text-decoration:none;
text-align:center;
width:84px;
padding:1px 0;
font-weight:bold;
}
#main a.linkBx2 {
width:66px;
}
#main a.linkBx:hover, #main a.linkBx2:hover {
border:solid 1px #000;
background:#B9C185;
}
#main div.bx1, #main div.bx2, #main div.bx3 {
float:left;
}
#main div.bx1, #main div.bx2 {
margin-right:8px;
}
#main div.bx3 {
width:236px;
}
#main div.bx3 a {
margin-bottom:4px;
display:block;
}
#main .small {
color:#666666;
display:block;
clear:both;
font-size:0.82em;
padding:5px 0;
text-align:center;
}

.printerfriendly {
display:none;
}
#main h1 {
background:none;
border:0px;
text-align:left;
color:#445535;
padding:0px !important;
font-size:1.365em;
font-weight:bold;
margin-bottom:16px;
}
#main h2 {
border:0px;
background:#91995D;
font-weight:bold;
color:#666;
padding:0;
text-align:center;
margin:0px;
}

strong {
	color: #666;
	}

#footBx {
border:solid 1px #000;
border-top:0px;
height:100px;
clear:both;
width:750px;
overflow:hidden;
background:#91995D;
font-size:0.862em;
padding:35px 12px 0 12px;
line-height:13px;
float:left;
}
#footBx a, #footBx,  #footBx strong {
color:#777777;
text-decoration:none;
}
#footer, #powered {
text-align:left !important;
}
#footBx .searchBx {
float:right;
padding-top:20px;
}
#footBx .searchBx .txtBx {
padding:3px 0;
}
#footBx .searchBx .bling-search-button {
padding:2px 3px;
border:solid 1px #FFFF99;
background:#445535;
color: #FFFF99;
font-weight:bold;
}
#footer {
float:left;
width:463px;
}
.address {
width:461px;
}
#powered {
float:left;
clear:both;
font-size:0.798em;
}
#powered p {
width:151px;
}


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

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: none;
}

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


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

TOP NAVIGATION

ISSUE: Nav height.

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

#nav1 {
width:744px;
background:#91995D url(http://www.olmsted.org/ht/a/GetImageAction/i/260) repeat-x bottom left;
height:22px;
padding:0 0 7px 30px;
}
#nav1 ul {
background:#91995D url(http://www.olmsted.org/ht/a/GetImageAction/i/258) no-repeat right top;
height:22px;
width:722px;
padding:0 22px 0 0;
}
#nav1 ul li a.nv-187, #nav1 ul li a.nv-188, #nav1 ul li a.nv-189, #nav1 ul li a.nv-190, #nav1 ul li a.nv-191 {
display:block;
height:22px;
overflow:hidden;
}
#nav1 ul li a.nv-187 {
width:143px;
}
#nav1 ul li a.nv-188 {
width:137px;
}
#nav1 ul li a.nv-189 {
width:123px;
}
#nav1 ul li a.nv-190 {
width:164px;
}
#nav1 ul li a.nv-191 {
width:155px;
}
#nav1 ul li a.nv-187:hover img, #nav1 ul li a.nv-188:hover img, #nav1 ul li a.nv-189:hover img, #nav1 ul li a.nv-190:hover img, #nav1 ul li a.nv-191:hover img {
display:none;
}
#nav1 ul li a.nv-187:hover {
width:143px;
background:url(http://www.olmsted.org/ht/a/GetImageAction/i/263) no-repeat left top;
}
#nav1 ul li a.nv-188:hover {
width:137px;
background:url(http://www.olmsted.org/ht/a/GetImageAction/i/266) no-repeat left top;
}
#nav1 ul li a.nv-189:hover {
width:123px;
background:url(http://www.olmsted.org/ht/a/GetImageAction/i/264) no-repeat left top;
}
#nav1 ul li a.nv-190:hover {
width:164px;
background:url(http://www.olmsted.org/ht/a/GetImageAction/i/265) no-repeat left top;
}
#nav1 ul li a.nv-191:hover {
width:155px;
background:url(http://www.olmsted.org/ht/a/GetImageAction/i/262) no-repeat left top;
}


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

LEFT NAVIGATION

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


#nav2 {
width:734px;
clear:both;
font-size:0.57em;
font-weight:bold;
padding:7px 10px 0 30px !important;
height:auto !important;
margin:0px;
}
#nav2 li {
float:left;
margin:0px !important;
text-align:center;
padding:0 15px;
overflow:hidden;
background:url(http://www.olmsted.org/ht/a/GetImageAction/i/278) no-repeat right center;
}
#nav2 li.nvb-log {
background:none;
}
#nav2 li.nvb-log a {
color:#FFFF99;
}
#nav2 li a {
display:inline !important;
padding:0px !important;
margin:0px !important;
color:#445535;
}
#nav2 li a:hover { 
text-decoration:underline;
}


#navLeft {
width:150px;
float:left;
padding:0 0 0 10px;
font-size:0.687em;
font-weight:bold;
margin-right:12px;
}
#navLeft ul li {
border-bottom:solid 1px #B9C185;
padding:10px 5px;
line-height:15px;

}
#navLeft a {
display:block;
text-decoration:none;
color:#fff;
}
#navLeft a:hover {
color:#FFFF99;
text-decoration:underline;
}
#navLeft a:visited {
color:#FFFF99;
}

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

HEADERS

******************************* */
h3 {
    font-size: 120%;
    color: #003399;
    background-image: url(http://orchidsuites.net/orchid/skins/JB01-1/images/navbullet.gif);
    background-repeat: no-repeat;
    background-position: 2px 5px;
    padding-left: 15px;
}

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;
}

#extra a {
	color: #003;
}

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

HOMEPAGE

Special styles for the homepage

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

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


.printerF {
display:block;
height:14px;
text-align:right;
margin-top:-16px;
padding:0 3px 2px 0;
}
.printerF a {
display:block;
color:#4990B1 !important;
font-weight:bold;
padding-left:16px;
display:block;
background:url(http://www.olmsted.org/ht/a/GetImageAction/i/333) no-repeat left top;
float:right;
}
.printerF a:hover {
text-decoration:underline !important;
}

/* Donation Form */
#main #donTbl {
background:#D8D694;
border:dashed 1px red;
width:656px;
margin:0 auto;
border:solid 1px #000;
}
#main #donTbl {
border:0px;
width:654px;
background:#B9C185;
color:#000 !important;
}
#main #donTbl strong {
color:#000 !important;
}
#main #donTbl h3 {
background:#445535;
font-size:1.01em;
line-height:23px;
}
#main #donTbl .donTp {
padding:7px !important;
font-size:1.82em;
font-weight:bold;
}
#main #donTbl .donTp span {
background:#454523;
display:block;
border:solid 1px #fff;
padding:1px;
}
#main #donTbl .donTp h3 {
color:#fff;
padding:10px 0;
text-align:center;
border:solid 1px #fff;
}
#main #donTbl .donDesc {
padding:7px;
}
#main #donTbl .donDesc p {
border:solid 1px #fff;
padding:15px 10px;
}
#main #donTbl .donHdr {
padding:7px 7px 10px 7px;
border-bottom:solid 1px #454523;
width:628px;
margin:0 auto;
}
#main #donTbl td.questionR, #main #donTbl td.questionL {
padding:10px 0 0 0;
}
#main .required {
color:red;
font-size:11px;
}
#main #donTbl td.questionL {
text-align:right;
width:257px;
padding-right:8px;
}
#main #donTbl td.questionR input {
width:140px;
height:16px;
}
#main #donTbl .pym {
padding-top:20px;
}
#main #donTbl .donComodo {
text-align:center;
}
#main #donTbl .jnIntro {
padding:11px;
}

#main table h3 {
font-size:1.46em;
line-height:normal;
font-weight:bold;
color:#666;
font-style:italic;
padding:5px 0 0 0;
margin:0 0 10px;
}
#main table ul {
padding:0 0 0 30px;
margin:0 0 10px;
}
#main table ul li {
list-style-type:disc;
}
#main table em {
font-style:italic;
}
#main table a:hover {
text-decoration:underline;
}
form#join  {
overflow:hidden;
}
#main #donTbl {
background:none !important;
border:0px none;
color:#000000 !important;
width:654px;
}
ol.NumBered {
padding-left:10px;
list-style-type:decimal !important;
}

/*===========================================================
  CSS for About NAOP -- Membership Benefits content2 class
  ADDED: 07032008-RBF
------------------------------------------------------------*/
div.content2 ul { padding-left:40px; padding-bottom:10px; }
div.content2 ul li { list-style-type:disc; }
/*==========================================================*/