/* BSA PHILMONT CSS */
/* `Basic HTML
---------------------------------------------------------------  */
body {
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif, font-weight:normal;
	margin: 0 0 0 0;
	background: url(../images/Philmont-bkg.JPG) #bdb5aa top left repeat;
    color:#444 }
 
a:focus { outline: 1px dotted invert; }
 
hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0; }
    
img {   
    border:none; }
    
/* `Spacing
--------------------------------------------------------------- */
ol { list-style: decimal; }
 
ul { list-style: square;
     font: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif, font-weight:normal;
 }
 
li { 
    font: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif, font-weight:normal; }
 
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset { margin-bottom: 10px; }

 
/* `Headings
--------------------------------------------------------------- */
h1 {
    font-family:Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 25px;
	color: #74614c;
	font-style: italic;
	text-transform: capitalize;
    background:url(/filestore/philmont/images/h1bkg.jpg) repeat-y scroll 0 0 transparent;
    padding-left:15px;
    line-height:1.5; }
 
h2 {
    font-family:Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    font-size: 18px;
	color: #74614c; }
 
h3 { 
    font-size: 16px;
    font-family:Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; }
 
h4 { font-size: 14px;
     font-weight: bold;
     font-family:Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; }
 
h5 { 
    font-size: 10px; 
    font-family:Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; }
h6 {
	font-size: 8px;
    font-style:italic;
    font-family:Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
     }
    
p, td {
    font-size:13px;
    line-height:1.5;
    font-family:Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; }
    
td {   
    padding:0; }
    
p {
    padding-bottom:10px; }    
a {
    text-decoration:none;
    color:#8B4B1D;
    font-family:Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; }
    
    a:hover {
        color:#FF8C0F; }
 
 
#header {
	background-repeat: no-repeat;
	height: 160px;
	padding: 0;
	margin: 0;
	background-image: url(/filestore/philmont/images/Philmont-headerImage.jpg);
    border:solid 2px #ffffff; }
 
#wrapper {
	width: 940px;
	background-color: #FFFFFF;
	margin: 0 auto; }
 
#one-column {
	clear:both;
	background-color: #ffffff;
	padding: 10px; }
 
#two-column, #three-column {
	background-color: #ffffff;
	padding: 10px;
	width: 715px;
	float: right; }
	
#three-column #right-column
{
    float: right;
    width: 215px;
}

#three-column #right-column .widget-container, #three-column #right-column .widget-container h3
{
    text-align: center;
}

#three-column #right-column .widget-close
{
    clear: both;
}
/* HEADER
--------------------------------------------------------------- */
#headerRIGHT {
	width: 220px;
	float: right;
	height: 150px; }
 
#search, #search2 { 
    height: 30px;
    visibility:hidden;
    }

#search2
{
    display: block;
    visibility: visible;
}
/* NAVIGATION
--------------------------------------------------------------- */
#nav {
	height: 40px;
	background-color: #6a6560;
	border-right: solid 2px #ffffff;
    border-left: solid 2px #ffffff; }
 
ul#menu {
	border-top: solid 2px #ffffff;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	font-size: 14px;
	font-family: Helvetica, Arial, Verdana, sans-serif; }
 
	ul#menu li {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border-right: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
		width: auto;
        background-color: #8e8780; }
 
		ul#menu li a {
			display: block;
			float: left;
			color: #ffffff;
			text-decoration: none;
			padding: 5px 8px;
			line-height: 28px;
			height:28px;
			text-align:center; }
 
			ul#menu li a:hover {
				background-color: #6a6560;
                padding: 3px 8px;
       			height:32px; }
 
#login {
	float: right;
	padding: 0;
	background: #123456;
	width: 100%;
    line-height:1;
	text-align: center;
    height:27px;
    display: none;
    visability:hidden; }
 
    #login h3 {
        margin: 5px 0; }
        
         #login h3 a {
            text-decoration: none;
            color: #ffffff;
            font-weight: bold;
            font-size: 16px;
            text-transform: uppercase;	 }
 
		#login h3 a:hover {
			color: #654321;
            height:21px; }
             
#weather {
	height: 100px;
	margin-top: 30px;
    /*margin-top:33px;*/ }

/* UL LI
--------------------------------------------------------------- */

#two-column ul,#one-column ul {
	color: #444;
	line-height: 1.5;
	padding-left: 20px;
    font-size:13px; }
 
#two-column li a {
	font-size: 12px;
	color: #8B4B1D; }
 
#one-column li a { color: #8B4B1D; }
 
