/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Screen.css
	* Main stylesheet for controling all CSS styles
	
	Author
	* Sam Howat [sam@bluetux.com]
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 	

	@import "_reset.css"; 
	@import "_type.css"; 
	@import "_grid.css"; 
	@import "_tables.css";


/* Body
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body {
	
	background-color: #F4F4F4;
	margin: 0; padding: 0;	
}

/* Main Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#main-nav {
	background: #51802D url(../img/nav/main-nav-bg.png) top left repeat-x; 
	width: 960px; height: 40px; 
	overflow: hidden;
	border-bottom: 0px solid #4D855D; 
	}

#main-nav a, #main-nav ul, #main-nav li {
	font-size: 12px; line-height: 40px; font-weight: bold;
	}

#main-nav a { 
	display: block; float: left; 
	text-decoration: none; text-align: center;
	margin: 0; padding: 0 20px; 
	width: auto; height: 40px;
	overflow: hidden;
	border-right: 1px solid #619A38;
	}

#main-nav a:link, #main-nav a:visited 	{ color: #FFF;  }
#main-nav a:active, #main-nav a:hover 	{ background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #FFFF99; }

#main-nav ul { 
	display: inline; 
	margin: 0; padding: 0; 
	}

#main-nav ul li {
	display: inline; list-style-type: none;
	margin: 0; padding: 0 0px; 
	}	

/* #nav-ten 		a { background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #51802D; border-right: 0px solid #FFFF99; } */

body#home-section #nav-one 			a { background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #FFFF99; }
body#about-section #nav-two 		a { background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #FFFF99; }
body#members-section #nav-three 	a { background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #FFFF99; }
body#expo-section #nav-four 		a { background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #FFFF99; }
body#education-section #nav-five 	a { background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #FFFF99; }
body#builders-section #nav-six 		a { background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #FFFF99; }
body#affiliates-section #nav-seven 	a { background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #FFFF99; }
body#news-section #nav-eight 		a { background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #FFFF99; }
body#events-section #nav-nine 		a { background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #FFFF99; }
body#contact-section #nav-ten 		a { background:transparent url(../img/nav/main-nav-hover-bg.jpg) 50% 100% no-repeat; color: #FFFF99; border-right: 0px solid #619A38; }


