/*------------------------  core CSS includes styles static centre-aligned div  -------------------------*/
body{ background: #fff; color:#333333; font: 12px/1.2em  Arial, Helvetica, sans-serif; text-align:center; background:#CCCCCC url(../_images/body_backgroundTile.gif) center top;}


a{text-decoration: none;}
	a:link    { color: #333;}
	a:visited { color: #333;} 
	a:focus   { color: #f3f3f3;}
	a:hover   { color: #999;}
	a:active  { color: #999;}
	
div.imgBox {width:330px; float: left; background: #fff; border-bottom: 1px solid #fff;}
	div.imgBox a{  height: 25px; width: 299px; padding:12px 5px 0 5px; border-left:15px solid #b6b68d; margin-left: 1px;
				   border-right: 5px solid #d3d3a3; display: block; float:left;color:#666633;
				   text-transform: uppercase; background: #d3d3a3 right center no-repeat;}
	div.imgBox a:hover{border-left-color: #ccccaf; background-color: #e0e0be; border-right-color: #e0e0be;}
	
	div.imgBox a span{ text-transform: capitalize; font-weight:bold; line-height:1; padding: 10px 0; display:block;}





h1{ font-size: 2em; margin: .67em 0;}
h2{ font-size: 1.5em; margin: .83em 0;}
h3{ font-size: 1.17em; margin: 1em 0;}
h4, h5, h6{ font-size: 1em; margin: 0em;}






img {padding: 0; margin: 0; border: 0; }
	img a:link   { border: 0; padding: 0; margin: 0;}
	img a:visited{ border: 0; padding: 0; margin: 0;}
	img a:focus  { border: 0; padding: 0; margin: 0;}
	img a:hover  { border: 0; padding: 0; margin: 0;}
	img a:active { border: 0; padding: 0; margin: 0;}
img.header{margin:0!important; padding:0;}
ul{ margin:0; padding:0; list-style:outside disc;}

ul.navList { list-style:none; border: 1px dashed #666666; padding: 0 !important;}
	ul.navList li    { border-top: 1px dashed #666666;background-color:#F2DFBB}
	ul.navList li.top{ border: 0;}
	ul.navList a { color: #666; padding: 0 5px; background-color:#FFFFCC; display:block; height:100%;} /*remove height and watch what happens in ie!*/
	ul.navList a:link   { }
	ul.navList a:visited{ }
	ul.navList a:focus  { }
	ul.navList a:hover  { background-color: #DDF8FF;}
	ul.navList a:active { }	
	









/*--------------------------------------------  IDs  --------------------------------------------*/

#container { width: 1020px; margin:0 auto; text-align:left;} /* centre-aligns div & resets text-align to left */
#wrapper{ float:left; background-color: #fff; width: 100%;} /* used for background colour behind all content */	
#innerContainer{ padding:10px 15px; display:block; margin-bottom:10px; } /* used for padding of all main layout divs*/


#mastHead{ padding: 5px 10px; margin-bottom: 10px;}
	#mastHead img{ vertical-align:middle; padding-left:3px;}
	#mastHead img.dotBorder { padding: 12px 15px 10px 318px; margin: 13px 13px 0 0 ; 
	background: url(../_images/bdr_bludot.gif) repeat-y top right}
	#mastHead img.shinyMember{margin-left: 570px;}


#banner { width: 100%; height: 162px; float: left; background: url(../_images/banner.jpg)  ;} /* !needs to be 162 so nav to the left can be divided by 6 */
	#banner img{margin:0; padding:0;}
	#banner h1{display:none;}
#columnHoz{ width: 100%; float: left}/* Left column */
#columnR{ width: 330px; float: right; margin:-2px 0 0 117px; 
		  background:#fff url(../_images/bdr_greydotY.gif) top left repeat-y;}/* Right column */
	#columnR h1 {margin-left: 15px;}
	#columnR div.titleBand{background: url(../_images/blurSmokeLrg.jpg) top left no-repeat; overflow:visible!important;}
	div.iconHolder{ width: 230px; position:absolute; left: 470px; top: 20px; }




#footer { height:40px; border: 1px solid #7F7F7F; background-color:#CCCCCC; padding: 5px 10px; clear:both; display:block;}
	#footer p.copyright {float: right; }

div#Footer_01 { width: 100%; border-top: 4px solid #B6B68D;	font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px; color: #B6B68D; text-align: left; float: left; margin-top: 5px;
				padding: 10px 0; line-height: 1.2;}
	div#Footer_01 p {padding-left: 10px; margin:0;}
				
#FooterItem ul {list-style-type:none; margin:0 0 0 -10px; padding: 0px 0px 0px 10px; float: left; }
#FooterItem li {display:inline;	float:left;	margin: 0;	padding:0;}
#FooterItem li a{ margin: 3px 0 0 0; padding: 0px 10px ; display:block;  border-right: 1px solid #B6B68D;
				  font:11px/0.8 Arial, Helvetica, sans-serif; color:#B6B68D;}
	#FooterItem li a.last{ border:0;}

#FooterItem li a:hover {color: #B6B68D;	text-decoration: none;}
div#Back-to-top {float: right; padding: 0px 20px 0px 0px; background: url(../_images/icon_backtotop.gif) left center no-repeat ;}
div#Back-to-top a{	font-weight: bold; padding: 0px 0px 0px 30px; color: #B6B68D;}




	


			

/* ---------------------------------	DIVs and Classes ------------------------------------------------*/

div.mastheadTypeBG{width: 100%; float:left; padding:2px 0 0 0;
		 background:url(../_images/bdr_latestEvts.gif) repeat-x top left;}
   	div.mastheadTypeBG div.columnL{ float:left; width:300px; margin-left: 15px; display: inline;}
	div.mastheadTypeBG div.headers img{ margin: 15px 0 0 0;}

.floatL{float: left;}
.floatR{float:right;}

	

 

div.aboutContent{ float: left; width: 415px; padding: 0 20px 0 0}
	div.aboutContent p{ padding-left: 18px; margin-bottom: 20px; }
	div.aboutContent p.boldFace{ padding-left: 0; font-weight:bold;}
	div.aboutContent h5 a {	margin-top:10px; display:block; text-transform:capitalize; color: #0073ae; 
							background: url(../_images/icon_arrowcircle.gif) left center no-repeat; padding-left: 18px;}


div.imgBoxHolder{float: left; width: 330px; margin-left:10px; background: #fff url(../_images/bdr_greydotY.gif) top left repeat-y;}
	div.imgBoxHolder h1.upcoming {float: none; margin-left: 15px;}
	div.imgBoxHolder div.headers{float:left;}


h1.header{ width: 300px; height:44px; text-indent:-3000px; margin:0;}
	.yourBenefits{ background:url(../_images/hdr_yourbenefits.gif) center left no-repeat;}
	.welcome     { background:url(../_images/hdr_welcome.gif) center left no-repeat; float:left;  float:left;}
div.benefits{background: url(../_images/bdr_greydotY.gif) top left repeat-y; float:left; width:300px;}

div.mastheadTypeBG h1.yourBenefits{float:left; margin-left:15px;width:200px }
div.mastheadTypeBG h1.welcome{float:left; margin-left:15px;padding-right:346px;display:inline;}

#columnR div.headers{float:left;}
#columnR div.headers.upcoming img{ margin-top: 18px;}
div.imgBoxHolder div.headers.upcoming img{ margin-top: 20px;}


/* ////////////////////////////////////////////////////////////////////////
///////////////////                                  //////////////////////
///////////////////                                  //////////////////////
///////////////////         NAVIGATION STUFF         //////////////////////
///////////////////                                  //////////////////////
///////////////////                                  //////////////////////
/////////////////////////////////////////////////////////////////////////*/

 

#topNav{ background: #0073ae; float: left; width:100%;}
	#topNav ul    { background:red;}
	#topNav ul li { list-style: none; float: left; display:inline; width: 94px; 
					background:url(../_images/bdr_whitedotY.gif) repeat-y top right; }
		#topNav li a  { display:block; width: 79px; height:25px; padding: 45px 4px 10px 10px; margin-right:1px; 
						color:#fff; background: #0073ae; border-bottom: 5px solid #01537d; font-weight: bold; line-height:1}
		#topNav .last  { width: 85px; padding-right:0px; border-right:0; background-image:none;}
		#topNav li a:hover { background: #002e46;}
					

#homeContent{padding-left: 35px;padding-bottom: 40px; float:left}
	#homeContent p{ width: 500px; display:block; margin: 0 0 15px  0;}
	#homeContent a{ color:#3399fe; text-decoration:underline;}
	#homeContent h1 { color: #666633;  width:500px; margin:30px 0; text-transform:uppercase;
						font-weight: normal; font-size: 18px; padding:0; line-height:1.2em}


a.visit{ background: url(../_images/icon_arrowcircle.gif) left center no-repeat; padding-left: 15px;
text-decoration:none!important;}




div.fauxColumn{ background:url(../_images/bg_members.gif) top right repeat-y; float:left;}
/*------------------------  core CSS includes styles centre-aligned div  -------------------------*/
.fir{text-indent: -5000px; background: url(file:///C|/Inetpub/wwwroot/mfaa_members/includes/css/sample-opaque.gif);}

@media print {


body{background-color: #FFFFFF;	color: #000000;	font: 12pt Verdana, Arial, Helvetica, sans-serif;}
	
a:link{text-decoration: underline;}
	
img{visibility:hidden;}

}

