body {
	font: 100% "Trebuchet MS"; background: #816F64; margin: 0 0 0 0; padding: 0 ; text-align: center; /* this centers the container in IE 5+ browsers. The text is then set to the left aligned default in the #content selector */
}
.mainContainer #ShadTop{width:880px; height:18px; background:url(../../ACBA/img/ShadTop.jpg) no-repeat center; overflow: hidden; margin-bottom: -4px }
.mainContainer #ShadMiddle{width: 880px; background:url(../../ACBA/img/Shad-Middle.jpg) repeat-y top center;}
.mainContainer #ShadBtm{ width: 880px; height: 18px; background:url(../../ACBA/img/Shad-Btm.jpg) no-repeat bottom; margin-top: -1px}
.mainContainer #container {width: 880px; background: #816F64; margin: 0 auto; margin-top: 0px; text-align: left;}
.mainContainer #mainContent {padding: 0 0 0 0; 	margin-left: 8px ;margin-top: 0px;background: #686675;color: #fff;width: 863px; }
.mainContainer #mainContent h1{margin: 0px}
.mainContainer #header {  
	padding: 0px 0px 5px 0px; border: 0px solid; text-align:center /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.mainContainer #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs.  */
	padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	text-align:center;
	font-size:18px;
}
.mainContainer #sidebar1 {float: left; /* since this element is floated, a width must be given */
	width: 11.56em; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 580px;
	padding: 0px; /* padding keeps the content of the div away from the edges */
	background: #686675 url(../../ACBA/img/Menu-BG.jpg) no-repeat right top;
	margin-top: -6px;
	margin-left: 10px;
}

.btn{visibility:hidden}

.mainContainer #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	height: 580px;
	width: 11.30em; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 6px 0 0 14px; /* padding keeps the content of the div away from the edges */
	background:url(../../ACBA/img/Rght-Menu-Bg.jpg) no-repeat left top; overflow: visible;	
}
.mainContainer #sidebar2 h3{font-size:15px; font-weight:bold; margin-bottom: -10px; font-family:"Trebuchet MS"; }
#JR{font-size:15px; font-weight:bold; font-family:"Trebuchet MS"; margin-top: -37px; margin-bottom: -12px}
.mainContainer #sidebar2 p{font-family:"Trebuchet MS";font-size:12px; font-style:italic; color: #FDD3A8; line-height: 14px;}
.mainContainer #sidebar2 a{text-decoration:none; color:#FFF}
.mainContainer #sidebar2 a:hover{text-decoration:underline; color:#FDD3A8}
.mainContainer #Content { width: 428px;
	margin-left: 218px; /* the right and left margins on this div element creates the two outer columns on the sides of the page.  */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-top: 0px;
}
.mainContainer #ContentTop{width: 428px; height: 353px; font-size:12px;}
.mainContainer #ContentTop h3{font-weight:bold; font-size:14px; margin-bottom: -32px; padding: 10px 4px 0 5px}
.mainContainer #CountentTopTxt{background:url(../../ACBA/img/ACBA_Home_Text_Bg.jpg) no-repeat bottom; height: 104px;}
.mainContainer #CountentTopTxt p{padding: 4px 6px 0 6px; line-height: 14px;}

.mainContainer #ContentBottom{width: 427px; margin-top: 6px; margin-bottom: 11px; border-bottom: 1px solid #50433b; padding-bottom: 8px; min-height: 651px}
.mainContainer #ContentBottom H1{font-weight:bold; font-size:20px; font-family:"Trebuchet MS"; padding-left: 2px; margin-bottom: 12px; margin-top: 10px}
.mainContainer #ContentBottom H2{font-weight:bold; font-size:16px; font-family:"Trebuchet MS"; padding-left: 2px; margin-bottom: 0; color:#c1bab9}
.mainContainer #ContentBottom H3{font-weight:bold; font-size:15px; font-family:"Trebuchet MS"; padding-left: 2px; margin-bottom: 0; color:#FFF}
.mainContainer #ContentBottom Li{font-weight:normal; font-size:14px; list-style-position:outside; list-style-image:url(../../ACBA/img/Bullet.jpg); margin: 2px 0 14px 20px; font-size: 14px}
.mainContainer #ContentBottom p{font-size:14px}
.mainContainer #ContentBottom a{text-decoration:none; color:#FFF; letter-spacing: .05em; font-weight:bold}
.mainContainer #ContentBottom a:hover{color:#FDD3A8; text-decoration:underline; letter-spacing: .05em; font-weight:bold}
.mainContainer #ContentBottom HR{color:#50433b}
.mainContainer #footer { 
	padding: 0 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align: center;
	height: 68px;
	padding: 3px 8px 0px 8px;
	margin-top: -11px;
	line-height: 16px;
} 

.mainContainer #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:11px;
	text-align: center;
	letter-spacing: .07em;
}
.mainContainer #footer a{text-decoration:none; color:#FFF;}
.mainContainer #footer a:hover{color:#FDD3A8; text-decoration:underline;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#Capt{width: 146px; height: 40px; background:url(../../ACBA/img/For-our-members-BG.jpg) no-repeat center; text-align:center; font-weight:bold; color:#FFFFFF; font-size: 16px; margin: 8px 0px 0px 30px; padding: 10px 0 0 0; line-height:27px}

#Capt2{width: 146px; height: 40px; background:url(../../ACBA/img/For-our-members-BG.jpg) no-repeat center; text-align:center; font-weight:bold; color:#FFFFFF; font-size: 16px; margin: 0px 0px -10px -4px; padding: 1px 0 2px 0; line-height:38px}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
background: #686675;
font-family: "Trebuchet MS";
font-size:15px;
}
#menu {
top: 124px;
left: 190px;
width: 172px;
color:#fff;
margin-top: 12px;
margin-left: 4px;
}
#menu dt {
cursor: pointer;
margin: 7px 0 7px;
height: 24px;
line-height: 22px;
text-align: right;
border-bottom: 1px solid #50433b;
background: #686675;
padding-right: 6px;
padding-top: 0px;
}
#menu dt a:hover{text-decoration: underline}
#menu dd {
border-bottom: 1px solid #50433b;
margin-top: -10px;
margin-bottom: 0px;
padding-bottom: 8px;
}
#menu li {
text-align: right;
margin-right: 4px;
}
#menu li a{
color: #fff;
font-size: 12px;
}
#menu li a, #menu dt a {
color:#fdd3a8;
line-height: 18px;
text-decoration: none;
display: block;
border: 0 none;
height: 102%;
background:#686675;
}
#menu li a:hover, #menu dd a:hover { text-decoration:underline}