﻿

#main {
	width:800px;
	height:auto;
	background:#ffffff;
	text-align:center;
	vertical-align:text-top;

}

/* ---- ABS content --*/


#abs_main {
	width:780px;
	height:auto;
	background:#ffffff;
	text-align:center;
	vertical-align:text-top;

}

.side_left {
	background-image: url('../PublishingImages/sides_left.png');
}

.side_right {
	background-image: url('../PublishingImages/sides_right.png');
}



/* ---- graphic headers -------*/

#header_home {
		background-image:url('../PublishingImages/header_graphic_home.png');
		background-position:center;
		background-repeat:no-repeat;
		
}



/* fix to allow drop down menu to dissapear in IE */

#gnav li.hover {   
    position: static;   
}




#gnav li:hover {   
    position: static;   
}




#nav  {
/*	clear:both;
	margin-top:7em;
	 margin-left:20em;
	 voice-family: "\"}\""; 
	voice-family:inherit;*/
	background:none;
	width:800px;
}

html>body #nav {
	width:800px;
	
}






			/*** main navigation ***/

#gnav ul {
	width:800px;
	padding:0 0 0 0;
	margin:0;
	text-align:center;
	list-style:none;
	line-height:1.5em;
	z-index:100;

}

#gnav {
	width:800px;
	padding:0;
	margin:0;
	list-style:none;
	line-height:0.8em;

}

	/* nav text size - alignment - color - display  */

#gnav a {
	display:block;
	width:10em;
	font-size:0.95em;
	padding:0 0 0 0;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
}

	/* Aligns top Nav along (stops it from loading under each other */

#gnav li {
	float:left;
	 width:9em;
	/* Opera needs width*/
} 

	/* defines hover color for text top nav */

#gnav a:hover {
	color:#000000;
}


/* Home */


#gnav #g20 {
	border-right:#ffffff .5em solid;
	width:125px;
	height:35px;
	
}


/*#gnav #g11 {
border-right:#ffffff 0.1em solid;
	width:160px;
	height:35px;
} */

/* Sign Up for the Initiative */

#gnav #gl2 {
border-right:#ffffff 0.5em solid;
	width:125px;
	height:35px;
}


/* Resources */

#gnav #gl3 {
border-right:#ffffff 0.5em solid;
	width:125px;
	height:35px;

}


/* Join the conversation */

#gnav #gl4 {
	border-right:#ffffff 0.5em solid;
	width:125px;
	height:35px;

}




#gnav #gl5{
	border-right:#ffffff 0.5em solid;
	width:125px;
	height:35px;
}


/* AF Store */

#gnav #gl6{
border-right:#ffffff 0.5em solid;
	width:125px;
	height:35px;
}




/* old positioning padding:0.2em 0 0.55em 0.2em;
	margin:0 0 0 0.6em;
 */

/* length of drop down boxes */

#gnav li ul { /* second-level lists */
	display:block;
	position:absolute;
	width:125px;
	left:-999em;
	
}


/* defines text for drop down boxes */

#gnav li ul li a {
	text-align:center;
	color:#ffffff;

}


/* defines size of box for drop down boxes */

#gnav li ul li {
	margin:0;
	padding:10 0 0 0;
}

#gnav #top {
	border-top:none;
	margin:2.8em 0 0 0;
	padding:0.7em 0 0 0;
}

#gnav #bottom {
	padding:0.5em 0 1em 0;
	margin:0;
}

#gnav li.sfhover ul { /* lists nested under hovered list items */
	
	left: auto;
/*	margin-left:-1em;*/
	color:#666666;
}


#gnav li:hover ul { /* lists nested under hovered list items */
	left: auto;
/*	margin-left:-1em;*/
	color:#666666;
}


/*** upper level background colors ***/
li#g20 {
	background-color:#199CB4;}
li#gl1 {
	background-color:#199CB4;}
li#gl2 {
	background-color:#80B156;}
li#gl3 {
	background-color:#80B156;}
li#gl4 {
	background-color:#199CB4;}
li#gl5 {
	background-color:#199CB4;}
li#gl6 {
	background-color:#80B156;}
li#gl7 {
	background-color:#white;}


/*** second level color for boxes ***/

li#gl5 ul{
	background-color:#199CB4;}
li#gl3 ul{
	background-color:#80B156;}
li#g20 ul{
	background-color:#199CB4;}
li#gl1 ul{
	background-color:#199CB4;}
li#gl4 ul {
	background-color:#199CB4;}
li#gl2 ul {
	background-color:#80B156;}
li#gl6 ul {
	background-color:white;}
li#gl7 ul {
	background-color:white;}



.breadcrumbs {
	color: #199CB4;
	font-size: small;
}

.heading {
	color: #199CB4;
	font-size: medium;
	font-weight:bold;
}
.heading2 {
	color: #199CB4;
	font-size: 11pt;
	font-weight:bold;
}
.bofList{
	margin: 0px;
	padding: 7px 0px 15px 35px;
}


/*** end main navigation ***/

/*** main copy ***/

.text_maincopy {
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:small;

}


/* footer content */


.footer_copy {
	font-size:x-small;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align:center;
}



#top_corners {
	width:780px;
	height:53px;
	background-image:url('../PublishingImages/top_round_corners.gif');
	background-color:none;
	background-repeat:no-repeat;

}


#top_abs {
	width:780px;
	height:53px;
	background-image:url('../PublishingImages/top.png');
	background-color:none;
	background-repeat:no-repeat;

}



#top_image {
	width:800px;
	height:100px;
	background-image:url('../PublishingImages/bof_logo.png');
	background-color:white;
	background-repeat:no-repeat;

}



#bottom_corners {
	width:780px;
	height:32px;
	background-image:url('../PublishingImages/bottom_corners.gif');
	background-color:none;
	background-repeat:no-repeat;

}

#flash_show {

	embed:src=('http://afpshrpntappprd:36563/bof_new/flash/slideshow.swf');
	width:225px;
	height:285px;
	float:top;

}

#center {
	
	text-align:center;

}

.style21 {
	text-align: left;
	background-image: url('/bof_new/images/green_balloon.png');
}

