/*
 * NAPBA Style Sheet
 * Made By: Chris Casper
 * 2006
 *
 * PLEASE DON"T STEAL MY CSS :(
 * If you want to use it email me: chris@cgcpromotions.com or if you need help. Thanks!
 */

/*
 * General Styles
 *
 */

 .redAlert { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.5em; color:#CC0000; text-align:center;}
 .newsBox { border: 1px solid #CCCCCC; padding: 5px;}
 .boardMember { border: 1px solid #CCCCCC; margin:5px; padding:1px;}
 .boardMemberName { background:#F8F8F8; padding: 5px;}
 .boardMemberLeft { padding: 5px; float:left;}
 .boardMemberRight {padding: 5px; float:right;}

/*
 * General Styles
 *
 */

 body { background:url(../images/background.jpg); margin: 0;}
 img { border: none;}
.clear { clear:both;}
 h1 { color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; margin: 3px 3px 10px 3px;}
 h2 { color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; margin: 3px 3px 10px 3px;}
 h3 { color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1em; margin: 2px 2px 5px 2px;}
 a:link, a:visited{ color:#CC0000;}
 a:hover { color:#999999; text-decoration:underline;}

/*
 * Layout Styles
 *
 */
 
 #mainContainer { width: 770px; margin: 10px auto 0 auto; background:url(../images/mainBackground.jpg) repeat-y center;}
 
 #header {}
 #headerLeft { width: 270px; background:url(../images/topLeft.jpg) no-repeat top; float:left;}
 #headerRight { width: 500px; background:url(../images/topRight.jpg) no-repeat top; float:left;}
 #headerRightBanner { 
 	margin: 150px 0 0 10px !important;
	margin: 150px 0 0 5px;
	/*width:470px !important;*/
	width:300px;
	padding: 40px 30px 0 140px;
	height: 100px;
	background:url(../images/aboutNapba.jpg) center no-repeat;
	float:left;
	text-align:right;
	font-size: .7em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
 }
 
 #topMenu1 { text-align:right; padding: 10px 10px 0 0 !important; padding: 28px 8px 0 0; height: 60px;}
 #topMenu1 ul { list-style:none;}
 #topMenu1 li { display: inline;}
 
 #topMenu2 { padding: 0; }
 #mainMenu { position: relative; margin:0 0 0 10px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.8em;}
 #mainMenu li {
	width:117px;
	height:141px;
	position:absolute;
	display:block;
	list-style:none;
	overflow:hidden;
	top: -7px;
}
 #mainMenu a { width:110px; height:140px; display:block; text-align:center; text-decoration:none; color:#FFFFFF; padding: 95px 0 0 0;}
 #mainMenu #joinbtn { left:-5px; background:url(../images/btn1Up.jpg);}
 #mainMenu #membersbtn { left:239px; background:url(../images/btn2Up.jpg);}
 #mainMenu #govbtn { left:118px; background:url(../images/btn3Up.jpg);}
 #mainMenu #contactbtn { left:357px; background:url(../images/btn4Up.jpg);}
 #mainMenu #joinbtn a:hover { background:url(../images/btn1Down.jpg);}
 #mainMenu #membersbtn a:hover { background:url(../images/btn2Down.jpg);}
 #mainMenu #govbtn a:hover { background:url(../images/btn3Down.jpg);}
 #mainMenu #contactbtn a:hover { background:url(../images/btn4Down.jpg);}
 
 #bodyLeft { /*background:#66FF00;*/ padding: 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: .8em; }
 
 #leftMenuContainer { background:#f8f8f8; padding: 5px 0 5px 0; margin:0;}
 #leftMenu { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; list-style:none; margin:0; padding:0;}
 #leftMenu li { width: 250px!important; height:100px!important; width: 210px; height:70px; display:block; margin:5px;}
 #leftMenu a { width: 210px; height:70px; display:block; color:#333333; text-align:center; text-decoration:none; padding: 30px 0 0 40px;}
 #leftMenu #certBtn { background:url(../images/certIcon.jpg);}
 #leftMenu #knowBtn { background:url(../images/knowIcon.jpg);}
 #leftMenu #conBtn { background:url(../images/conIcon.jpg);} 
 #leftMenu #certBtn a:hover { color:#CC0000;}
 #leftMenu #knowBtn a:hover { color:#CC0000;}
 #leftMenu #conBtn a:hover { color:#CC0000;} 
 
 #bodyRight { /*background:#FFFF00;*/ padding: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: .8em;}
 #footer {}
 
 #footerInfo { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: .6em; text-align:center; margin: 10px; color:#666666;}
 #footerInfo a:visited, a:link { color:#666666}
 #footerInfo a:hover { color:#006699; text-decoration:underline;}
 #footerBottom {}

/*
 * Calendar Styles
 *
 */
 
 #calendarTable { width: 100%;}
 #calendarTableLeft { width: 50%;}
 #calendarTableRight {}
 #calendarTable h1 {}