﻿*{
	margin:0;
}
html, body{
	height:100%;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:9pt;
}
/*-----------Structure------------*/
#Container{
	width:976px;
	min-height:100%;
	position:relative;
	margin:0 auto;
	background-color:#E1E1E1;	
}
#Header{
	height:139px;
	background-image:url('images/TopHeaderBgTiler.gif');
	background-repeat:repeat-x;
}
#Body{
	height:100%;
	padding-bottom:40px;
}
#Footer{
	height:40px;
	bottom:0;
	width:100%;
	background-color:#E1E1E1;
	position:absolute;
	background-image:url('images/FooterDotTiler.gif');
	background-repeat:repeat-x;
	background-position:left top;
	
}


#NoticeBoardRotater{
	background-image:url('images/NoteBoardBGTiler.gif');
	background-repeat:repeat-x;
	height:37px;
	padding-top:10px;
	text-align:center;
}

/*--------Structure-----------*/
#LogoSetup{
	width:244px;
	height:139px;	
	float:left;
	background-image:url('images/LogoSAAA.gif');
	background-repeat:no-repeat;
	background-position:35px 9px;
}
#HPTitleHeader{
	background-image:url('images/HPTitHeaderBGTiler.gif');
	background-repeat:repeat-x;
	height:253px;
}
#HPTitleWelcome{
	width:542px;
	height:253px;
	float:left;
	background-image:url('images/WelcomeBGTiler.gif');
	background-repeat:repeat-x;
	background-position:left bottom;
}
#Title{
	height:123px;
}
#Title h1{
	color:#FFFFFF;
	font-size:22pt;
	padding-left:24px;
	padding-top:30px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);	
}
#WelcomeNote{
	height:130px;
	background-image:url('images/WelcomeBGBend.gif');
	background-position:right top;
	background-repeat:no-repeat;
}

#HPTitleFader{
	float:right;
	width:434px;
	height:253px;
}

#NoticeBoardRotater{
	background-image:url('images/NoteBoardBGTiler.gif');
	background-repeat:repeat-x;
	height:47px;
}

/*---------------Col AAA-------------*/
#HPColA{
	min-height:500px;
	float:left;
	width:357px;
	background-image:url('images/DotDeviderVer.gif');
	background-repeat:repeat-y;
	background-position:right;
	/*border-right:1px #505050 dotted;*/
}
#MemberSecureSec{
	padding:0 0 10px 30px;
	height:270px;
}
#MemberSecureSec h2{
	font-weight:normal;
	color:black;
	font-size:14pt;
	padding-bottom:15px;
}

#WebSponsorDevider{
	background-image:url('images/FooterDotTiler.gif');
	background-repeat:repeat-x;
	background-position:left top;
	height:2px;	
}
#WebSponsor{
	height:140px;
	background-image:url('images/WebSponsorBGLong.gif');
	background-repeat:no-repeat;
	background-position:30px 60px;
	padding:20px 0 10px 30px;	
}
#WebSponsor h2{
	font-weight:normal;
	color:black;
	font-size:14pt;
	background-repeat:no-repeat;
}



/*---------------Col BBB-------------*/
#HPColB{
	min-height:300px;
	float:left;
	width:319px;
	padding:0 15px 10px 15px;
	background-image:url('images/DotDeviderVer.gif');
	background-repeat:repeat-y;
	background-position:right;
	/*border-right:1px #505050 dotted;*/

}
#MapMemberBoxSetup{
	background-image:url('images/MapMemBoxCenTiler.gif')
}
#MapMemberBoxHeader{
	background-image:url('images/MapMemBoxTop.gif');
	height:9px;
}
#MapMemBoxFooter{
	background-image:url('images/MapMemBoxBot.gif');
	height:9px;
}



#RBoxSetup{
	background-image:url('images/RBoxCenBGTiler.gif')
}
#RBoxHeader{
	background-image:url('images/RBoxTop.gif');
	height:9px;
}
#RBoxBody{
	padding:0 10px 0px 10px;
}
#RBoxBody h3, #SAAAOffice h3{
	font-weight:normal;
	color:black;
	font-size:14pt;
	padding:10px 0 0 50px;
	height:40px;
	background-repeat:no-repeat;
}
#RBoxFooter{
	background-image:url('images/RBoxBot.gif');
	height:9px;
}

.IconGreyHearingTest{
	background-image:url('images/IconGreyHearingTest.gif');
}
.IconGreyFindAudio{
	background-image:url('images/IconGreyFindAudio.gif');
}
.IconGreyHome{
	background-image:url('images/IconGreyHome.gif');
}


#FindAuLeft{
	float:left;
	width:110px;
}
#FindAuRight{
	float:left;
	padding-top:10px;
	width:110px;
}

/*---Notice Board---*/
#NBVuvuEnjoySetup{
	height:136px;
	width:272px;
	background-image:url('images/NBElephant.gif');
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
#NBVuvuErmore{
	width:80px;
	padding:100px 0 10px 180px;
	font-weight:bold;
}



/*---------------Col CCC-------------*/
#HPColC{
	min-height:300px;
	float:left;
	width:248px;
	padding:0 10px 10px 10px;
}
#SAAAOffice{
	padding:10px 5px 5px 10px;	
}


#NewsAndEvents{
	height:120px;
	padding:3px 0 15px 0;
	border-bottom:1px #505050 dotted;
}
#NewsLeft{
	width:235px;
	height:55px;
	float:left;
	text-align:left;
}
#EventsRight{
	margin-top:5px;
	width:235px;
	height:55px;
	float:left;
	text-align:left;
}
#NewsLeft h3, #EventsRight h3{
	font-weight:normal;
	color:black;
	font-size:14pt;
	padding-bottom:5px;
	padding-top:15px;
}




/*----------------Footer--------------------*/
.Foot{
	font: normal 11px Arial, Helvetica, sans-serif;   
}
.FooterLeft{
	width:200px;
	float:left;
	padding-left:15px;
	padding-top:10px;
}
.FooterRight{
	width:200px;
	float:right;
	text-align:right;
	padding-right:5px;
	padding-top:5px;
}
.FooterCenter{
	width:490px;
	float:left;
	text-align:center;
	padding-left:15px;
	padding-top:10px;
	
}


