/* --- Web Page CSS --- */

/*Global Defaults*/

a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color: #000; }
li { list-style-type: square; color: #DE2A2A;}
li span { color: #000; }

html {overflow: scroll;}
#orangewords { color: #ffc403;}

/*Resize Images*/
.resizethumb {
width: auto;
height : 158px;
}

.resizepic {
width: 400px;
height : auto;
}

/*Header Section*/
#header { height: 140px; background: #fff url("../Graphics/Logo/NPALogoSite.gif") no-repeat; padding-bottom: 0.25cm; width: 950px;}

#band{ width:100%; background: transparent url(../Graphics/vinetile30px.jpg) repeat-x top; height: 30px; } 

#boardname { color: #DE2A2A; font-weight:bold; font-size:14px; }
#boardtime { color:	#CCCCCC; font-size:12px; }


.ContentHeader {font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
font-size: 18pt; /* Font Size */
color: #DE2A2A; /* Font Color */
font-weight: normal; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: #FFFFFF; /* Background color */
background-image: none; /* Background Image */
vertical-align: top; /* Vertical Align Text */
text-align: left; /* Text Align */ }

.ContentLabel {
font-family: Verdana, Arial, Helvetica, sans-serif; /* Font Face */
font-size: 8pt; /* Font Size */
color: Gray; /* Font Color */
font-weight: bold; /* Font Style */
font-style: normal; /* FontStyle */
text-decoration: none; /* Font Style */
background-color: #FFFFFF; /* Background color */
background-image: none; /* Background Image */
vertical-align: top; /* Vertical Align Text */
text-align: right; /* Text Align */ }




/*Sets 1em=10px. Remember formula Childpx/Parentpx=Childem*/
body { font-size: 62.5%;}

/*Page-specific Defaults*/
body { background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #222; }
#page { width: 950px; align: center; margin-right: auto;margin-left: auto;}
#content {width: 950px;}
#mainwrap {width: 750px;float: right;}
.clearfix{}



/*IE hack*/
.callout{width: 200px;height: 125px;color: #ffffff;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: .6em;text-align: justify;position: absolute;left: +623px;top: +90px;}

/*Main-Content Section*/
#main {width: 500px; left: 0px; float: left;}
/* #main p{ font-size: 12x; tex-align: left; margin-top: 25px;} */

#title { color: #DE2A2A ; font-size:20px; }
 
 
iframe { 
		height:1500px;
		}
 
/*Right Sidebar Section*/
#rightbar{width: 225px; float: right;}
#rightbar li { ist-style-type: square; color: #DE2A2A; width:200px;}

#social { width:190px; height: 200px;}
#social a { color:#000; }
#social ul { margin:0 .5em 0 1em; padding:0; }
#social li{
	line-height:2em;
	text-align: left;
	text-decoration: none;
	list-style-type: none;
}

ul#actions { text-align: left; float: left; margin: 3px 0 0 0px; font-size: 12px; }
ul#actions li a { color: #DE2A2A; padding: 7px 0 7px 3px; display: block; height: 1%; width: 190px;}
ul#actions li.facebook a { background: url("../Graphics/Social/Facebook-icon 24x24.png") no-repeat right 9px; border-bottom: 1px solid #e5e5e5;}
ul#actions li.mail a { background: url("../Graphics/Social/icon_email.jpg") no-repeat right 9px; border-bottom: 1px solid #e5e5e5; }
ul#actions li.twitter a { background: url("../Graphics/Social/Twitter-icon 24x24.png") no-repeat right 6px; border-bottom: 1px solid #e5e5e5; }

/*IE Hack*/
* html #rightbar {right: 56px;}
.rbar {text-align: justify;font-size: .7em;font-family: Verdana, Helvetica, Arial, sans-serif;color: #ffffff;}
* html .box2 {margin-top: 0px;}
.meta{ color: #7a7a52;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: .7em;text-align: right;}

/*Left Sidebar Section*/
#leftbar { float: left; }
.leftbar h2 { margin: 10px 0 0 0; padding-left: 10px; height: 30px; line-height: 30px; background: #ffffff url(../Graphics/menuh2.png) no-repeat; color: #fff; font-size: 13px; }
.leftbar ul { padding: 10px 0 15px 10px; list-style-type: square; color: #DE2A2A; }
.leftbar ul li a { }
.leftbar ul li a:hover { }

/*Footer Section */
#footer { text-align: center; font-size: 12px; color: #000; margin-top: 20px; border-top: 1px dotted #7B8F35; }
#footer a { color: #000; }
.copyright{text-align: center;font-family: Verdana, Helvetica, Arial, sans-serif;color: #ffc403; font-size: .6em; padding-top: 30px;}

/*  Float containers fix: */
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}


/* ---- News Scoller CSS ---- */

/* the news box */
#news {
	width:190px;
	border: thin solid #e5e5e5;
}
#news a { color:#000; }
#news ul { margin:0 .5em 0 1em; padding:0; }
#news li{
	line-height:2em;
	text-align: left;
	text-decoration: none;
	list-style-type: none;
}

.newstitles {
	color: #DE2A2A;
	font-size: medium;
	font-weight: bold;
	}
	
/* the news box when JavaScript is available */
#news.hasJS
{
	height:120px;
	overflow:hidden;
	position:relative; /*need for proper positioning of wording*/
}

/* The nested UL when JavaScript is available */
#news.hasJS ul
{
	position:absolute;
	top:120px;
	left:0;
	margin:0 .5em 0 .5em;
	padding:0;
}

/*-- Google Maps Styles -- 
Unless stated otherwise, code available for viewing through this tool is dedicated to the public domain. If you have any questions, drop me a line */

/* html { overflow: hidden; } */

/* html, body {
     margin: 0;
     padding: 0;
     height: 100%;
} */

body { margin: 10px; }

#contentmap {
     margin-top: 10px;
     position: relative;
}

#map {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 1px solid #aaa;
}

#map-wrapper {
     position: relative;
     height: 100%;
}

#sidebar {
     position: absolute;
     border: 1px solid #aaa;
     top: 0;
     width: 220px;
     height: 100%;
     overflow: auto;
}

#sidebar p {
     margin: 10px;
}

