/*  
Theme Name: NATHPO
Theme URI: http://www.nathpo.org
Author: Patrick Tafoya
Author URI: http://www.nycegrafx.com
*/

/*
---------------- GENERAL
-------------------------------------------------------- */
* {
	margin:0;
	padding:0;
	}
	body {
	position:relative;
	font:normal 0.8em/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	background:#fff url(../grafx/grafx_04.jpg) repeat-x;
	text-decoration: none;

	}
#box /* yellow sqaure top left of page */ {
	position:absolute;
	width:64px;
	height:106px;
	top:142px;
	left:1px;
	background:url(../grafx/grafx_11.jpg);
	}
span.clear /* for clearing floats */ {
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
	margin-top:-1px;
	}
/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

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

/* Hides from IE-mac \*/
* html .clear-block{height:1%;}
.clear-block{display:block;}
.clear {
	clear:both;
	}
.right {
	text-align:right;
	}
.left {
	text-align:left;
	}
.justify {
	text-align:justify;
	}
.center {
    text-align: center;
	margin: 0 auto;
}
.align-left {
  float: left;
  margin: 0 5px 5px 0;
}
.align-right {
  float: right;
  margin: 0 0 5px 5px;
}
.img.floatLeft {
	float:left;
	margin:0 12px 2px 0;
	}
.img.floatRight {
	float:right;
	margin:0 0 12px 12px;
	}
.first {
	margin-top:0;
	padding-top:0;
	}
.last {
	margin-bottom:0;
	padding-bottom:0;
	}
a {
	font-weight:bold;
	text-decoration:none;
	color:#7E995F;
	}
a:hover {
	color:#58869B;
	font-weight: bold;
	background-image: url(../grafx/opaquebak1.gif);


	}
a.img,
#flickr a {
	border:none;
	}
.bethere{
	padding-left:18px;
	}
	
/*
---------------- LOGO
-------------------------------------------------------- */
#logo {
	position:relative;
	width:746px;
	height:149px;
	background:url(../grafx/grafx_03.jpg) no-repeat left top;
	text-decoration: none;
	color: #7E995F;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;

	}
#logo a {
	font-weight:bold;
	border:none;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #58869B;
	}
#logo a:hover {
	font-weight:bold;
	border:none;
	background:url(../grafx/opaquebak1.gif);
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #7E995F;
	}		
#logo h1 span { /* hides H1 headings in browsers that support css so that only image is seen ... H1 headings will display in browswers not supporting CSS */
	margin-left:-5000px;
	}
#submit {
	color:#58869B;
	text-transform:lowercase;
	padding:2px;
	}
#searchform #searchsubmit {
	margin:0 !important;
	margin-top:1px;
	padding:0;
	}
#searchform {
	vertical-align:top;
	padding:2px;
	background:#FFFFFF;
	border-right:1px solid #669966;
	border-bottom:1px solid #669933;
	color:#58869B;
	font-size:10px;
	border-top: 1px solid #b0c793;
	border-left: 1px solid #b0c793;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;

	}
#searchform #s {
	vertical-align:top;
	padding:2px;
	background:#FFFFCC;
	border-right:1px solid #669966;
	border-bottom:1px solid #669933;
	color:#669933;
	font-size:11px;
	border-top: 1px solid #b0c793;
	border-left: 1px solid #b0c793;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;


	}

/*
---------------- WRAPPER
-------------------------------------------------------- */
#wrapper {
	margin:0 0 0 65px !important;
	position:relative;
	width:750px;
	background:url(../grafx/grafx_14.jpg) repeat-y left;
	}
	
/*
---------------- NAVCOL
-------------------------------------------------------- */	
#navcol {
	float:left;
	padding:12px 12px 12px 16px;
	z-index:3;
	width:154px;
	background-image: url(../grafx/grafx_09.jpg);
	background-repeat: no-repeat;
	}
	
/*
---------------- SIDEBAR
-------------------------------------------------------- */	

#sidebar a {
	font-weight:normal;
	border:none;
	background:none;
	}
#sidebar ul {
	list-style-type:none;


	}
#sidebar ul.nobul a {
	width:150px;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #7e995f;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7E995F;
	text-align: justify;



 }
 #sidebar ul.nobul a:hover {
	width:150px;
	color: #58869B;
	text-decoration:none;
	background-image: url(../grafx/opaquebak1.gif);

	}
