/*---------------------------- Framework ---------------------------------*/

body { 
	text-align:center; 
	font:12px/17px Verdana, Arial, Helvetica, sans-serif; 
	color:#003399;
	margin-top: 0px;
	}

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

p.faq {font-weight:bold; color:#ff0033;}

span.board {font-weight:bold; color:#ff0033;}

/* ------------------------ images ------------------------ */
/* ------------------------ titles ------------------------- */
#title-images {
	height:170px;
	background:url("../images/index-images.jpg") ;
	}

#title-home {
position:relative;
	height:47px;
	margin:10px 0 10px 0;
	background:url("../images/title-home.jpg") no-repeat;
	}
	

	
#title-board {
	height:47px;
	background:url("../images/title-board.jpg") ;
	}
	
#title-advisory {
	height:47px;
	background:url("../images/title-advisory.jpg") ;
	}

	/* ------------------------ advisory pages ------------------------- */
	
#title-la {
	height:47px;
	background:url("../images/title-la.jpg") ;
	}

#title-sb {
	height:47px;
	background:url("../images/title-sb.jpg") ;
	}
	
#title-sd {
	height:47px;
	background:url("../images/title-sd.jpg") ;
	}
	
#title-orange {
	height:47px;
	background:url("../images/title-orange.jpg") ;
	}
	
#title-louisiana {
	height:47px;
	background:url("../images/title-louisiana.jpg") ;
	}
	
#title-northern {
	height:47px;
	background:url("../images/title-northern.jpg") ;
	}
	
	/* ------------------------ advisory pages ------------------------- */
	
#title-employees {
	height:47px;
	background:url("../images/title-employees.jpg") ;
	}

#title-grantseekers {
	height:47px;
	background:url("../images/title-grantseekers.jpg") ;
	}
	
#title-faq {
	height:47px;
	background:url("../images/title-faq.jpg") ;
	}
	
#title-procedures {
	height:45px;
	background:url("../images/procedures-donating.jpg") ;
	}
	
#title-financial {
	height:47px;
	background:url("../images/title-financial.jpg") ;
	}

#title-contact {
	height:47px;
	background:url("../images/title-contact.jpg") ;
	}
	
	
#title-people {
	position:relative;
	background:url("../images/title-people.jpg");
	height:79px;
	}
	#title-people a {
	position:absolute;
	left:540px;
	width:63px;
	top:34px;
	height:19px;
		}
	#title-people a span {
		display:none;
		}
		
#title-helping {
	position:relative;
	background:url("../images/title-helping.jpg");
	height:93px;
	}
	#title-helping a {
	position:absolute;
	left:500px;
	width:63px;
	top:18px;
	height:19px;
		}
	#title-helping a span {
		display:none;
		}			
	
/* ------------------------ main framework ------------------------ */
#wrap {
	background:url("../images/bg-wrap.jpg") repeat-y;
	width:999px;
	margin:0 auto;
	text-align:left;
	}

/* ------------------------ masthead framework ------------------------ */
#index-banner {
	position:relative;
	background:url("../images/index-banner.jpg");
	height:162px;
	}
	#index-banner a {
	position:absolute;
	left:4px;
	width:194px;
	top:3px;
	height:143px;
		}
	#index-banner a span {
		display:none;
		}
		
/* ------------------------ masthead framework ------------------------ */
#banner {
	position:relative;
	background:url("../images/inside-banner.jpg");
	height:162px;
	}
	#banner a {
	position:absolute;
	left:4px;
	width:194px;
	top:3px;
	height:143px;
		}
	#banner a span {
		display:none;
		}



/* ------------------------ img framework ------------------------ */

/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:196px;
	float:left;
	}

	#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl {
		margin:0px 0px 10px 0px;
		}



/* ------------------------ column-right framework ------------------------ */
#column-right {
	width:803px;
	float:left;
	}

	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl {
		margin:0px 48px 10px 38px;
		}

	/* single column list */
	#column-right ul { padding-left:5px; }
		#column-right ul li { 
			background:transparent url("") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			
			 margin-left:38px;
			line-height:18px;
			padding-left:0px;  /* pushes text to the right to display bg img */
			}
			
#column-right li.top {margin-top:-8px;}	

#column-right ul li ul {margin-left:0px;}	


#column-right ol li{ margin-left:38px; line-height:18px; margin-right:100px;}
		
			
/* ------------------------ bottom-wrap  ------------------------ */
#bottom-wrap {
	background:url("../images/footer-wrap.jpg") no-repeat;
	width:100%; 
	height:29px;
	clear:both; 
	}

/* ------------------------footer ------------------------ */
p.footer {
	margin-top:-10px;
	font-size:9px;
	}


p.back {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet-back-to-top.jpg") right no-repeat;
	}

/* ------------------------ vertical nav ------------------------ */
#nav {
	background:url("../images/nav.jpg") top left no-repeat;					
	width:195px;	/* Width of buttons, not entite image (or half of entire image) */
	height:327px;	 /* Height of entire image */
	margin:0;
	padding:0;
	}

#nav li span { display: none; }

#nav li { float:left; list-style:none; position:relative; }

#nav li, #nav a { 
	height:38px;	/* Each button must have the same height, define it here */
	display:block;
	}

/* margin-top to set where the nav should begin */
#nav-01 { margin-top:0px; width:195px; }

/* margin-top if there is a spacing between each nav button */
#nav-02, #nav-03, #nav-04, #nav-05, #nav-06, #nav-07, #nav-08 { margin-top:0; width:195px; }

#nav-01 a:hover { background:url("../images/nav.jpg") -195px  -0px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -195px  -38px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -195px  -76px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.jpg") -195px  -114px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.jpg") -195px -151px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.jpg") -195px -190px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.jpg") -195px -229px no-repeat; }
#nav-08 a:hover { background:url("../images/nav.jpg") -195px -265px no-repeat; }