#two-column ul a,#one-column ul a,#two-column ol a,#one-column ol a {
	color: #8B4B1D;
	line-height: 1.5; }
 
#two-column ul a:hover,#one-column ul a:hover,#two-column li a:hover,#one-column li a:hover,#two-column ol a:hover,#one-column ol a:hover,#one-column li a:hover { color: #FF8C0F; }
 
#two-column ol,#one-column ol {
	color: #444;
	line-height: 1.5;
	padding-left: 20px;
	font-size:13px; }
 
#two-column li,#one-column li {
	color: #444;
	margin-left: 20px; }




/* SEARCH BOX
--------------------------------------------------------------- */
#search_box {
	width: 220px;
	height: 30px;
	background: #d9d4c5; }
 
	#search_box #s, #search_box .search_textbox {
		background: #f1ebdb none repeat scroll 0 0;
		border: 0 none;
		float: left;
		height: 15px;
		margin: 4px 0 0 4px;
		padding: 3px 0 0 3px;
		width: 145px;
		color: #9c998f;
        border:1px solid #818181; }
 
	#search_box #go, #search_box .search_button {
		float: right;
		/* margin: 6px 4px 0 0; */
        margin:2px; }
        
#search2 #search_box
{
    width: 210px;
    height: 20px;
    text-align: center;
    padding: 5px;
}

#search_box .search_link
{
    font-size: 14px;
    font-weight: bold;
}
		
/* TALL FOOTER
--------------------------------------------------------------- */
.TallFooter, .right-element {
	background: url("/filestore/philmont/images/Philmont-tallfooter.jpg") no-repeat scroll left top #F6F0E0;
	 }
 
	.TallFooter p, .right-element p {
		color: #74614c;
		font-size: 11px;
		margin: 0;
        padding-bottom:0; }
 
	.TallFooter h3, .right-element h3 {
		color: #74614c;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: 5px; }
 
	.TallFooter a, .right-element a {
		text-decoration: none;
		color: #74614c;
		font-size: 11px; }
 
		.TallFooter a:hover, .right-element a:hover { color: #000000; }
 
	.TallFooter img, .right-element img {
        vertical-align:top;
		margin-bottom: 3px; }
 
.quicklinks {
	display: inline-block;
	zoom: 1;
	float: left;
	width: 250px;
	margin: 20px 0 10px 15px; }
 
.BSAsites {
	display: inline-block;
	zoom: 1;
	float: left;
	width: 170px;
	margin: 20px 0 10px 15px; }
 
.subscribe {
	display: inline-block;
	zoom: 1;
	float: left;
	width: 120px;
	margin: 20px 0 10px 15px; }
 
.connect {
	display: inline-block;
	zoom: 1;
	float: left;
	width: 90px;
	margin: 20px 0 10px 15px; }
 
.description {
	display: inline-block;
	zoom: 1;
	float: left;
	width: 210px;
	margin: 20px 0 10px 15px; }
	
 
/* BSA FOOTER
--------------------------------------------------------------- */
#footer {
	clear: both;
	padding: 10px 0 0 0;
	height: 40px;
	background: #eaedf2 url(/filestore/philmont/images/footerbsa.gif) no-repeat 1% 50%;
	border-top: solid 1px #8e877f;
	color: #8e877f;
	line-height: 30px;
	font-size: 10px;
	font-weight: normal; }
 
	#footer h3 {
		padding: 0px 0 0 40px;
		color: #8e877f;
		display: inline;
		font-size: 10px;
		font-weight: normal;
        text-transform:none; 
         }
 
	#footer h3 a { color: #8e877f; }
 
	#footer h3 a:hover { color: #68635D; }
 
#footer-nav {
	color: #8e877f;
	float: right;
	text-align: right; }
 
ul#footer-nav {
	margin: 0;
	padding: 0px 10px 0 0;
	list-style-type: none;
	font-size: 10px; }
 
	ul#footer-nav   li {
		border-left:1px solid #8E877F;
        display:block;
        float:left;
        line-height:10px;
        margin:10px 0 0;
        padding:0 8px; }
 
	ul#footer-nav  li  a {
		display: block;
		float: left;
		color: #8e877f;
		text-decoration: none; }
 
		ul#footer-nav  li  a:hover { color: #68635D; }
  

/* GENERAL CALLS OUTS
--------------------------------------------------------------- */
.photo, #three-column #right-column .widget-container { 

	background: url(http://www.scouting.org/filestore/philmont/images/photo-bkg.jpg) repeat scroll 0 0 #F8F8F8;
	border: 1px solid #CCC;
	margin: 10px;
	padding: 10px 10px 0px 10px; 

}

