@charset "UTF-8";
/* CSS Document */


body 			{ margin-left: 0px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; font-family: Helvetica, sans-serif; font-size: 12px;  }
.clear			{ clear:both; }
.clear2			{ clear: right; }

#container 		{ width: 1024px; margin: auto; }

/*text stuff*/
h1 				{ font-size: 18px; display: compact; }
h2				{ font-size: 14px; display: compact; }
h3				{ font-size: 12px; display: compact; }
h4				{ font-size: 14px; display: compact; margin: 20px 0px 0px 0px }

/* header */
#top 			{ width: 1024px; height: 103px; margin-bottom: 3px;}
#logo			{ float: left; margin: 4px 0 0 15px; width: 173px; height: 97px;}

#nav			{ float: right; width: 830px; height: 103px; }
#social			{ float: right; width: 345px; height: 28px; margin: 30px 0 0 0; }
#blog			{ float: left; width: 160px; height: 26px; }
#flickr			{ float: right; width: 160px; margin: 0 15px 0 10px; height: 26px; }
#slogo			{ float: left; width: 26px; height: 26px; }
#slink			{ float: left; width: auto; height: 26px; padding: 10px 0 0 5px; }
#slink a		{ text-decoration: none; }

#mainnav 		{ float: right; width: 792px; height: 31px ; margin: 10px 9px 0 0; border: dashed thin #999; }
#navline		{ float: left; border-right: dashed thin #999; width:auto; height: 29px;}


/* content area */

#content		{ float: left; width: 1024px; height: 1014px; padding-bottom: 30px; background: transparent url(../img/conbg.jpg) no-repeat ; }
#content2		{ width: 1024px; height: 1014px; padding-bottom: 30px; background: transparent url(../img/conbg.jpg) no-repeat ; }
#content3		{ float: left; width: 1024px; height: auto; padding-bottom: 30px; background: transparent url(../img/conbg.jpg) no-repeat ; }
#headtext 		{ float: right; margin: 26px 30px 0 0; font-family: Helvetica Neue Light Italic, Sans-Serif; font-size:28px; font-weight: lighter; color:#FFF; text-decoration: none; }
#contentarea	{ float: left; width: 944px; height: auto; padding: 10px; margin: 0 30px 0 30px; background: url(../img/contentbg.png); }
#contentarea2	{ float: left; width: 944px; height: auto; padding: 10px; margin: 30px 30px 0 30px; background: url(../img/contentbg.png); }
#anncontainer	{ width: 944px; height: 490px; }
#ann1			{ float: left; width: 292px; height: 490px; padding-right: 19px ; border-right: dashed thin #999; }
#ann2			{ float: left; width: 300px; height: 490px; margin: 0 0 0 9px; }
#ann3			{ float: right; width: 292px; height: 490px; margin-right: 9px; padding-left: 10px; border-left: dashed thin #999; }

#textarea		{ float: left; width: 904px;}
#textarea2		{ float: left; width: 904px;}

#other			{ float: left; width: 430px; height: 360px; padding-right: 20px; border-right: dashed thin #999 }
#blogpost		{ float: right; width: 430px; padding-left: 20px;  }
#otherevents li	{ margin-bottom: 10px; }


/* infoarea */
#infoarea		{ float: left; width: 904px; height: 900px; padding: 20px; background-color:#FFF;}
#infoarea2		{ float: left; width: 904px; height: auto; padding: 20px; background-color:#FFF;}
#infoarea3		{ float: left; width: 904px; height: 360px; padding: 20px; background-color:#FFF;}

/* about.html info area */
#abouttext		{ float: left; width: 401px; height: 264px; margin-right: 20px;}
#map			{ float: left; width: 483px; height: 264px;}

/* history.html info area */
.history		{ float: inherit; width: 904px; height: 500px; background: url(../img/hisbg.jpg) no-repeat right top; }
#historytext 	{ float:left; width: 600px; }

/* council.html info area */
#info	{ width: 964px; height: 950px; margin: 0 30px 0 30px; padding-bottom: 10px; background: url(../img/contentbg.png); }

/* objective.html info area */
.objbg			{ background: url(../img/objbg.jpg) ; }
#objecttext		{ float: left; width: 600px; }

/* papers.html info area */

#conferencetext		 { float: left; width: 584px; margin-right: 16px; }
#conferencepapers	 { float: right; width: 296px; border: solid medium #b5dc10;  }
#cpdh				{ padding-bottom: 3px; margin-bottom: 10px; border-bottom: solid medium #b5dc10;}
#cpd				{ text-align: center; font-weight:bold; margin: 0 0 10px 8px; padding: 5px; width: 270px; border-bottom: solid thin #b5dc10; }
#cpd a				{ text-decoration: none; color: #00F; }
#cpd a:hover		{ color: #F00;}	

/* membership.html info area */

#membtext { float: left; width: 500px; margin-right: 16px;}
#feecolumn	{ float: right; width: 360px; }
#fees		{ float: right; width: 360px; border: solid medium #b5dc10;  }
#feesh		{ padding-bottom: 3px; margin-bottom: 10px; border-bottom: solid medium #b5dc10;} 
#membertype { float: left; width: 330px; padding: 5px 5px 5px 10px; border-bottom: solid thin #b5dc10; margin: 0 0 10px 7px; }
#dis		{ float: left; width: 170px; }
#us			{ float: right; width: 70px;}
#rm			{ float: left; width: 70px;}
#applink	{ float: left; width: 330px; padding: 5px 5px 5px 10px; margin-top: 10px; } 




/* contact.html */
.contact 		{ font-weight: bold; }
#contactarea	{ width: 904px; margin-bottom: 20px; height: auto; }
#address		{ width: 416px; height: 303px; float: left; padding: 10px; }
#contactform	{ width: 416px; height: 303px; float: right; padding: 10px; }
#googlemaps		{ width: 878px; padding: 10px; background: url(../img/gmapslogo.png) top right no-repeat; }
.contactborder	{ border: solid medium #b5dc10; }




/* drop menu */

#menu 								{ font-family: Helvetica,sans-serif; font-size:12px; font-weight: bold; }
#menu ul 							{ list-style-type: none; margin: 0; padding: 0; }

#menu ul li.tiada,
#menu ul li.tab 					{ float:left ; }

#menu ul li.tab ul,
#menu ul li.tiada ul,
#menu ul li.tab ul li ul,
#menu ul li.tab:hover ul ul			{ position: absolute; display: none; }
#menu ul li.tiada a 				{ color:#000; }
#menu ul li.tiada a:hover			{ color: blue; }
#menu ul li ul 						{ width:auto; }
#menu ul li a 						{ display: block; text-decoration:none; color:#000000; padding:8px 9px 8px 9px; }
#menu ul li.tab:hover ul 			{ display: block; z-index: 100; }
#menu ul li.tab:hover a				{ color:blue; background-color:#ffffff; }
#menu ul li.tab:hover ul a 			{ background-color: #fff; color: #000000;}
#menu ul li.tab:hover ul a:hover 	{ background-color: #fff; color: blue; font-weight:bold; text-indent:0px; }

#pastevents { margin-top: 20px; }

/*footer*/
#footer		{ font-size: 10px; }