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

Orchid customstyles.css, Version 1.0

JB01
******************************* */
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, strong, 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;
	vertical-align: baseline;
}


body {
	background: #5381bf ;
margin-bottom:0 !important;
	font-family: Arial, Arial, Helvetica, sans-serif !important;
	}

div#sitecontainer {
background: #c3d3ea url(http://www.oceanfdn.org/ht/a/GetImageAction/i/422) repeat-y;
width:1056px;
height: 100% !important;
border: solid #fff 3px;

}

#main {
    float: left !important;
    width: 750px !important;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px !important;
	padding-bottom: 0px;
margin:0 0 0 3px !important;
background:url(http://www.oceanfdn.org/ht/a/GetImageAction/i/412) no-repeat;
}

#main div div div{margin-left:8px;}
#main h1, #main h2 {
background-color: #fff;
font-weight: normal;
color: #3e6ba6;
border: 0px solid #000000;
line-height:25px;
margin:0 0 10px 0;
}
#main h2 {
color: #3e6ba6;
background:none;
border:0px;
line-height:25px;
margin:0 0 10px 0;
font-size:24px;
}



#foot {
margin-left:186px;
padding-left:10px;
color:#2b5891;
font-size:11px;
margin-bottom:10px;
}
#foot a {text-decoration:none; color:#2b5891 !important; font-weight:bold;}
#foot a:hover {text-decoration:underline; }
#foot span {
float:left;
margin-right:10px;
}
#foot div strong {
line-height:17px;
height:17px;
display:block;
margin:0 !important;
}
#foot div p{
line-height:17px;
height:17px;
display:block;
margin:0 !important;
}
#footer {
display:none;
}

.address{
display:none;
	}
#powered {

	}


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

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 {
background-color: #c3d4e8;
height:26px !important;
width:870px !important;
border-top:solid #fff 3px;
border-bottom:solid #fff 3px;
float:right;
}
#nav1 ul{
padding:0 15px;
margin:0;
width:auto !important;
}
#nav1 ul li {
width:auto !important;
margin-left:0px;
margin-right:20px !important;
float:left;
}
#nav1 ul li a, #nav1 ul li a:visited{
width: auto !important;
font-size:13px !important;
display:block;
line-height:26px;
height:26px;
font-family: Arial, Arial, Helvetica, sans-serif !important;
color:#406da8;
padding:0 0 0 12px !important;
background:url(http://www.oceanfdn.org/ht/a/GetImageAction/i/413) no-repeat  0px 8px;
text-align:left !important;
}
#nav1 ul li a:hover {
color:#fff;
}
/* fix for ie */
#sitecontainer #nav1.nav ul li.Home_0 a { width: 40px !important; }
#sitecontainer #nav1.nav ul li.Servx_1 a { width: 170px !important; }
#sitecontainer #nav1.nav ul li.Infox_2 a { width: 129px !important; }
#sitecontainer #nav1.nav ul li.Infox_3 a { width: 265px !important; }
#sitecontainer #nav1.nav ul li.Searx_4 a { width: 50px !important; }
#nav1.nav li.Infox_1 { width:140px !important; }
#nav1.nav li.Servx_2 { width:180px !important; }



#nav1 a {
	color: #ffffff;
	font-family: 'gill sans','trebuchet ms', trebuchet, arial, sans-serif;
	font-weight: 600;
border:none;
}

#nav1 a hover {
	border-style: inset;
}

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



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

LEFT NAVIGATION

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


#nav2 {
border-top: solid #fff 3px;
width:183px !important;
background:#5381bf;
padding-top:0 !important;

}
#nav2 ul {
border-bottom: solid #fff 1px !important;
background:#e9e9e9;
margin:0 !important;

}
#nav2 ul li {
margin:0 !important;
padding:0 !important;
height:auto !important;
border-bottom:solid #fff 2px;
}



#nav2 ul li a{
font-family:"Century Gothic",Verdana,Arial;
color:#000;
font-weight:bold;
font-variant:small-caps;
display:block !important;
margin:0 !important;
font-size:14px;
padding:9px 15px 9px 15px;
background:url(http://www.oceanfdn.org/ht/a/GetImageAction/i/414) no-repeat 98% 50% #fff;
width:153px;

}
#nav2 ul li a:hover {

background-image:none;
background-color:#5381c0;
font-size:14px;
padding:9px 15px 9px 15px;
color:#fff;

}

#nav2 ul li div{
border:none;
padding:0 !important;
margin:10px !important;
width: 183px
position:absolute;
top:-13px !important;
left:175px !important;
border: solid #e9e9e9 1px;
border-bottom:none !important;



}
#nav2 ul li div a {
background-image:none;
width:auto !important;
}

ul.attention {


}

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

a#special1 {

}

#nav2 {
    float: left;
    width: 180px;
    padding-top: 20px;
}



#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 {

    font-size: 24px;
    background: none !important;
    padding: 1px;
    color: #ffffff;
text-align:left !important;

}

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

#extra a {
	color: #003;
}

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

HOMEPAGE

Special styles for the homepage

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