#two-column .photo, #one-column .photo { 

	background: url(http://www.scouting.org/filestore/philmont/images/photo-bkg.jpg) repeat scroll 0 0 #F8F8F8;
	border: 1px solid #CCC;
	margin: 10px;
	padding: 10px; 

}

    .photo h4 {
        font-size:9pt;
        font-style: italic; } 
        
        #middle-element .photo p, div.middle-element .photo p { 
            padding-bottom:0; }
            
/* ZIP CODE SEARCH
--------------------------------------------------------------- */
#zip_box {
	width: 190px;
	height: 36px; }
 
	#zip_box #s, #zip_box .zip_textbox {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 0 none;
		color: #000000;
		float: left;
		height: 18px;
		margin: 6px 0 0 0;
		padding: 0 0 0 5px;
		width: 135px;
		border: 1px solid #74614C }
 
	#zip_box #go, #zip_box .zip_button {
		float: right;
		margin: 6px 4px 0 0; }
 
/* RESETs
--------------------------------------------------------------- */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0 }
 
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0 }
 
.clearfix { display: inline-block }
 
* html .clearfix { height: 1% }
 
.clearfix { display: block }

/* ALERT
--------------------------------------------------------------- */
#alert, .alert {
	background-color: #FF0000;
	display: block;
	width: 100%;
	text-align: center;
	color: #ffffff;
	background-image: url(../images/attention.gif);
	background-repeat: no-repeat;
	background-position: 99% 50%;
	height: 35px; }
 
#alert p, .alert p {
	width: 100%;
	text-align: center;
	color: #ffffff; }
 
#alert a, .alert a {
	text-align: center;
	color: #ffffff; }
 
.attention h5 {
	background-image: url(../images/attention.gif);
	background-position-y: center;
	background-repeat: no-repeat;
	height: 35px; }
 
/* Context Menu Styles 
--------------------------------------------------------------- */

.contextmenu {
	width: 195px;
	float: left;
	border-right: solid 2px #fff7df;
	line-height: 1.2;
	zoom: 1;
	margin: 0 0 20px; }
    
    .contextmenu h3 {
        background-color:#EFEAE0;
        border-bottom:1px solid #C2BAAB;
        border-top:1px solid #C2BAAB;
        font-size:12px;
        line-height:1.5;
        margin:10px 0 0 10px;
        padding-left:2px; }
        
        .contextmenu h3 a {
            text-transform:uppercase;
            display:block; }
            
            .contextmenu h3 a:hover {
                color:#908E77;  }
            
ul.contextmenu_category {
	list-style: none;
	font-size: 11px;
	font-weight: 700;
	margin: 5px 0 0 10px;
	padding: 0 0 0 5px;
    line-height:1.5; }

	ul.contextmenu_category li { padding: 4px 0px; }
 
	ul.contextmenu_category a {
		color: #6a6560;
		font-weight: bold;
		text-decoration: none;
        display:block; }
 
		ul.contextmenu_category a:hover { 
            padding-left: 2px;
            color:#8B4B1D; }
 
ul.contextmenu_subcategory {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none; }
 
	ul.contextmenu_subcategory li { background: url(../images/contextmenu_arrow.gif) 5px 7px no-repeat; }
 
	ul.contextmenu_subcategory a {
		color: #6a6560;
		font-weight: normal;
		margin: 0px 0px 0px 15px;
		text-decoration: none; }
 
#two-column img { padding: 5px; }
 
#one-column img { padding: 5px; }
 

/*  FAQ
--------------------------------------------------------------- */

.accordion { 
    line-height: 1.5;
    padding-bottom:20px;
 }
 
	.accordion h3 {
		font-weight: normal;
		padding-bottom: 10px;
		display: inline-block;
		padding-left: 25px;
		background: transparent url(/filestore/global/q.gif) top left no-repeat;
		margin-top: 12px; }
        
        .accordion h3 a {
            color:#242D47;  }
    
   	.accordion h4 {
        font-size:10pt;
        font-weight:bold;
        line-height:1;
        margin-bottom:0;
        margin-left:35px; }

 
	.accordion p {
		padding-left: 15px;
		display: block;
		padding: 0px 10px 10px;
		margin: 0 0 0 25px; }
        
/* `Bread Crumbs
		---------------------------------------------------------------------------------------------*/
#breadcrumb {
	display: block;
	border-bottom: solid 1px #908e77;
	padding: 0;
	color: #737373;
    margin-bottom:10px; }
 
	#breadcrumb img { padding: 0px; }
 
.pathmenu {
	border-left: solid 1px #2c4e6a;
	padding-left: 5px;
    display:inline;
    font-size:10px; }
 
	.pathmenu a {
		color: ##8B4B1D;
		text-decoration: none; }
 
		.crumb a:hover { color: #333333; }
 
.active {
	color: #424242;
	text-decoration: none;
	color: #333333; }
 
	.active a:hover { color: #333333; }    

/* ---------- `Ticker ---------------------------------*/
#one-column .ticker {
    padding:0; }

/* ---------- General Table replacement --------------- */
#one-column .TWOup, #two-column .TWOup {
	float: left;
	width: 45%;
	display:block;
    padding-right: 10px;}
 
#one-column .THREEup, #two-column .THREEup{
	float: left;
	width: 31%;
	display:block;
    padding-right: 10px;}
 
#one-column .FOURup, #two-column .FOURup{
	float: left;
	width: 23%;
	display:block;
    padding-right: 10px;}

 /* ---------- Table ---------------------------------*/
#middle-element .table_title, div.middle-element .table_title {
	font-size: 13px;
	color: #fff;
	background-color: #8e8780;
	font-weight: 700;}
 
