@charset "UTF-8";
/* CSS Document */

@font-face {  
  font-family: mpfFont ;  
  src: url( /_font/avantgarde.ttf ) format("truetype");  
}  
 
/* Then use it like you would any other font */  
.yourFontName { font-family: mpfFont , verdana, helvetica, sans-serif;  
} 

#outer {
	margin: 0 auto;
	width: 1000px;/*background-color:#ff0000;*/
}
#stretchBack {
	position:relative;
}
#topBack {
	/*background: #8b0f04;*/
	background-image:url(../_images/stripeTopLeft.jpg);
	background-repeat:repeat-x;
	height:167px;
	width:800px;
	position:absolute;
	top:0px;
	left:0px;
	margin-left:0px;
	z-index:-2;
}
#top2Back {
	/* background: #0000ff; */
	background-image:url(../_images/stripeTopRight.jpg);
	background-repeat:repeat-x;
	height:479px;
	width:800px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:-2;
	margin-top:0px;
}
#bottomBack {
	/*background: #00ff00;*/
	background-image:url(../_images/stripeBottom.jpg);
	background-repeat:repeat-x;
	width:100%;
	height: 150px;
	position:absolute;
	bottom:0px;
	left:0px;
	margin-bottom:0px;
	z-index:-2;
}
#logo {
	background-image: url(../_images/logo.jpg);
	background-repeat: none;
	height:93px;
	width:1000px;
}
#logoClick {
	float:left;
	width:770px;
	height:90px;
	margin-left:120px;
	z-index:10;
}
.writing {
	margin-left:160px;color:#ffffff;
	font-family:Helvetica, Arial, sans-serif;
	margin-right:200px;
	font-size:14px;
	line-height:25px;
}
#footerContainer {
	background-image:url(../_images/img2_06.jpg);
	background-repeat:none;
	width:1000px;
	height:150px;
}
#footerContainer a:link, 
#footerContainer a:visited {
	color:#1a3d5f;
	text-decoration:none;
}
#footerContainer a:active, 
#footerContainer a:hover {
	color:#ffffff;
	text-decoration:none;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #39a5f5;
	background-image: url();
	background-repeat: repeat;
}
#content {
	position: absolute;
	top:500px;
	width:640px;
	z-index:10;
	margin-left: auto;
	margin-right: auto;
	padding-left: 170px;
	padding-right: 190px;
}
body,td,th {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
#pool a:link,
#pool a:visited {
	color: #ffffff;
	text-decoration: underline;
}
#pool a:hover,
#pool a:active {
	text-decoration: underline;
	color: #39A5F5;
}
/* contact us page */
#ways_to_contact {
	margin-top:40px;
	margin-left:-30px;
	background-image:url(../_images/_contact/ways_to_contact.png);
	height:152px;
	width:690px
}
#button_donate_now {
	float:left;
	margin-left:68px;
	margin-top:65px;
}
#button_facebook {
	float:left;
	margin-left:30px;
	margin-top:65px;
}
#button_twitter {
	float:left;
	margin-left:40px;
	margin-top:65px;
}
#button_volunteer {
	float:left;
	margin-left:34px;
	margin-top:65px;
}
/* level field fund page */
#lff_logo {
	margin-left: 120px;
	margin-top:50px;
}
#lff_photo {
	margin-left: -60px;
}
#golf_classic_title {
	margin-left: 165px;
	margin-top:50px;
}
#golf_classic_photo {
	margin-left: -25px;
}
#donate_title {
	margin-left: -50px;
}
/* buzz link alignment */
#buzz {
	padding-top:60px;
	padding-right:200px;
	text-align:right;
	font-size: 10px;
}
#letter_from_michael {
	margin-left:155px;
	margin-top:60px;
}
#news_logo {
	margin-left: 160px;
	margin-top:50px;
}
/* Navigation
====================================================================== */
#outerNav {
  height:25px;
  padding-top:124px;
}
#nav {
	float: left;
	font-family: 'mpfFont', 'Lucida Grande', 'Lucida Sans', sans-serif;
	font-weight: bold;
	margin-left:123px;
}
#nav li {
	float: left;
	display: block;
	margin-top:-15px;
	height:25px;
	line-height:25px;
}
#nav li.Current {
}
#nav li.first {
	margin-left: 0;
}
#nav li a {
	font-weight: normal;
	font-size:16px;
	letter-spacing:.07em;
	font-family: mpfFont, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: inline;
	display:block;
	text-align:center;
	height:25px;
	border-left:1px solid #e5e5e5;
	text-decoration:none;
}
#nav li a:link, #nav li a:visited {
	color: #0388bf;
	text-decoration:none;
}
#nav li a:hover, #nav li a:active {
	color:#ffffff;
	background-color:#0388bf;
	height:25px;
	text-decoration:none;
}

/*******/
#nav li ul {
	display: none;
	/* width: 15em;*/ /* Width to help Opera out */
	background-color:#1a2a3b;
	color:#FFFFFF;
	border: none;
	opacity:0.85;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
// first! filter: alpha(opacity=90);
}
#nav li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 3000;
}
#nav li:hover li {
	float: none;
}
#nav li:hover li a {
	background-color:#0280be;
	color:#ffffff;
}
<!-- this is for the home button only -->
#nav a.current:hover{  
	border-left: 1px solid #0388bf;
}
#nav a.homeButton:hover{  
	border-left: 1px solid #0388bf;
}
#nav a.currentSection:link,
#nav a.currentSection:visited {
	background-color:#0388bf;
	color: #ffffff;
}
#nav a.currentSectionHome:link,
#nav a.currentSectionHome:visited {
	background-color:#0388bf;
	color: #ffffff;
	border-left:1px solid #0388bf;
}

#nav ul li.homeNav a:hover {
	color:#ff0000;
}

/* for the link elements in the dropdown menu */
#nav li a {
	display:block;
}
/* make sure no bullets show up & set the size of the items in the drop down menu */
#nav li li {
	margin:0px;
	padding:0px;
	height:30px;
	display:block;
	
}
/* set styles for the elements in the dropdown menu */
#nav li li a {
	border-right: 1px #ffffff solid;
	border-left: 1px #ffffff solid;
	padding:4px 4px 4px 10px;
	font-family: mpfFont, Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	text-align:left;
	background-color:#0280be;
}
/* when you hover over an item in the dropdown menu */
#nav li li a:hover {
	color:#ffffff;
	background-color:#193c5d;
}
#nav ul li.Current ul li:hover a {
	color: #FFFFFF;
}