@charset "UTF-8";
/* CSS Document */
html, body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #CFDEF2;
	margin: 0 auto; 
	padding: 10px;
	color: #FFFFFF;
	height: 100%;
}
/*home.css is styled for the index.html page. with a blue background 3 column. */
#container { 
	width: 864px; 
	margin: 0 auto;
	padding:0px;
	}
/*container ends*/


/*contains the curved edges image, logo, main navigation and search*/	
#header{
	margin: 0px;
	padding: 0px;
	height: 78px;
	}
	
/*placed curved edges images*/	
#curve{
	height: 10px;
	background-image:url(/assets/images/white.png);
	background-repeat: no-repeat;}
	
*html #curve{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.aabgu.org/assets/images/white.png', sizingMethod='fixed');
background: url(images/clear.gif);
}	
/*left side of the header contains the logo white background*/
#logo{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	height: 68px;
	width: 234px;
	float: left;
	background: #FFFFFF;}
	
/*header navigation top right*/
#headerNav{
	font-size:11px;
	margin: 0px;
	padding: 0px 20px 0 0;
	width: 590px;
	height: 68px;
	float: right;
	background:#ffffff;
	text-align: right;
	}
	
/*pushes the top right navigation to the top*/
#headerNav ul{
	margin: 0px;
	padding: 0px 0px 4px 0px;
}

/*creates a list with borders*/
#headerNav ul li{
	list-style: none;
	display: inline;
	border-right: 1px solid #4D4D4D;
	padding: 0px 10px 0px 10px;}
	

/*grey colored type and no underline*/
#headerNav ul li a{
	color: #4D4D4D;
	text-decoration: none;}

/*visited in grey*/
#headerNav ul li a:visited{
	color: #4D4D4D;}

/*hover with an underline*/
#headerNav ul li a:hover{
	text-decoration: underline;
	}
	
/*selected underline*/
#headerNav ul li a.selected{
	text-decoration:underline;}

	
#headerNav ul li.first{
	border-left: #4d4d4d solid 1px; 
}

/*search form styled out*/	
form{
	margin: 10px 0 0 0;
	}
	
/*image for the search button*/	
form img{
margin: -5px 0 -8px 0px;
padding: 0;

}
/*end of header*/

/*main navigation with the background image/ height/ font size*/
#mainNav{
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size:10px;
	height: 22px;
	background-image:url(/assets/images/mainnav.gif);
	background-repeat: repeat-x;
}

/*floats the list left and controls the color*/
#mainNav ul{
	padding: 0 20px 0 0;
	margin: 0;
	color: #005295;
	float: left;
	}

/*displays the list inline*/
#mainNav ul li { 
	display: inline; }

/*floats left with no underlines and border right/ blue color*/
#mainNav ul li a{
	padding: 5px 10px 5px 10px;
	color: 005295;
	text-decoration: none;
	float: left;
	border-right: 1px solid #005295;
}

/*link is blue*/
#mainNav a:link{
	color: #005295;}

/*visited is blue*/	
#mainNav a:visited {
	color: #005295;}

/*hover background color orange white type*/	
#mainNav ul li a:hover{
	background-color: #f37421;
	color: #ffffff;
}
/*end of main navigation*/

	
/*contains flash animation or image and the secondary navigation*/
#containFlash{
	padding: 0px;
	margin: 0px;
	height: 125px;}	
	
/*placement of flash animation or image*/		
#flash{
	padding: 0px;
	margin: 0px;
	width: 864px;
	height: 125px;
	background:#16529A;
	float: right;
	}

/*creates a white space between the flash and the main content*/	
#spacer{
padding: 0px;
margin: 0px;
	height: 7px;
	background-color:#FFFFFF;
	}

/*end of Flash header with secondary navigation*/
	
	
/*contains all of the main content with 3 columns background image repeated*/	
#mainContent{
	overflow: hidden;
	background-image:url(/assets/images/border.gif);
	background-repeat:repeat-y;
	}


/*controls two left columns*/
#mainLeft{
	width: 288px;
	float: left;
	}
*html #mainLeft {
	width: 285px;
	} 
#mainLeftCell{

}
/*controls placement of mission statement in the left column*/
#mission {
 padding-top:15px;
} 

*html #mission	 {
 padding-top:2px;
}

#mainLeft{
 padding-top:15px;
 margin-top:0px;
} 
#mission, #mission h3, #mission div,  #mission img {
 padding-top:0px;
 margin-top:0px;
} 



/*controls the last column on the right*/
#mainRight{
	width: 288px;
	float: right;
	}
*html #mainRight {
	width: 281px;
}	

#mainLeft a, #mainLeftCell a, #mainLeftCell a:link, #mainLeftCell a:visited, #mainRight a, #mainRight a:link, #mainRight a:visited, #mainRightCell a, #mainRightCell a:link, #mainRightCell a:visited{
	color:#efa47b;}
	

#mainLeft a, #mainLeftCell a:hover, #mainRight a:hover, #mainRightCell a:hover {
	text-decoration:underline;}
	
/*holds the text and image in the center div this is repeatable*/
#textImg{
	min-height: 86px;
	padding: 0;
	margin: 10px 0 15px 15px;
	clear:left;
	}
	
/*holds the text to the right of the image*/	
#textRight{
	margin: 0px;
	padding: 0;
	}
	