#sidebar ul#sidebar-list {
     list-style: none;
     padding: 6px 0 0 0 ;
     margin: 0;
}

#sidebar ul#sidebar-list li {
        padding: 2px 5px 2px 50px;
        clear:left;
}

#sidebar ul#sidebar-list li div.label {
        float: left;
        margin-left: -40px;
        width: 40px;
        position:relative;
        padding: 1px 3px 1px;
        background: red;
        color: white;
}

#sidebar ul#sidebar-list li a {
        font-family: Arial;
        font-size: 11px;
        color: #445555;
        text-decoration: none;
        padding: 2px 3px;
}


div.markerLabel {
        display: block;
        padding-top: 9px;
}

div.markerLabel,
#sidebar ul#sidebar-list li div.label {
        text-align: center;
        color: white;
        width: 32px;
        letter-spacing: 0px;
        font-size: 9px;
        font-family: Arial;
}


body.sidebar-right #map-wrapper { margin-right: 230px; }
body.sidebar-right #sidebar { right: 0; }

body.nosidebar #map-wrapper { margin: 0; }
body.nosidebar #sidebar { display: none; }

body.sidebar-right a#button-sidebar-show,
body.nosidebar a#button-sidebar-hide { display: none; }

#gmapbox { height: 100px; padding-bottom:20px;}

#toolbar {
     background: white;
     padding: 4px;
     border: 1px solid black;
     position: relative;
}

/* holly hack for IE to get position:bottom right
   see: http://www.positioniseverything.net/abs_relbugs.html
 \*/
* html #toolbar { height: 1px; }
/* */

#toolbar h1 {
     margin: 0;
     font: bold 18px Helvetica, sans-serif;
}

#toolbar ul {
     list-style: none;
     padding: 0;
     margin: 0;
}

#toolbar ul#sidebar-controls li {
        position: absolute;
        right: 5px;
        bottom: 5px;
}

#toolbar ul li {
     display: inline;
}

#toolbar ul li a {
     padding: 3px 6px;
     color: #444;
     text-decoration: none;
     font-size: 12px;
}

#toolbar ul li a:hover {
     color: #aaa;
     background: #444;
}
/* -- Google Toolbar close -- */


/* -- Picture Light Box -- */

.thumbnail{
	padding: 15px 15px 15px 3px;
	background-color: #CCCCCC;
	border: 1px solid #D60D17;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}	

.gallery {
	overflow:auto;
	zoom:1;
	background-color: #ffffff;
	}

.gallery a {
	font-family:Verdana,Helvetica,sans-serif;
	font-size:10px;
	font-style:normal;
	font-size-adjust:none;
	line-height:1.4em;
	display:block;
	text-align:center;
	float:center;
	margin:0px;
	margin-left:12px;
	text-decoration:none;
	color:#666666;
	opacity:0.87;
	}
			
.gallery a:hover {opacity:1}

.gallery a img{
	border: none;
	}

.gallery a#vlightbox{display:none}
/* -- Picture Light Box End-- */


/* -- Light Box -- */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data: Graphics/Lightbox/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background:   url("../Graphics/Lightbox/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:   url("../Graphics/Lightbox/nextlabel.gif") right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* -- Light Box End-- */

/* -- Old #521 Page CSS -- */

#FEbody { background:  url("../Graphics/Old521/NFDredbackground.jpg");}
#FEpage { width: 1000px; align: center; margin-right: auto;margin-left: auto; background-color:#FFFFFF;}
#FEheader { height: 140px; background: #fff url("../Graphics/Logo/NPALogoSite.gif") no-repeat; padding-bottom: 0.25cm; width: 1000px; align: center;}
#FEband{ width:1000px; background-color: #000; height: 10px; align:center; margin-right: auto;margin-left: auto;}
#FEtitle {font-family: "Garamond"; color:#F02E25; font-size: 22px;} 
#FEword {font-family: "Garamond"; font-size: 18px; }