/* *******************************

Orchid customstyles.css, Version 1.0

JB01
******************************* */

body {
	background-color: #efefef;
	font: Arial !important;
padding:20px 0 0 0;
margin:0;
}
#logo {
float: right;
width: 187px;
height: 20px;
color: #fff;
background-color: #fff;
padding:0;
margin:0;
}
* html #logo {
margin-bottom:-500px !important;
}
h4.dateoR {
background:#31316c;
color:#fff !important;
font:9pt Arial;
text-align:center;
padding:6px 0 6px 0;
margin:0;
width:187px;
}

div#sitecontainer {
margin:0 auto !important;
padding:0 !important;
width:950px;
background:#fff;
border:solid 1px #c0c0c0;
}
#backOrang {
background:url(http://www.bepreparedbeready.org/sites/coop/ht/a/GetImageAction/i/298) repeat-y left top;
}
.nfoot {
height:17px;
background:#80ddb1;
overflow:hidden;
padding:8px 10px 0 10px;
margin:0;
}
.nfoot p, .nfoot a {
margin:0;
padding:0;
color:#fff;
font:7pt Arial;
}
.nfoot p.nfleft {
float:left;
font-size: 100%;
color: #31326B;
}
.nfoot p.nfright {
float:right;
font-size: 100%;
color: #31326B;
}
.xbox {
clear:both;
height:176px;
background:url(http://www.bepreparedbeready.org/sites/coop/ht/a/GetImageAction/i/296) repeat-x left top;
}
#main {
margin:0 !important;
padding:27px 40px 10px 40px !important;
float:left !important;
width:501px !important;
height:auto !important;
}
body.threecolumn #main{
width : 501px ! important;
} 
#main h1 {
color:#31316c;
padding:0 !importan;
margin:0 0 15px 0 !important;
background:none !important;
border:none !important;
text-align:left;
font-size: 150%;
}


strong {
	color: #999;
	}

#footer {
	margin 0 auto;
		color: #efefef;
    clear: both;
    padding-left: 2px;
    padding-top: 0px;
    text-align: center;

}

#footer .address b {
	font-family: verdana, sans-serif;
	}

#footer .address a {
	color: #efefef;
	}


/* *******************************

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;
font-weight: bold;
}

#main a hover {
	color: #9A0000;
	background-color: #cccccc;
	text-decoration: underline;
}


/* *******************************

TOP NAVIGATION

ISSUE: Nav height.

******************************* */

#nav1 {
overflow:visible !important;
margin:0 -31px 25px -31px !important;
padding:18px 31px 0 31px !important;
width:100% !important;
height:auto !important;
background:url(http://www.bepreparedbeready.org/sites/coop/ht/a/GetImageAction/i/297) no-repeat left top;
font: 140% Arial;
font-weight: bold;
}
#nav1 ul {
margin:0 !important;
padding:0 !important;
}
#nav1 ul li {
margin:0 !important;
padding:0 0 3px 0 !important;
list-style:none !important;
float:none !important;
display:block !important;
}

#nav1 ul li a:active, #nav1 ul li a:link, #nav1 ul li a:visited {
display:inline !important;
color:#31316c;
text-decoration:none;
}
#nav1 ul li a:hover {
display:inline !important;
color:#31316c;
text-decoration:underline;
}
#nav1 div a {
	color: #003399;
	font-weight: 300;
	border: none !important;
}
a#contribute {
	background-color: #000033;
	border: 2px solid #000033;
}
.nav li div a {
    display: block;
    width: 122px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
}

#nav1 div a {
    text-align: left;
    width: 100px;
    height: auto;
}


/* *******************************

LEFT NAVIGATION

******************************* */


#nav2 {
margin:0 !important;
padding:242px 25px 0 25px !important;
width:131px !important;
float:left !important;
background:#31316c url(http://www.bepreparedbeready.org/sites/coop/ht/a/GetImageAction/i/299) no-repeat left top;
font:120% Arial;
height:480px!important;
}
#nav2 ul {
margin:0 0 0 0 !important;
padding:0 !important;
}
#nav2 ul li {
margin:0 !important;
padding:0 0 17px 0 !important;
}
#nav2 ul li a {
margin:0 !important;
padding:0 !important;
color:#FFF;
}
#nav2 div a {
	font-weight: 300;
}

ul.attention {


}

#nav2 ul.attention a {
	color: #003;
}

a#special1 {

}


#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;
}

#nav2 a img {
margin-top: 0px;
float:left !important;
margin-bottom: 20px;

}

/* *******************************

HEADERS

******************************* */
h1 {
	line-height:	110%;
    font-size: 100%;
    background-color: #cccccc;
    padding: 1px;
    color: #ffffff;
    border: 1px solid #000000;
}

h2 {
	font-weight: normal;
    font-size: 100%;
    background-color: #cccccc;
    padding: 0px 0px 0px 0px;
    color: #003;
	line-height: 10px;
	border-top: none;
	border-right: none;
	border-left: none;
    border-bottom: 1px dotted #003;
}

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 {
padding:0 17px 0 17px !important;
margin:0 !important;
width:153px !important;
height:auto !important;
font:8pt Arial;
text-align:left;
}
#extra a {
	color: #999;
margin:0 !important;
padding:0 !important;
}

/* *******************************

HOMEPAGE

Special styles for the homepage

******************************* */

#main div.releases a {
	color: #9A0000;
}

.address strong{
color: #efefef;}

.address {
color: #efefef;}


#nav2 div.foldOut {
	left: 140px;
	width: 190px;
}
.bling-search, .bling-search form {
margin:0 !important;
padding:0 !important;
}
.bling-search-box {
width:128px;
background-color:#31316C;
border-top:1px solid #fff;
border-left:1px solid #31316C;
border-right:1px solid #FFF;
border-bottom:1px solid #31316C;
color:#fff;
}
* html .bling-search-box {
height:14px !important;
}
.bling-search-button {
width:52px;
background-color:#31316C;
border-top:1px solid #fff;
border-left:1px solid #31316C;
border-right:1px solid #31316C;
border-bottom:1px solid #31316C;
color:#fff;
}