/* default elements */

body {
	margin: 0;
	padding: 0;
	background: #F2F4F4;
	color: #222;
	font: normal 62.5% Tahoma, Verdana, Arial, sans-serif;
}

a {
	color: #243387;
	text-decoration: none;
}

a:hover {
	color: #996699;
	text-decoration:underline
}


h1 {
	font: normal 2.4em Tahoma, Verdana, Arial, sans-serif;
	color: #996699; 
	padding: 8px 0 2px;
}

h2 {
	font: normal 1em "Arial Narrow", serif, sans-serif;
	color: #243387;
	text-transform: uppercase;
	padding: 8px 0 0px;
	margin-bottom: -15px;
}

h3 {
	font-weight: bold;
	font-size: 1.1em;
}

blockquote {
	background:  url(../images/quote.gif) no-repeat;
	display: block;
	font: normal 1.1em Georgia,serif;
	padding-left: 26px
}

form,table {margin-bottom: 1.2em;}
label {display: block;}
li {line-height: 1.5em;}
p {padding: 2px 0 10px;}
ul {padding: 0 2em 1.2em;}

table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	
}
table.results {
	width: 100%;
	border: 1px solid #666;	
}
th, td {
	padding: 5px 3px;
	text-align: left;
	font-size: 0.9em;
}
th {
	border-bottom: 1px solid #666;
	background-color: #996699;
	color: #fff;
}

input, textarea, select {
}
textarea {
	width: 300px;
	padding: 4px;
	border: 1px solid #666;
}
input {
	font-size: 10pt;
	padding: 4px;
	border: 1px solid #666;
}

/* structure */
#wrapper {
	background: #5C426B url(../images/wrapper.gif) no-repeat left bottom;
	margin: 0 auto;
	width: 754px;
}
#container {
	background: #FFFFFF url(../images/background.gif) no-repeat;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto;
	width: 750px;
}

/* header */

#header {
	background: #FFFFFF url(../images/header.jpg) no-repeat left bottom;
	height: 108px;
}

#header h1{
	margin: 0;
	text-indent: -9999px;
}

/* navigation */
#navigation {
	background: #5C426B;
	height: 26px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
#navigation a {
	background: #5C426B;
	border-right: 1px solid #FFFFFF;
	color: #FFFFFF;
	float: left;
	font: 0.7em/26px Tahoma, sans-serif;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
#navigation a:hover,
#navigation a.active,
#navigation a.active:hover {
	background: #996699; 
	color: #FFFFFF;

}

/* main */
.main#two-columns {background: #FFF url(../images/two-columns.gif) repeat-y;}

/* bottom */
.bottom {
	background: #DCDAC9 url(../images/bottom.gif) no-repeat left bottom;
	border-top: 1px solid #AA8;
	color: #444;
	padding: 14px 20px;
}
.nobottom {
	background: #ffffff url(../images/nobottom.gif) no-repeat left bottom;
	padding: 10px;
}
.bottom .left,
.bottom .right {width: 49%;}

/* footer */
.footer {
	color: #FFFFFF;
	padding: 10px;
	background: #5C426B url(../images/footer.gif) no-repeat left bottom;
}
.footer .left {
	width: 40%;
}
	
.footer .center {
	width: 30%;
	text-align: center;
}
.footer .right {
	width: 25%;
	text-align: right;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* images */

img {
border: none;
}
.imgleft {
	float:left;
	margin-right: 10px;
}

/* misc */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {width: 64%;}
.col2 .right .content {background: #FFF;}
.col2 .right {width: 33%;}
.content {padding: 18px 20px;}
.left {float: left;}
.right {float: right;}
.right .content {padding: 18px 12px 12px;}

/* Table */
.row1 {background-color: #f6f6f6;}
.row2 {background-color: #e3e3e3;}

/* block list */
ul.block {
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 90%;
}
.block li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}
.block li a,.block li em {
	color: #553;
	display: block;
}
.block li em {
	font-size: 0.9em;
	font-style: normal;
}
.block li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
	background: #D2D0C0;
	color: #553;
}

.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}

.divCommittee {
	padding-left: 50px;
	padding-bottom: 20px;
}
.divCommittee2 {
	padding-left: 140px;
	padding-bottom: 20px;
}

#container h1 {
	display: block;
}

div.content h1 {
	background-repeat: no-repeat;
	text-indent: -9999px;
}
	
h1.welcome{
	background-image: url(../images/welcome.gif);
	height: 21px;
	width: 121px;
}
	
h1.about {
	background-image: url(../images/about.gif);
	height: 21px;
	width: 265px;
}
	
h1.newsletter{
	background-image: url(../images/newsletter.gif);
	height: 21px;
	width: 150px;
}
	
h1.committee{
	background-image: url(../images/committee.gif);
	height: 30px;
	width: 432px;
}
	
h1.agm {
	background-image: url(../images/agm.gif);
	height: 21px;
	width: 59px;
}
	
h1.lectures {
	background-image: url(../images/lectures.gif);
	height: 21px;
	width: 113px;
}
	
h1.conferences {
	background-image: url(../images/conferences.gif);
	height: 21px;
	width: 167px;
}
	
h1.membership {
	background-image: url(../images/membership.gif);
	height: 27px;
	width: 420px;
}
h1.renewal {
	background-image: url(../images/renewal.gif);
	height: 27px;
	width: 385px;
}
	
h1.enquiry {
	background-image: url(../images/enquiry.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 177px;
}
	
h1.documents {
	background-image: url(../images/documents.gif);
	height: 21px;
	width: 149px;
}
	
h1.weblinks {
	background-image: url(../images/weblinks.gif);
	height: 21px;
	width: 126px;
}

h1.advertising {
	background-image: url(../images/ratecard.gif);
	height: 29px;
	width: 320px;
}

h1.membership-circulation {
	background-image: url(../images/membership-circulation.gif);
	height: 29px;
	width: 350px;
}

h1.email-circulation {
	background-image: url(../images/email-circulation.gif);
	height: 29px;
	width: 550px;
}

/* Admin zone */

#admin_bar {
	font-size: 80%;
}
#admin_bar h1 {
	text-indent: 0px;
	background: none;
}
#admin_bar span.admin_link {
	font-size: 0.6em;
}
#admin_bar span.admin_link a{
	padding: 0 10px;
	border-left: 1px solid #243387;;
}

.paging {
	padding: 10px 0;
}
.paging a {
	padding: 0 5px;
	border-right: 1px solid #666;
}

.button {
	width: 100px;
}

.alert{
	color: #ff0000;
	font-weight: bold;
}