#middle-element .table_subtitle, div.middle-element .table_subtitle {
	font-size: 12px;
	color: #fff;
	background-color: #b4aca2;
	font-weight: 700; }
 
#middle-element .table_row_a, div.middle-element .table_row_a {
	font-size: 12px;
	color: #444444;
	background-color: #E8E3DE;  }
 
#middle-element .table_row_b, div.middle-element .table_row_b {
	font-size: 12px;
	color: #444444;
	background-color: #D9D3CC;
     }

#middle-element .table_title td, #middle-element .table_subtitle td, #middle-element .table_row_a td, #middle-element .table_row_b td {
padding:5px; }

div.middle-element .table_title td, div.middle-element .table_subtitle td, div.middle-element .table_row_a td, div.middle-element .table_row_b td {
padding:5px; }

/*-----------------Scrollbox PTC Descriptions------------*/

.ptcscroll 
{
width:400px;
height:300px;
overflow:scroll; 
}

/*----------------Tool Tip Videos Page------------------*/
			.tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

/*----------------Fieldguide Flowers page------------------*/


#flora-container
{
	width: 700px;
}
#flora-container .flora
{
	float: left;
	width: 200px;
	height: 250px;
	text-align: center;
}
#flora-container .flora img
{
    background: url(http://www.scouting.org/filestore/northerntier/images/photo-bkg.jpg) repeat scroll 0 0 #F8F8F8;
	border: 1px solid #CCC;
	margin: 10px;
	padding: 10px; 
	width: 100px;
    height: 100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#flora-container .flora .common-name
{
	font-weight: bold;
}
#flora-container .flora .scientific-name
{
    font-weight: bold;
	font-style: italic;
	color: #202020;
}
#flora-container .flora .family-name
{
    font-style: italic;
}
#flora-container .flora .bloom-time
{
    font-style: normal;
}
/*--------------------------Thumbnail Preview------------------------*/
#thumbnail-preview
{
	width: 700px;
}
#thumbnail-preview .thumbnail
{
	float: left;
	width: 130px;
	height: 150px;
	text-align: center;
}
#thumbnail-preview .thumbnail img
{
    background: url(http://www.scouting.org/filestore/northerntier/images/photo-bkg.jpg) repeat scroll 0 0 #F8F8F8;
	border: 1px solid #CCC;
	margin: 10px;
	padding: 10px; 
	width: 100px;
    height: 100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#thumbnail-preview .thumbnail .caption
{
	font-weight: normal;
  	font-size:13px;
    line-height:1.5;
    font-family:Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

.center-content
{
    width: auto;
    text-align: center;
}

/*--------------------------Photo Captions------------------------*/

div.photo img { 

	margin-left: -5px;
	margin-top: -4px;
	margin-right: -8px;
	margin-bottom: -2px;
	text-align: center;
	padding: 0px;

}

div.photo p {

	margin-left: -2px;
	margin-top: 2px;
	margin-right: -9px;
	margin-bottom: -4px;
	text-align: center;
	padding: 0px;
}

div.photo h4, div.photo h2, div.photo h3 {

	margin-left: -8px;
	margin-top: 2px;
	margin-right: -9px;
	margin-bottom: -4px;
	text-align: center;
	padding: 0px;
}