@charset "UTF-8";
/* CSS Document */


body, div, a, p, img, ul, ol, li, h1, h2, h3, h4, h5 {border:medium none; margin:0; padding:0;} 

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
}

#content3col {_position: relative; _left: -170px;}

ol {margin: .8em 3em 1.5em 2em;} 

#overwrapper {width: 993px;}
#wrapper {width: 980px; position: relative;  margin-right: 13px; }
#screenonly img {display: none; }

#topnav {display: none;}

/* Begin code for top banners and coast line on right */

#banner {display: none;}


#coast {display: none;}
#coast p {visibility: hidden;}
#coast img {margin-top: 560px; margin-left: 0px; }


/* Wraps maincontent and rightinfo, three columns on standard pages are here; wraps everything else on the page*/

#content3col {
	margin-left: 233px; width: 740px;}

/* Main content, full page- underdevelopment*/

#contentfullpage {
	margin-top: -700px; margin-left: 233px; width: 680px;
}

/* makes cream background two columns wide*/


#maincontent {width: 474px ;float: left; background-color: #e8e0c2; padding: 10px; margin-bottom: 10px;}
#maincontent p { font-size: .9em; line-height: 1.4em; margin-bottom: 6px; }
#maincontent h2 {
	line-height: 1.2em; margin: 12px 0;
}
#maincontent ul {padding-left: 10px; margin-top: 6px;}
#maincontent li { font-size: .85em;  line-height: 1.3em; margin: .5em 1em; }





/* equal wide columns */

#leftcol {width: 220px; float: left;}

#rightcol {width: 250px; float: left;}
#rightcol p {margin-top: 20px;}

/* small righthand column */

#inforight {position: relative; float: right; width: 200px; padding: 10px; margin-bottom: 10px; right: 10px; overflow: visible;}
#inforight li, #inforight p { font-size: .85em;  line-height: 1.3em; margin: .5em 1em; }

#wildlife #inforight {background-image: url(../graphics/sidebar-green.gif); background-repeat: repeat-y; background-position: center top;}
#wildlife #inforight #infoheader {background-image: url(../graphics/see-the-bear.gif); height: 82px;}
#wildlife #inforight #infoheader h4 {visibility: hidden;}
#wildlife #bearsign {position: absolute; left: 122px; top: 24px; background-image: url(../graphics/bear-sign.gif); width: 150px; height: 150px;}

#footer {display: none; clear:both; width: 980px; position: relative; background-color: #4c564d; color:#e8e0c2; font-size: 1.4em; text-align: center; padding: .8em 0;}
#footer p {line-height: 1.3em;}
#footer a:link {text-decoration: none; color:#c69c6d;}
#footer a:hover {text-decoration: none; color:#e8e0c2;}



/* Page switcher - swaps page title and coastline graphics */
body#home #overwrapper {background-image: url(../graphics/bg-home-wrapper.gif);}
body#wildlife #banner {background-image:  url(../graphics/banner-text-reconnecting-wildlife.gif);}
body#wildlife #coast {background-image: url(../graphics/coast-reconnecting-wildlife.gif); top: 31px;}

body#action #banner {background-image:  url(../graphics/banner-text-taking-action.gif);}
body#action #coast {background-image: url(../graphics/coast-taking-action.gif); top: 31px; }

body#joinup #banner {background-image:  url(../graphics/banner-text-join-up.gif);}
body#joinup #coast {background-image: url(../graphics/coast-join-up.gif); top: 31px;}
body#joinup #inforight {display: none;}

body#victories #banner {background-image:  url(../graphics/banner-text-victories.gif);}
body#victories #coast {background-image: url(../graphics/coast-victories.gif);  top: 31px;}

body#resources #banner {background-image:  url(../graphics/banner-text-advocacy-resources.gif);}
body#resources #coast {background-image: url(../graphics/coast-advocacy-resources.gif);  top: 31px;}


/* Styles for home page layout only */
body#home #topnav {height: 19px;}

body#home #banner {background-image:  url(../graphics/banner-text-home.gif); height: 288px; width: 978px;}
body#home #coast {background-image: url(../graphics/coast-home.gif); height: 730px; width: 245px; top: 31px;}
body#home #coast img {position: absolute; top: -182px; margin-left: 55px; }

body#home #homeplug {background-image:  url(../graphics/home-page-words-below-banner.gif); background-repeat: no-repeat; background-position:bottom right; text-align:right; height: 37px; margin-left: 233px; width: 700px; margin-bottom: 6px;}
body#home #homeplug  h3 {visibility: hidden;}

#homenav {width: 980px; background-color: transparent; display: block; font-size: 1.4em; padding: .3em 0 .2em 0;
bottom: 4px; left: 20px; position: absolute; z-index: 10;}
#homenav ul {margin: 0}
#homenav li {list-style: none; display: inline; margin-right: 35px;}
#homenav a {color:#e8e0c2; text-decoration:none;}
#homenav a:active, #homenav a:hover {color:#c69c6d;}

#content3col>#home_col_1{margin-left: 150px;}
#home_col_1 {width: 240px; float: left; margin-left: 75px; margin-bottom: 10px; background-color: #e8e0c2; padding: 10px 10px 0px 10px; border-top: 2px solid #6b7d55; border-bottom: 2px solid #6b7d55;}
body#home .dropcap {
		padding-right: .1em;
		margin-top: .1em; font: 4.2em/0.65 Georgia, "Times New Roman", Times, serif;
		margin-left: -.45em;
}
#home_col_1 p { font-size: .85em; margin-bottom: 1em;}
#home_col_2 {width: 290px; float: right; padding: 10px; padding-bottom: 296px; position: relative; background-color: #c69c6d; overflow: visible; margin-bottom: 10px;
}
#home_col_2 h3 {
margin-bottom: 6px; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-style: italic; line-height: 1.1em;
}

#home_paper { margin-left: -20px; position: absolute; margin-top: 10px;background: transparent url(../graphics/home_page_paper.gif) no-repeat left top; width: 256px; height: 224px;
padding: 60px 25px 0px 25px;
}
#home_paper p{ font-family: Georgia, "Times New Roman", Times, serif; margin-top: 10px; font-size: 1.1em;}
#home_paper h3 { text-transform: capitalize; text-align: center; border-bottom: 3px solid black; width: 90%;  font: normal normal 1.6em/.95em Impact, ""Arial; padding-bottom: 5px;
}

#home #footer {font-size: 1em;}

/* Styles for home page layout only */

.colorbackground { background-color:#B98A5A;}
.addbackground {background-repeat: no-repeat; background-position:top left; background-image:url(../graphics/images/beartracks_03.gif)}
.caption { font-size: 80%; font-style: italic; margin-right: 10px;}
.dropcap
{display: block;float: left;}

/*  */

.imageborder {border: #4c564d 4px solid;}

.hotline li {list-style-type: none; color: white;}
.hotline lh {color: yellow; font-weight: bold; margin: 0 0 0 11px;}