/*****************************************************************
 *	File:		style.css
 *	Purpose:	Cascade Style Sheet file for bafd.org - new design
 *	
 *	Author:		Rajesh Wadhwani
 *	Created:	28-10-2008
 *	Modified:	28-10-2008, 27-11-2008, 28-11-2008, 02-02-2009
 *	Copyright:	Room 101 Limited, 2008
 ****************************************************************/

body {
	margin: 0px;
	width: 100%;
	min-width: 970px;
	max-width: 1280px;
	font-size: 10pt;
	font-family: Arial, Verdana, Times New Roman;
}

img { border: 0px; }

/*****	Text formatting	****/
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

.uline-onhover { text-decoration: none; }
.uline-onhover:hover { text-decoration: underline; }
.no-uline-onhover { text-decoration: underline; }
.no-uline-onhover:hover { text-decoration: none; }

/*****	Font size	*****/
.heading11 { font-size: 11pt; }
.heading12 { font-size: 12pt; }
.heading13 { font-size: 13pt; }
.heading, h1 {
	font-size: 12pt;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 12px;
	color: #24197F;
}
.paragraph-heading {
	margin-bottom: 5px;
	font-size: 11pt;
	font-weight: bold;
}
.sub-heading, .links-sub-heading {
	margin-top: 14px;
	margin-bottom: 2px;
	font-size: 10pt;
	font-weight: bold;
}
.links-sub-heading {
	background-color: #e5e5e5;
	border: 1px solid #a0a0a0;
	padding: 2px 2px 2px 4px;
}

/****	Text alignment	****/
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both; }