/*the image floated to the left*/
img.floatLeft{
	float: left;
	padding: 0 5px 0 0s;
	margin:0 5px 5px 0;
	height: 86px;
	border: 1px solid #FFFFFF;}
	
/*paragraphs in white*/	
p{
	margin: 0px;
	padding: 0px 15px 15px 15px;
	font-size: 12px;
	line-height: 15px;
	font-weight:100;
	color: #FFFFFF;
	}

/*link in orange underlined*/	
#textRight p a:link{
	color:#efa47b;
	font-size: 12px;
	}
	
/*no underline*/	
#textRight p a:hover{
	text-decoration:none;
	} 	 
	
#textRight p a:visited{
	color:#efa47b;
	}
	
#textRight p a.white, #mainRightCell p a.white {
	  color:#ffffff;
	  text-decoration:none;
	}
	
#textRight p a.white:link, #mainRightCell p a.white:link  {
	  color:#ffffff;
	  text-decoration:none;
	}	   
	
#textRight p a.white:hover, #mainRightCell p a.white:hover {
	  color:#ffffff;
	  text-decoration:underline;
	}	
	
#textRight p a.white:visited, #mainRightCell p a.white:visited  {
	  color:#ffffff;
	  text-decoration:none;
	}
	
	
/*headlines in white*/
h1{
	margin: 0px;
	padding:5px 5px 0 15px;
	color: #FFFFFF;
	font-size:19px;
	font-weight:bold;}
	
/*headlines in orange*/
h2{
	margin: 0px;
	padding: 15px 5px 5px 15px;
	color: #efa47b;
	font-size:17px;
	font-weight:bold;}

/*paragraph left column 14px type in white*/
h3{
	padding: 0px 15px 5px 15px;
	font-size: 14px;
	line-height: 18px;
	font-weight:100;
	color: #FFFFFF;
	 }


/*bold*/	
#textRight strong{
	margin: 0px;
	padding: 0px;
	font-size:12px;
	font-weight:600;
	color: #FFFFFF;
	} 


	
/*blue color on the paragraph*/
.blueType{
	color: #ABE1FA;
	margin: 0;
	padding: 0;} 
	

/*paragraph left column 14px type in white*/
#mainRightCell h3{
	padding: 0px 15px 5px 15px;
	font-size: 14px;
	line-height: 2px;
	font-weight:bold;
	color: #FFFFFF;
	 }

/*join button*/
#joinContainer{
	padding: 0;
	margin: 0 0 10px 10px;
	width: 288px;
	height: auto;
	}

/*top of join button image with curved edges*/	
#joinBtTop{
	margin: 0;
	padding: 0;
	height:12px;
	background-image:url(/assets/images/joinhometop.png);
	background-repeat:no-repeat;}
*html #joinBtTop{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.aabgu.org/assets/images/joinhometop.png', sizingMethod='fixed');
background: url(/assets/images/clear.gif);
}	
/*bottomof join button image with curved edges*/
#joinBottom {
	margin: 0;
	height:12px;
	background-image:url(/assets/images/joinhomebottom.png);
	background-repeat:no-repeat;}
*html #joinBottom {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.aabgu.org/assets/images/joinhomebottom.png', sizingMethod='fixed');
background: url(/assets/images/clear.gif);
}
/*main area of the join button with type and repeated background*/
	
#joinBt{
	height: auto;
	background-image: url(/assets/images/joinhomebg.png);
	background-repeat: repeat-y;
	padding: 0;
	margin: 0;
	} 
*html #joinBt{
height: 110px;
width: 267px;
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.aabgu.org/assets/images/joinhomebg.png, sizingMethod='scale');
}	
/*headline for join button in white*/	
#joinBt h1{
	padding: 0px 10px 2px 15px;
	margin: 0;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;}

/*paragraph in the join button*/	
#joinBt p{
	margin: 0;
	padding: 0px 0 5px 15px;
	font-size: 11px;
	line-height: 13px;
	font-weight:100;
	color: #FFFFFF;
	}
	
/*links in the paragraph in join button*/
#joinBt  p a:link{
	color:#FFFFFF;
	text-decoration:none;}
	
/*visited white in the join button */	
#joinBt p a:hover{
	text-decoration:underline;
	}  
#joinBt  p a:visited{
	color:#FFFFFF;
	text-decoration:none;}


#joinContainer .outter{
	margin-left:2px;
}
	
#joinContainer .inner{
	margin-left:0px;
}
	
input.search{
vertical-align: top;
margin-top:2px;
}

/*controls the arrows with a set height of 14px width 34px floated right. A overflow hidden is set to trick the image to roll over and switch to a different color*/	
#arrowBlue a{
float: right;
	padding: 0px;
	margin: 0px 32px 0px 2px;
	display:block;
	height:14px;
	width:34px;
	overflow:hidden;	
}

/*controls the hover on the arrows. A -35px is set on the text-indent to show the second image of the arrow button*/	
#arrowBlue a:hover{
	display:block;
	text-indent:-35px;} 
/*end of join button*/
/*end of main content*/


/*this is for the curved corners on the bottom of the website*/	
#footer{
	padding: 0px;
	margin: 0 auto;
	width: 864px;
	height: 10px;
	background-image: url(/assets/images/bluecurve.png);}
/*end of footer*/
	
	*html #footer{
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.aabgu.org/assets/images/bluecurve.png', sizingMethod='fixed');
background: url(images/clear.gif);
}	
	

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}