#sidebar ul h2 {
	font-size:95%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#66908d;
	clear:both;
	text-transform:uppercase;
	padding-top:1.2em;
	margin:0;
	}

/*
---------------- MAINCOL
-------------------------------------------------------- */
#maincol {
	width:530px;
	float:left;
	padding:12px 8px 18px 17px;
	background:url(../grafx/grafx_12.jpg) no-repeat top right;
    overflow-x: hidden;
	}

/*
---------------- PAGE TITLES 
-------------------------------------------------------- */
h1.page-title {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#808080;
	line-height:28px;
	background:none;
	padding-left:0;
	padding-top:5px;
	font-size:155%;
	margin:5px 0 24px 0;
}

h2.pagetitle {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#86a8ad;
	line-height:28px;
	background:none;
	padding-left:0;
	margin:0 0 4px 0;
	padding-top:12px;
	font-size:155%;
	margin:12px 0 24px 0;
	}

/*
---------------- POSTS
-------------------------------------------------------- */
.post {
	padding-bottom:6px;
	text-decoration: none;

	}

/* -- Entry -- */
.entry p.more {
	padding-left:8px;
	background:url(../grafx/bullet5.gif) no-repeat left center;
	}
.entry p.more a {
	font-size:90%;
	}
.post a.img:hover img,
#flickr a:hover img {
	background-color:#cee6e2;
	}
.post img.noborder {
	padding:0;
	border:none;
	}

/* -- Headings -- */
.post h2 {
	font-size:10pt;
	line-height:18px;
	font-weight:bold;
	clear:both;
	margin:12px 0 4px;
	padding-left:22px;
	background:url(../grafx/article%5B1%5D.gif) no-repeat left center;
	color:#70929e;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;


	}
.post h2 a {
	color:#70929e;
	text-decoration: none;

	}
.post h2 a:hover {
	text-decoration:none;
	}
.post h2 a,
.post h3 a,
.post h2 a:visited,
.post h3 a:visited {
	border-bottom:none;
	}
.post h2 a:hover,
.post h3 a:hover {
	color:#7eb4af;
	}
.post h2.single {
	margin:12px 0 4px 0;
	padding-left:22px;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#86a8ad;
	line-height:28px;
	background:none;
	padding-left:0;
	margin:0 0 4px;
	padding-top:8px;
	}
.post h3, 
.post h4, 
.post h5 {
	font-size:115%;
	font-weight:bold;
	color:#58869B;
	margin:12px 0;
	clear:both;
	}
.post h3 {
	margin:12px 0 4px 0;
	padding-left:22px;
	background:url(../grafx/headerbullet.gif) no-repeat left center;
	font-size: 12pt;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 18px;
	font-weight: bold;
	color: #70929e;



	}
.post h4, 
.post h5 {
	color:#728487;
	}
.post h4 {
	padding:0px 4px;
	margin-top:30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	background-image: url(/grafx/grafx_14.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	border-top: 1px solid #b3cdcb;
	border-bottom: 1px solid #b3cdcb;








	}
.post h5 {
	font-size:12pt;
	border-bottom:1px solid #b4c5c8;
	margin-top:24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #7E995F;
	font-weight: bold;
	text-transform: uppercase;


	}
.post h6 {
	font-size:12pt;
	color:#58869B;
	margin-bottom:-6px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;


	}

/* -- Text -- */
p {
	margin:12px 0;
	}
p.note {
	padding-left:30px;
	background:url(../grafx/note.gif) no-repeat top left;
	font-weight:bold;
	}
p.small {
	font-size:80%;
	margin:0 0 8px;
	border-top:1px solid #c3d7d5;
	padding-top:4px;	
	color:#999;
	}
code {
	display:block;
	padding:10px;
	border:1px dashed #bbd69c;
	background:#f6fae2;
	font-family:"Courier New", Courier, mono;
	font-size:11px;
	}
code span.comment {
	color:#FF6600;
	}
blockquote {
	margin:0;
	padding:0;
	}
cite {
	font-style:normal;
	font-weight:bold;
	}
small a {
	font-weight:normal;
	}
p.postmetadata {
	font-size:90%;
	text-align:right;
	margin:-8px 0 18px 0;
	}
p.postmetadata a {
	border-bottom:none;
	}
p.postmetadata a:hover {
	text-decoration:underline;
	}
p.postmetadata.alt {
	text-align:left;
	padding:12px 0;
	margin:12px 0;
	border-top:1px solid #c3d7d5;
	}
a.comment {
	padding-left:20px;
	background:url(../grafx/comment.gif) no-repeat 4px 0px;
	border:none;
	}
a.comment:hover {
	text-decoration:none;
	}
#author,
#email,
#url {
	line-height:14px;
	margin-right:2px;
	vertical-align:top;
	color:#666;
	padding:3px 2px 1px 2px !important;
	padding:2px;
	font-size:90%;
	}
	