/***** Colors	*****/
.black { color: #000000; }
.white { color: #ffffff; }
.blue { color: #24197F; }
.yellow { color: #FFEA00; }
.grey { color: #a0a0a0; }
.dark-grey { color: #616161; }
.red { color: #CD1100; }

.blue-bg { background-color: #24197F; }
.light-purple-bg { background-color: #C4BDFF; }
.light-blue-bg { background-color: #2651A8; }
.light-grey-bg { background-color: #e5e5e5}


/*****	Topnav	*****/
.topnav {
	clear: both;
	width: 100%;
	height: 18px;
	min-height: 18px;
	padding: 4px 0px 4px 0px;
	text-align: center;
	color: #ffffff;
	font-size: 11.5pt;
	font-weight: bold;
	letter-spacing: 0.08cm;
	margin-bottom: 10px;
	background-color: #24197F;
}
.top-heading {
	text-align: center;
	font-size: 12pt;
	font-weight: bold;
	letter-spacing: 0.07cm;
	color: #24197F;
}
.topnav-line {
	clear: both;
	background-color: #24197F;
	height: 7px;
}

/*****	Main-content	*****/
.main-content-index {
	margin: auto;
	text-align: center;
	padding: 20px;
	width: 930px;
	max-width: 930px;
	height: 530px;
	min-height: 530px;
}
.main-content-index div div a {	text-decoration: none; }
img.opacity-hover { opacity: 1; }
img.opacity-hover:hover { opacity: 0.9; }

.main-content { width: 100%; }
.main-content td { vertical-align: top; }

/*****	leftnav	*****/
.leftnav {
	width: 140px;
	min-width: 140px;
	max-width: 140px;
	height: 500px;
	min-height: 500px;
	vertical-align: top;
}
#logo {
	clear: both;
	margin-top: -20px;
	margin-left: 95px;
	position: absolute;
}
.menu {
	margin-top:	95px;
	text-align: right;
}
.menuitem {
	background: url('/images/bafd-menu.jpg') no-repeat;
	width: 140px;
	height: 29px;
	padding-top: 5px;
}
.menuitem a {
	font-weight: bold;
	cursor: pointer; 
	margin-right: 7px;
	text-decoration: none;
}
.menuitem a.notselected { color: #ffffff; }
.menuitem a.notselected:hover { color: #FFEA00; }
.menuitem a.selected { color: #FFEA00; }

/*****	centernav	*****/
.centernav {
	border-left: 6px solid #24197F;
	padding: 20px 50px 20px 45px;
	z-index: 100;
}

/*****	news	*****/
.news-title, .meeting-title {
	font-weight: bold;
	margin-top: 16px;
}
.news-date, .meeting-date {
	/*font-style: italic;*/
	color: #626262;
}
.news-article, .meeting-article {
	/* define style for news article */
}
.news-divider, .meeting-divider, .line {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 1px;
	/*border-top: 1px solid #2D2D2D;*/
	border-bottom: 1px outset #EAEAEA;
}
.news-hover:hover, .meetings-hover:hover { background-color: #f1f1f1; }

.member-update-menu, .message {
	border-top: 1px solid #24197F;
	border-bottom: 1px solid #24197F;
	/*background-color: #DBDEFB;*/
	padding: 8px;
}
.member-update-menu ul, .message ul { margin: 4px 0px 4px 0px; }

/*****	links	*****/
.links {
	/*margin-left: 14px;*/
	margin-top: 4px;
	margin-bottom: 9px;
}

/*****	Member search	*****/
#region_search, #supplier_search {
	display: none;
	visibility: hidden;
}
.member {
	clear: both;
	margin-top: 10px;
	padding: 10px;
	border-bottom: 1px groove #8C8C8C;
}
.member-logo {
	float: left;
	margin-right: 5px;
	width: 110px;
	text-align: center;
}
.member-logo img {
	/*width: 100px;*/
	max-width: 110px;
}
.member-desc {
	float: left;
	margin-right: 5px;
	width: 260px;
}
.info {
	background-color: #e5e5e5;
	padding: 10px;
	border: 1px solid #a0a0a0;
	border-top: 0px;
	display: none;
}
.member-right {
	float: right;
	width: 140px;
	padding-left: 5px;
	border-left: 1px solid #e0e0e0;
	text-align: right;
}

/*****	rightnav	*****/
.rightnav {
	background-image: url('/images/bafd-news.jpg');
	background-repeat: no-repeat;
	width: 182px;
	vertical-align: top;
}
.rightnav .news { padding: 40px 10px 10px 11px; }
.rightnav .news .news-title {
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 2px;
}
.rightnav .news .news-article {
	/* define style for news article */
}

/*****	 inline-footer	*****/
.inline-footer {
	clear: both;
}
.inline-footer ._left {
	float: left;
	width: 130px;
	min-width: 130px;
	max-width: 130px;
	padding: 0px 10px 6px 0px;
	text-align: right;
	border-right: 6px solid #24197F;
}
.inline-footer ._right {
	float: right;
	width: 258px;
	min-width: 258px;
	max-width: 270px;
}
.inline-footer ._right img {
	margin-top: -161px;
}

/***** Footer	*****/
.footer {
	clear: both;
	background-color: #24197F;
	height: 18px;
	min-height: 18px;
	padding: 4px 0px 4px 0px;
	width: 100%;
}
.footer div {
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 0.1cm;
	color: #ffffff;
	margin: 0px 8px 0px 8px;
}
.footer div a {
	font-size: 11pt;
	font-weight: bold;
	letter-spacing: 0.1cm;
	color: #ffffff;
	text-decoration: none;
}
.footer div a:hover {
	color: #C4BDFF;
}

/*****	Misc	*****/
.gap {
	clear: both;
	height: 10px;
}

.small-gap {
	clear: both;
	height: 5px;
}

.button {
	border-top: 1px solid #483F95;
	border-left: 1px solid #483F95;
	border-right: 1px solid #202020;
	border-bottom: 1px solid #202020;
	background-color: #e5e5e5;
	text-align: center;
	color: #000000;
	width: 110px;
	min-width: 110px;
	padding: 2px;
}

.error {
	font-weight: bold;
	color: #CD1100;
}