/*-------------- Keeps hover on body #id ------------- */
body#index #nav-01 { background:url("../images/nav.jpg") -195px  -0px no-repeat; }
body#board #nav-02 { background:url("../images/nav.jpg") -195px  -38px no-repeat; }
body#advisory #nav-03 { background:url("../images/nav.jpg") -195px  -76px no-repeat; }
body#employees #nav-04 { background:url("../images/nav.jpg") -195px  -114px no-repeat; }
body#grantseekers #nav-05 { background:url("../images/nav.jpg") -195px -151px no-repeat; }
body#faq #nav-06 { background:url("../images/nav.jpg") -195px -190px no-repeat; }
body#financial #nav-07 { background:url("../images/nav.jpg") -195px -229px no-repeat; }

body#contact #nav-08 { background:url("../images/nav.jpg") -195px -265px no-repeat; }



/* ------------------------ stop from sticking: vertical nav ------------------------ */
#nav li ul {
	position:absolute;
	background-color:#ffffff;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	
		left:-9999px;
	margin-left:195px; /* Set to same width as in #nav */
	margin-top:-38px; /* Set to each button height, same as used above */
	}

#nav li ul li {
	height:20px; /* Height of each drop down nav item */
	border:1px solid #003399;
	}

#nav li ul li a {
	width:100%;
	height:20px; /* Height of each drop down nav item, should match above */
	line-height:20px;	 /* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display:block;
	padding-left:5px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#003399;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }


/* Hover styles for drop down items */
#nav-06 ul a:hover { 
	background-image:none;
	background-color:#003399;
	color:#ffffff;
	text-decoration:none;
	}
	

/* width of drop down nav - choose width that allows items to display on one line */
#nav-06 ul, #nav-06 li {

	width:200px;
	padding-left:0px;
}	
	

/* New Styles*/
#signup-intro { background: url(../images/signup_bg.jpg) repeat-x; height: 140px; width: 725px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 35px; }
#signup-intro p { margin: 0px, 0px, 0px, 0px; padding: 10px 0px 0px 10px; font-weight:bold; width: 640px;}
#signup-intro ul { margin: 0px; padding: 10px 0px 0px 10px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; }
#signup-intro li { list-style: none; font: bold 12px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 5px; }
#signup-intro a:link, #signup-intro a:visited, #signup-intro a:hover, #signup-intro a:active { color: #FF552F; text-decoration: underline; }
#navigation { width: 195px; margin: 0px;  }
#navigation ul { list-style: none; margin: 0px 0px 0px 30px; padding: 0; }
#navigation li { /*border-bottom: 1px solid #00349a;*/ padding:0px; margin:0px 0px -2px; width: 165px; }
#navigation li a:link, #navigation li a:visited, #navigation li a:active { padding: 1em 0 1em 0.5em; /*border-left: 12px solid #711515; border-right: 1px solid #711515;*/ color: #00349a; text-decoration: none; font: bold 12px Verdana, Arial, Helvetica, sans-serif; margin: 0px; display: block; }
#navigation li a:hover { background-color: #00349a; color: #FFFFFF;  }
#navigation li a:link.selected, #navigation li a:visited.selected, #navigation li a:active.selected {  /*border-left: 12px solid #711515; border-right: 1px solid #711515;*/ background-color: #00349a; color: #FFFFFF; display: block; }
#navigation li a:hover.selected { background-color: #00349a; color: #FFFFFF;  }
#navigation li a:link.sub, #navigation li a:visited.sub, #navigation li a:active.sub {  /*border-left: 12px solid #711515; border-right: 1px solid #711515;*/ display: block; font: bold 10px Verdana, Arial, Helvetica, sans-serif; padding-left: 20px; }
#navigation li a:hover.sub { background-color: #00349a; color: #FFFFFF;  }
#title-header { width: 725px; padding: 0px; margin: 0px auto 10px; }
#title-header h1 { font: normal 24px/47px Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; !important; color: #F80438; }
#letters-box { width: 200px; float: right; margin-bottom: 15px; background: url(../images/letters_box.jpg) no-repeat; height: 150px; margin-left: 20px; padding-left: 25px; padding-right: 30px; }
#column-right p.letters { float: left; padding-right: 90px; margin: 0px; padding-top: 20px; }
#column-right #letters { background: url(../images/letters_bg.jpg) repeat; height: 233px; width: 653px; margin: 10px auto; }
#column-right #letters h1 { padding: 0px; margin-top: 10px; margin-left: 20px; color: #00349A; font: bold 18px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 10px; float: left; }
#column-right #letters ul { margin: 20px 0px 0px 15px; padding: 0px; float: left; }
#column-right #letters li { list-style: none; display: inline; margin: 0px; padding: 0px 15px; float: left; }
#column-right #letters #close { float: right; height: 24px; width: 26px; padding-right: 25px; padding-top: 10px; }
#column-right img { border: none;}
#dialog ul { margin: 20px 0px 0px 15px; padding: 0px; float: left; }
#dialog li { list-style: none; display: inline; margin: 0px; padding: 0px 15px; float: left; }
#dialog img { border: none; }
#dialog p { float: left; padding-right: 90px; margin: 0px; padding-top: 20px; font:12px Verdana, Arial, Helvetica, sans-serif; color:#003399; }
#dailog_link a {background: none; border:none; }
#nomination { width: 200px; float: right; margin-bottom: 15px; background: url(../images/border_default.jpg) no-repeat; height: 150px; margin-left: 20px; padding-left: 25px; padding-right: 30px; }
#nomination p { margin-right: 40px; margin-top: 50px; padding: 0px; margin-left: 0px; }