/* Sub Nav Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#right-col-content #sub-nav {
	border-bottom: 1px solid #D9D9D9;  
	}

#right-col-content #sub-nav ul {
	margin: 5px 0px 5px 8px; padding: 0; 
	list-style-type: none;
	}

#right-col-content #sub-nav li {
	background: white url(../img/misc/bullet-icon.jpg) 0% 50% no-repeat;
	margin: 0; padding: 2px 0 2px 15px;
	}

#right-col-content #sub-nav a { font-weight: bold; }

#sub-nav ul {
	margin: 25px 0px 5px 8px; padding: 0; 
	list-style-type: none;
	}

#sub-nav li {
	background: white url(../img/misc/bullet-icon.jpg) 0% 50% no-repeat;
	font-size: 11px;
	line-height: 18px;
	margin: 0; padding: 2px 0 2px 15px;
	list-style-type: none;
	}

#sub-nav a { font-weight: bold; }


/* Right Column Content Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#right-col-content { 
	border: 1px solid #D9D9D9; 
	background-color: white; 
	margin: 4px;
	}

#right-col-content h3 {
	font-size: 14px; color: #333333;
	border-bottom: 1px solid #D9D9D9;  
	margin: 0; padding: 7px 0 7px 5px;
	}

#right-col-content p { margin: 0; padding: 5px 10px; font-size: 12px;  }
#right-col-content ul { margin: 5px 0px 5px 25px; font-size: 12px;   }

/* Image Replacement For Headers & Logo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header-div h1 a {

	background: transparent url(../img/logo/NPBA.jpg) no-repeat left top;
	display: block; float: left;
	width: 280px; 	height: 98px;
	margin: 5px 0 0 20px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	

	}


/* Image Replacement For Headers & Logo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#fp-highlight {
	background: #E3EBF0 url(../img/bg/fp-highlight-bg.jpg) bottom left repeat-x; 
	height: 250px;
	margin: 0 0 10px 0; padding: 0; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	}

.fp-highlight-textbox { padding: 20px 20px 0 30px; }
.fp-highlight-textbox h2 { padding: 0 0 20px 0; }
.fp-highlight-textbox h3 { padding: 0 0 15px 0; }
.fp-highlight-textbox p { padding: 8px 0; line-height: 140%; }

#footer-content { 
	border-top: 1px solid #C9E2F0; 
	margin: 0; padding: 10px 10px 0 10px; 
	}
#footer-content p { font-size: 11px; font-weight: bold; }
#footer-content p.line-one { padding: 10px 0; }
#footer-content p.line-one a { margin: 0 10px 0 0; }

/* Action button & Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

.green-button, .orange-button, .blue-button, .gray-button, .delete-button {
	margin: 0; padding:3px 5px 3px 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	vertical-align:top;
	cursor:pointer; 
	font-weight: bold; font-size: 11px;
	color:#FFF;  
	}
	
.green-button-nolink, .orange-button-nolink, .blue-button-nolink, .gray-button-nolink, .delete-button-nolink {
	margin: 0; padding:3px 5px 3px 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	vertical-align:top;
	font-weight: bold; font-size: 11px;
	color:#FFF;  
	}

.green-button 	{ background-color:#60C21E; border:1px solid #60C21E;	}
.blue-button 	{ background-color:#2C8DCA; border:1px solid #2C8DCA; }	
.orange-button 	{ background-color:#FFC04D; border:1px solid #FFC04D; color: #563A0D; }	
.gray-button 	{ background-color:#999999; border:1px solid #999999; color: #FFF; }

.green-button-nolink 	{ background-color:#60C21E; border:1px solid #60C21E;	}
.blue-button-nolink 	{ background-color:#2C8DCA; border:1px solid #2C8DCA; }	
.orange-button-nolink 	{ background-color:#FFC04D; border:1px solid #FFC04D; color: #563A0D; }	
.gray-button-nolink 	{ background-color:#999999; border:1px solid #999999; color: #FFF; }

/* Blog Comments
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.comment-text { background-color: #F9F9F9; padding: 5px; margin: 5px; border:1px solid #f0f0f0 }	

/* Member Links Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#mem-nav {
	font-size: 12px;
}

#mem-nav ul {
	margin: 15px 0 5px 0; padding: 0; 
	list-style: none;
	display: inline;
	}

#mem-nav ul li {
	list-style: none;
	display: inline;
	background: white url(../img/misc/bullet-icon.jpg) 0% 50% no-repeat;
	margin: 0; padding: 2px 0 2px 15px;
	}

#mem-nav a { font-size: 12px; font-weight: bold; text-decoration: underline; color: #0066FF; }
#mem-nav a { font-size: 12px; font-weight: bold; text-decoration: underline; color: #CC0000; }

/* Contact Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#contact-us-info {
	float: right;
	padding: 0 10px; margin: 0 0 0 10px;
	width: 315px; height: auto;
}
 
#contact-us-map {
	float: left;
	width: 550px; height: auto;
	background-color: #EDEDED;
	padding: 10px; margin: 0 0 10px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

	
/* Misc Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clear 	{ clear: both; } 

/*---:[ image handling classes ]:---*/

	img.left, img.alignleft { float: left; clear: left; border: 1px solid #c4c4c4; padding: 4px; margin: 5px 10px 5px 0; }
	
	img.right, img.alignright { float: right; clear: right; border: 1px solid #c4c4c4; padding: 4px; margin: 5px 0px 5px 10px;  }
	
	img.center, img.aligncenter { display: block; float: none; clear: both; border: 1px solid #c4c4c4; padding: 4px;  }
	
	img.block, img.alignnone { display: block; clear: both; border: 1px solid #c4c4c4; padding: 4px;  }

	img.frame { background: #eee; border-style: solid; border-color: #ddd; }
	
	img.stack { clear: none !important; }

/*---:[ end image handling classes ]:---*/