#main .homebanner {
background:url(http://www.oceanfdn.org/ht/a/GetImageAction/i/454) no-repeat !important;
height:211px;
padding:70px 0px 0 210px;
margin-top:0px !important;
margin-left:-11px !important;
width:660px;
color:#fff;
font-weight:bold;
font-size:14px;
}
#main .homebanner .intro {
float:left;
width:375px;
}
.exploresite {
float:right;
width:225px;
color:#C3D3E9;
margin-top:-35px;
margin-right:25px;

}
.exploresite p {
font-size:11px;
color:#fff;

}
.exploresite ul li {
margin:5px 0 0 15px;
list-style:square;
}
.exploresite ul li a {
color:#fff !important;
}
.exploresite ul li a:hover {
text-decoration:underline !important;
}

#main .homebanner .tellus a {
display:block;
margin:10px 0 0 65px;
width:275px;
height:45px;
overflow:hidden;
text-indent:-9999px
}
body#Home #main {
background-position: 0px 281px !important;
height:425px;
width:660px !important;
}
body#Home #main h1{display:none;}




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


/* bling-joinform */

#nav2 .bling-joinform {
background:url(http://www.oceanfdn.org/ht/a/GetImageAction/i/417) no-repeat top left;
position:relative;
top:50px;
padding:0 5px;
color:#d4e3f8;
font-size:12px;
border: solid #5381BF 1px;

}
#nav2 .bling-joinform h2 {

font-family:Arial, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:600;
color:#d4e3f8;
background: none;
border:none;
padding: 23px 0 0 40px;
margin:0 0 15px 0;

}

#nav2 .bling-joinform .input {
height:17px;
width: 165px;
padding:3px !important;
font-size:14px !important;
font-family:Arial, Arial, Helvetica, sans-serif;
border:none;
margin:5px 0 0 0;
}
#nav2 .bling-joinform .submit {
margin-top:10px;
}

/* LIST */

div.BabTopicsBackground ol {
padding-left:40px;
}

div.BabTopicsBackground ul {
padding-left:40px;
}
.BabTopicsBackground p{ width:100%;}

div#main div div div div {
float:left !important;
}

div#main div div div div ul {
padding:0 0 0 40px;
}



div#main div div div div p font span ul {
width:720px !important;
}

div#main div div div div div.footquote {
font-weight:600;
width:750px;
}
div#main div div div p {
padding-top:12px;
}

div#main div div div font span.body ul {
padding:0 0 0 40px !important;
margin-bottom:20px;
}

/* ====ADDED 12-20-08 ==== */
span.body div { width:750px; }
#ulbullets { width:300px; }

div#main div div div ol {
padding:0 0 0 40px;
}

div#main div div div ol ul {
padding:0 0 0 40px;
}
td.question
{
background-color: transparent;
color : black;
}

#sp div#sitecontainer div#main div div div strong {
font-weight:600 !important;
}

div.imgcenter {
width:735px;
clear:both !important;
}


#UserHome #main div {
float:left;
}

#UserHome #main #editprof h1, #UserHome #main #tabheader {
clear:both !important;
display:block !important;
padding:15px 0 0 0;
width:700px !important;
margin:0px !important;
}

#UserHome #main .t_row, .t_row_header {
width:700px;
margin:0px !important;
}

#UserHome #main .t_data {
width:170px !important;
margin:0px !important;
}

#UserHome #main .t_data input {
width:150px;
margin:0px !important;
}
#oldAddress1 {
padding:0 0 25px 25px;
margin:0px !important;
}
#oldAddress1 .t_row {
width:700px !important;
margin:0px !important;
}

#oldAddress0 .t_data {
padding:0px 0px 0px 6px;
margin:0px !important;
}

#address_container .t_row {
width:800px; !important;
margin:0px !important;
}

#address_container .t_row .t_data hr, #phone_container .t_row .t_data hr {
width:735px;
color:#FFF !important
margin:0px !important;
}

#editprof .t_row .t_data input, #editprof .t_row .t_data select {
padding:4px 0px !important;
float:left !important;
margin:0px !important;
}


#oldAddress0 .t_data input, #oldAddress0 .t_data select #oldAddress1 .t_data input, #oldAddress1 .t_data select{
width:160px !important;
padding:0px 0px 0px 6px !important;
margin:0px !important;
}

#oldAddress0 {
margin:0px !important;
padding:0 0 0 20px;
}

#main table.givingoptions {
border:1px outset #000 !important; 
}

#main table.givingoptions td {
border:1px inset #000 !important; 
padding:4px;
}

#Home #main {
width:660px !important
background-repeat:no-repeat !important;
margin:0px !important;
position:relative;
left:4px;
_left:0px;
}

#home #main .homebanner {
background-repeat:no-repeat !important;
width:660px !important
}

.cot{
position: fixed;
right:0;
bottom:0;
}




/* IE HACK */

/*\*/ * html div#nav2.nav { border-right: 3px solid #FFF !important; } /**/
/*\*/ * html div#nav2.nav div.bling-joinform form#join input.input { width:150px !important; /**/
/*\*/ * html div#logo { background-color: #FFF !important; } /**/