/* -- Lists -- */
#maincol ul {
	margin:0 0 0 20px;
	}
#maincol ul li {
	list-style-image:url(../grafx/bulletDi.gif);
	margin: 0 0;
	}
#maincol ul.condensed li {
	margin:0 0 6px 0;
	}
#maincol ul.condensed ul {
	margin-top: 0;
	}


/* -- Forms -- */
textarea#comment {
	width:400px;
	line-height:14px;
	margin-right:2px;
	vertical-align:top;
	color:#666;
	padding:3px 2px 1px 2px !important;
	padding:2px;
	}


/*
---------------- FOOTER
-------------------------------------------------------- */
#footer {
	background:#FFFFFF url(../grafx/footerbg.jpg) repeat-x;
	color:#58869B;
	text-align:right;
	padding:0 0 4px;
	font-size:9pt;
	clear:both;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	width: 100%;



	}
#footer p a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;

	}
#footer p a:hover {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	color: #58869B;

	}	
#footer p {
	padding:6px 12px;
	margin:0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #58869B;
	text-decoration: none;
	line-height: 9pt;

	}
	
/*
---------------- HOME PAGE
-------------------------------------------------------- */
/* -- Intro -- */
#intro {
	margin-top: 34px;

	}
#intro h2 {
	font-size:150%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#86a8ad;
	line-height:22px;
	padding-top:12px;
	padding-bottom: 4px;

	}
#intro p {
	clear:both;
	}
#intro ul li {
	margin:0;
	}
#quote {
	font-size:110%;
	font-family:"Trebuchet MS", "Times New Roman", Times, Serif;
	width:400px;
	font-weight:normal;
	color:#728487;
	font-style:italic;
	padding:12px;
	background:url(../grafx/quote3.gif) no-repeat top left;
	}
#quote p 	{
	padding:6px 6px 6px 12px;
	margin:0;
	color:#5e7c81;
	}
.source, .source2, .sourceLast {
	padding:0 0 12px 0;
	margin:0 0 24px 0;
	font-size:80%;
	font-weight:normal;
	color:#999;
	font-style:normal;
	text-align:right;
	border-bottom: 1px dotted #CCC;
	}
.source a, .source2 a, .sourceLast a {
	font-weight:normal;
	padding:0;
	}
#quote span {
	display:none;
	}
#quote .source,
#quote .source2 {
	padding-bottom:0;
	border-bottom:none;
	margin:0;
	color:#999;
	border-top: 1px dotted #CCC;
	text-align:right;
	font-size:80%;
	font-style:normal;
	line-height:110%;
	}
#quote .source2 {
	border-top:none;
	margin-top:-4px;
	}
#quote a {
	font-weight:normal;
	}
		
.HeadMenu {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #669900;
	float: right;
	margin-bottom: 0px;
	background-position: bottom;
}
.menuTable   {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	font-weight: bold;
	color: #7E995F;
	text-decoration: none;
}
.menuLink    {
	font-size: 9pt;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-decoration:none;
	color:#7E995F;
}
.menuLink:hover {
	color:#58869B;
	font-weight: bold;
	text-decoration:none;
	background-image: url(../grafx/opaquebak1.gif);

}
.menuInsert  {
	z-index: 200;
	font-weight: bold;
	line-height: 18pt;
	font-size: 9pt;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 246px;
	color: #7E995F;
	height: 56px;
	background-color: white;
	border: 1px solid #7E995F;
	margin: 0px;
	padding-left: 12px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-decoration: none;
	background-repeat: repeat-y;
	background-image: url(../grafx/newsbg.jpg);

}
.menuContainer { 
	z-index: 1000 
}
.image-left {
	float: left;
	margin-right: 14px;
	margin-top: 4px;
	margin-bottom: 4px;


}
.image-right {
	float: right;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 12px;

}
.picleft {
	float: left;
	margin-right: 14px;
	margin-top: 4px;
	margin-bottom: 4px;


}
.newsarticles {
	line-height: 22px;
	list-style-type: disc;
}