/*
Theme Name: NAPO
Description: custom theme designed by <a href="http://pridesesigns.com">Pride Designs</a> and Built by  <a href="http://www.electricfusion.com">ElectricFusion.com, LLC</a>. 
Version: 1.0
Author: Craig Snyder
Author URI: http://www.electricfusion.com/
*/
/* colors 

gray: B2B2B2
lt gray: ECF0F1
aqua 45827D
dk blue 125693
lt green: F2F7F7
*/

html { height: 100%; margin-bottom: 1px; }


body{ font-family:Trebuchet MS,Arial, Helvetica, sans-serif; color:#000000; font-size:12px; line-height:1.14; margin: 0; padding:0;min-width:950px; font-weight:normal; background-color:#FFFFFF; background-image:url(images/bkg_site.jpg); background-position:top left; background-repeat:repeat-x;}
img{border:0px;}
#pageWrapper{text-align:left; width: 1000px; margin-left: auto; margin-right: auto; xbackground-color:#FFFFFF; margin-top:0px;padding:0px 0px 0px 46px; z-index:1; position:relative; background-image:url(images/bkg_wrapper.png); background-position:top center; background-repeat:repeat-y;}
#header{position:relative;top:0px; left:0px; width:950px; height:139px; background-color:#FFFFFF;z-index:1; background-image:url(images/header.jpg); background-position:top; background-repeat:no-repeat; z-index:10;}
#headerLogo{position:absolute; top:20px; left:30px; width:430px; height:60px;z-index:20;}
#headerLogin{position:absolute;top:102px; right:0px; width:160px; height:36px; z-index:20}
#headerNav{position:absolute; top:102px; left:0px; width:920px; height:38px; background-image:url(images/bkg_nav_top.jpg); background-position:left; background-repeat:repeat-x; z-index:15; padding:0px 0px 0px 30px;}
#headerNav a:link, #headerNav a:visited,#headerLogin a:link, #headerLogin a:visited{ float:left; display:block; xwidth:104px; xheight:27px; padding:8px 20px 8px 20px; text-decoration:none; color:#FFFFFF; font-size:13px; line-height:13px; font-weight:bold; text-align:center;}
#headerNav a:hover, #headerNav a:active,#headerLogin a:hover, #headerLogin a:active{ float:left; display:block; xwidth:104px; xheight:25px; padding:8px 20px 8px 20px; text-decoration:none; color:#FFFFFF; font-size:13px; line-height:13px; font-weight:bold; text-align:center; background-image:url(images/bkg_top_nav_on.jpg); background-position:left; background-repeat:repeat-x;}

#headerNav a.navOn:link, #headerNav a.navOn:visited,#headerLogin a.navOn:link, #headerLogin a.navOn:visited{ float:left; display:block; width:104px; height:27px; padding:9px 0px 0px 0px; text-decoration:none; color:#EA7125; font-size:12px; line-height:12px; font-weight:bold; text-align:center;}
#headerNav a.navOn:hover, #headerNav a.navOn:active,#headerLogin a.navOn:hover, #headerLogin a.navOn:active{ float:left; display:block; width:104px; height:27px; padding:9px 0px 0px 0px; text-decoration:none; color:#EA7125; font-size:12px; line-height:12px; font-weight:bold; text-align:center;}

.floater{float:left; margin:-5px 5px 0px 0px;}

.navDivider{float:left;width:1px; height:26px; border-left:1px solid #779EC1; margin:5px 0px 0px 0px;}
.topNavWrapper{float:left; }
.topNavItem{position:relative;top:0px; left:0px; xwidth:180px; height:38px; }
.subNavItem{position:absolute;top:38px; left:0px;display:none; width:180px; background-color:#125693; text-align:left;  }
.subNavItem ul{margin:0px; padding:0px; list-style:none; text-align:left;}
.subNavItem ul li.nav_item{margin:0px; padding:0px; text-align:left;} /* height:20px; padding:12px 20px 6px 20px */
/*
.subNavItem a:link, .subNavItem a:visited{ font-size:12px;width:140px;height:18px; padding:0px 20px 6px 20px;padding:0px; color:#FFFFFF; display:block; xmargin:0px 0px 5px 0px; text-decoration:none; background-image:url(images/bkg_nav_top.jpg); background-position:left; background-repeat:repeat-x; text-align:left; border-bottom:1px solid #779EC1; text-align:left;}
.subNavItem a:hover, .subNavItem a:active{ font-size:12px;width:140px;height:18px; padding:0px 20px 6px 20px; color:#FFFFFF; display:block; xmargin:0px 0px 5px 0px; text-decoration:none;background-image:url(images/bkg_top_nav_on.jpg); background-position:left; background-repeat:repeat-x; text-align:left;border-bottom:1px solid #779EC1; text-align:left;}*/

a.subNav:link, a.subNav:visited{ font-size:12px;width:140px; padding:0px 20px 6px 20px;color:#FFFFFF; display:block; xmargin:0px 0px 5px 0px; text-decoration:none; background-image:url(images/bkg_nav_top.jpg); background-position:left; background-repeat:repeat-x; text-align:left; border-bottom:1px solid #779EC1; text-align:left;}
a.subNav:hover, a.subNav:active{ font-size:12px;width:140px; padding:0px 20px 6px 20px; color:#FFFFFF; display:block; xmargin:0px 0px 5px 0px; text-decoration:none;background-image:url(images/bkg_top_nav_on.jpg); background-position:left; background-repeat:repeat-x; text-align:left;border-bottom:1px solid #779EC1; text-align:left;}


#content{ position:relative;top:0px; left:0px; width:950px; background-color:#FFFFFF; margin:28px 0px 0px 0px;}
#contentHome{ position:relative;top:0px; left:0px; width:950px; }
.homeContent{background-image:url(images/bkg_home_item.jpg); background-position:top right; background-repeat:no-repeat; margin:10px 0px 10px 0px; padding:3px; width:580px;}
.homeContent a:link, .homeContent a:visited{ text-decoration:none; color:#125693;}
.homeContent a:hover, .homeContent a:active{ text-decoration:underline; color:#125693;}
/*internal pages */
#contentLeft{float:left; width:600px;padding:0px 18px 0px 30px;}

.homeContent h1{ font-weight:bold; font-size:14px; line-height:30px; color:#45827D; margin:0px; padding:0px;}

.homeContent p{  margin:0px 0px 10px 0px; padding:0px;}

#contentMain{margin:10px 0px 0px 0px; padding:3px; width:580px;background-image:url(images/bkg_home_item.jpg); background-position:top right; background-repeat:no-repeat;}
#contentMain p{  margin:0px 0px 10px 0px; padding:0px;}

#contentRight{margin:0px 0px 0px 640px; }

.rightItem{border:1px solid #B2B2B2; margin:0px 30px 20px 0px; -moz-border-radius:8px; -webkit-border-radius:8px;}

.rightItem h1{ font-weight:bold; font-size:16px; line-height:18px; color:#FFFFFF; margin:0px; padding:4px 10px; background-image:url(images/bkg_h1.jpg); background-position:left; background-repeat:repeat-x;-moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px;-moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px;}
.rightItem h2{ font-weight:bold; font-size:14px; line-height:14px; color:#343435; margin:8px 0px 8px 8px;padding:0px;}
.rightItem p{  margin:0px 0px 10px 10px; padding:0px;}

#searchArea{background-color:#F2F7F7;}
.searchLabel{xfloat:left; margin:0px 10px 0px 0px;}

table.searchTable{border-collapse:collapse; margin:0px 0px 10px 10px;}
table.searchTable td.spacer{padding:3px 0px;}
.searchField{xfloat:left; border:1px solid #939BBE; margin:0px; padding:2px 0px 2px 8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.rightItem a:link, .rightItem a:visited{ text-decoration:none; color:#125693;}
.rightItem a:hover, .rightItem a:active{ text-decoration:underline; color:#125693;}

.rightAd{padding:0px; margin:0px 0px 15px 0px;width:270px;height:115px;}
#wp125adwrap_1c{width:270px; padding:0px; margin:0px; text-align:left; xborder:1px solid blue;}
#xwp125adwrap_2c{border:1px solid #B2B2B2; background-color:#B2B2B2; height:110px; margin:0px 0px 20px 0px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.wp125ad {margin:0px 0px 10px 0px; padding:0px;width:270px; text-align:left; display:none; }
.wp125ad img{margin:0px; padding:0px; border:0px; width:260px;}

/* events */

#events{border:1px solid #B2B2B2; background-color:#ECF0F1; margin:0px 30px 20px 0px; -moz-border-radius:8px; -webkit-border-radius:8px; font-size:11px;}
#events h1{ font-weight:bold; font-size:16px; line-height:18px; color:#FFFFFF; margin:0px; padding:4px 10px; background-image:url(images/bkg_h1.jpg); background-position:left; background-repeat:repeat-x;-moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px;-moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px;}
#events h2{ font-weight:bold; font-size:12px; line-height:14px; color:#000000; margin:0px 0px 0px 10px; padding:10px 0px 4px 0px;}
#events p{margin:0px 0px 10px 10px; padding:0px; }
#events a:link, #events a:visited{ text-decoration:none; color:#125693;}
#events a:hover, #events a:active{ text-decoration:underline; color:#125693;}

#eventCalendar{padding:0px 40px 10px 20px;}
.eventMonth{background-image:url(images/bkg_home_item.jpg); background-position:top right; background-repeat:no-repeat; margin:10px 0px 10px 0px; padding:3px; width:580px;}
.eventMonth h1{float:left; font-size:18px; color:#000000; background-color:#FFFFFF; padding:0px 5px 0px 0px;}
.monthLine{height:1px;padding:12px 0px 0px 0px; border-bottom:1px solid #A6A6A6;}
.eventMonth ul{margin:0px; padding:0px;}
.eventMonth ul li{margin:0px; padding:10px 20px; list-style:none;}
.eventMonth ul li.altRow{margin:0px; padding:10px 20px; list-style:none;background-color:#F0F0F0;}
.eventLabel{color:#45827D; text-transform:uppercase;}

table.ec3_schedule{border:0px; color:#039;}


.contentRightText{border:1px solid #B2B2B2; background-color:#ECF0F1; margin:0px 30px 20px 0px; -moz-border-radius:8px; -webkit-border-radius:8px; font-size:11px;}
.contentRightText h1{ font-weight:bold; font-size:16px; line-height:18px; color:#FFFFFF; margin:0px 0px 5px 0px; padding:4px 10px; background-image:url(images/bkg_h1.jpg); background-position:left; background-repeat:repeat-x;-moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px;-moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px;}
.contentRightText h2{ font-weight:bold; font-size:12px; line-height:14px; color:#000000; margin:0px; padding:10px 0px 4px 0px;}
.contentRightText p{margin:0px 0px 10px 10px; padding:0px; }
.contentRightText a:link, .contentRightText a:visited{ text-decoration:none; color:#125693;}
.contentRightText a:hover, .contentRightText a:active{ text-decoration:underline; color:#125693;}

#contentRight a.navOn:link, #contentRight a.navOn:visited{ display:block; text-decoration:none; color:#EA7125;}
#contentRight a.navOn:hover, #contentRight a.navOn:active{ display:block; text-decoration:none; color:#EA7125;}
.clearOne{clear:both;}

/*forms */
#loginform input{border:1px solid #939BBE; width:250px; margin:0px; padding:2px 0px 2px 8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.cimy_uef_input_27,{border:1px solid #939BBE; width:250px; margin:0px; padding:2px 0px 2px 8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.cimy_uef_input_ta{border:1px solid #939BBE; width:250px; height:100px; margin:0px; padding:2px 0px 2px 8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
label.error{color:#FF0000; margin-left:10px;xposition:absolute; left:-2000px; xdisplay:none; xvisibility:hidden;}
input.error, select.error{border: 1px solid red; -moz-border-radius:8px; -webkit-border-radius:8px;}
.reqField{color:#FF0000; font-style:italic;}
#errorMessage{ visibility:visible; color:#FF0000;  font-weight:bold;margin:0px 0px 0px 0px;}
fieldset {  margin: 5px 0px 0px 0px;  padding: 0px 0px 0px 0px; border:0px;  }  
fieldset p{padding:0px; margin:0px;}
fieldset label{width:200px; display:block; float:left;}
legend {  margin-left: 1em;  color: #000000;font-weight: bold; }  
fieldset ol {margin:10px 0px 0px 0px;  padding: 1em 1em 0 1em;  list-style: none;  }  
fieldset ol li {  padding-bottom: 1em; float:left; margin:0px 10px 0px 0px; width:460px;  }  
fieldset.submit {  border-style: none;  }

#registerCodes input{width:25px;}

/* search results */
#searchResultsWrapper ul{margin:0px; padding:0px;}

#searchResultsWrapper ul li{margin:0px; padding:10px 0px; list-style:none; line-height:1.4;}
#searchResultsWrapper ul li.altRow{margin:0px; padding:10px 0px; list-style:none;background-color:#F0F0F0; line-height:1.4;}
#searchResultsWrapper ul li.enhanced{margin:0px; padding:10px 0px; list-style:none;background-color:#c1c6da; line-height:1.4;}

#messageBox{border:1px solid #125693; padding:20px; background-color:#ECF0F1;}

.catItem{display:none; float:left; margin:0px 50px 0px 0px;}
.catItemOn{display:block; float:left; margin:0px 50px 0px 0px;}
#memberDetail{line-height:1.4;}
#memberDetailPhoto{float:left; margin:0px 10px 100px 0px; }
#memberDetailPhoto h3{color:#45827D;}
#memberDetailPhoto ul{margin:0px; padding:0px;}
#memberDetailPhoto ul li{margin:0px; padding:3px 0px 3px 10px; list-style:none;}

#memberDetailNoPhoto{float:left; width:150px; margin:110px 0px 100px 0px; }
#memberDetailNoPhoto h3{color:#45827D;}
#memberDetailNoPhoto ul{margin:0px; padding:0px;}
#memberDetailNoPhoto ul li{margin:0px; padding:3px 0px 3px 10px; list-style:none;}

.memberPhoto{border:0px; margin:0px 0px 10px 0px;}


/* footer */
#footer{ position:relative;top:0px; left:0px; width:950px; height:78px; background-image:url(images/bkg_footer.jpg); background-position:bottom left; background-repeat:repeat-x; margin:10px 0px 0px 0px;}
#footerNav{position:absolute; top:0px; left:0px; width:941px; height:28px; background-image:url(images/bkg_nav_footer.jpg); background-position:left; background-repeat:repeat-x; padding:0px 0px 0px 9px;}
#footerNav a:link, #footerNav a:visited{ float:left; display:block; padding:9px 18px 0px 18px; text-decoration:none; color:#FFFFFF; font-size:12px; line-height:12px; font-weight:bold; text-align:center;}
#footerNav a:hover, #footerNav a:active{ float:left; display:block; padding:9px 18px 0px 18px; text-decoration:underline; color:#FFFFFF; font-size:12px; line-height:12px; font-weight:bold; text-align:center;}
.footerDivider{float:left;display:block; width:1px; height:15px; margin:8px 0px 0px 0px;border-left:1px solid #FFFFFF;}
#footerFaceBook{position:absolute;top:38px; left:30px;}
#footerText{position:absolute;top:38px; right:0px; width:240px; height:40px; text-align:right;margin:0px 0px 0px 0px;padding:2px 30px 0px 0px;font-size:10px; color:#FFFFFF;}
#footerText a:link, #footerText a:visited{text-decoration:none; color:#FFFFFF;}
#footerText a:hover, #footerText a:active{text-decoration:underline; color:#FFFFFF;}
h1{ color:#45827D; padding-top:0px; margin-top:0px; font-size:14px;}

a:link, a:visited{text-decoration:none; color:#125693;}
a:hover, a:active{text-decoration:underline; color:#125693;}


/*	standard wordpress alignment styles
	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */