/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */


/* ----- TEMP ----- */


.breadcrumbs {
color: #1D3F63;
font-size: 63%;
}

body{ background-color:#fff; margin: 0; padding: 0;} /* Note: only used to set background colour*/

img {border: 0;}

/* ----- custom ----- */

#container {
	margin: auto;
	text-align: left;
	width: 782px;
	font-family: Arial, Helvetica, sans-serif;
	color: #58595b;
	}

/* ----- header ----- */
#header {
	height: 206px;
	background: url(/images/general/headerBkgnd.jpg) top no-repeat #fff;
	font-size: 75%;
	}
	
#smallHeader {
	height: 110px;
	background: url(/images/general/Afta-online-small-banner.gif) top no-repeat #fff;
	font-size: 69%;
	margin-bottom: 3px;
}

.headerBox {
	background-color: #f5f6f6;
	padding:10px;
}
	
/* -- MemberLogin Homepage ONLY-- */
#headerFields {
	color: #fff;
	width: 269px;
	height: 137px;
	margin: 0;
	float: right;
	}

#headerFields form {
	margin: 40px 0 0 30px;
	display: block;
	}

#customDynamicMenu {
	margin: 0;
	padding: 0;
	display:block;
}
	
#customDynamicMenu li {
	list-style-type: none;
	float: left;
}

.customMenuItem {
	height: 18px;
}

.clearLeft{
	clear:left;
}
	
#topLevelNav {height: 18px;}

#topLevelNav ul {
margin: 0;
padding: 0;
}

#topLevelNav li {
list-style-type: none;
float: left;
}

#topLevelNav ul li a {
display: block;
height: 18px;
text-indent: -9999px;
list-style-type: none;
}

#topLevelNav ul li a.aboutAFTA {
width: 99px;
background:url(/images/nav/aboutAFTA.gif) no-repeat;
}

#topLevelNav ul li a.educationTraining {
width: 98px;
background:url(/images/nav/educationTraining.gif) no-repeat;
}

#topLevelNav ul li a.IRHotline {
width: 99px;
background:url(/images/nav/IRHotline.gif) no-repeat;
}

#topLevelNav ul li a.usefulLinks {
width: 98px;
background:url(/images/nav/usefulLinks.gif) no-repeat;
}

#topLevelNav ul li a.ATTP {
width: 97px;
background:url(/images/nav/ATTP.gif) no-repeat;
}

#topLevelNav ul li a.industryEvents {
width: 98px;
background:url(/images/nav/industryEvents.gif) no-repeat;
}

#topLevelNav ul li a.hotDeals {
width: 97px;
background:url(/images/nav/hotDeals.gif) no-repeat;
}

#topLevelNav ul li a.aftaWebmail{
width: 96px;
background:url(/images/nav/aftaWebmail.gif) no-repeat;
}

#mainContentArea {}

#latestInfo {width: 586px; height: 45px; float: left; padding: 8px 0; color: #007649; font-size: 100%; font-weight: bold; }
#latestInfo a {color: #007649; text-decoration: none; }
#latestInfo a:hover {color: #007649; text-decoration: underline; }
.latestInfoImg {margin: 0 10px 0 0 ;}

#latestInfoContent {width: 742px; height: 40px; float: left; background: #f5f5f6; color: #ed1c24; font-size: 180%; padding: 10px 20px 0 20px; margin: 4px 0;}
#latestInfoContent_green {width: 742px; height: 40px; float: left; background: #f5f5f6; color: #007246; font-size: 180%; padding: 10px 20px 0 20px; margin: 4px 0;}

#LHSPanel {width: 193px; height: 100%; float: right; padding: 0 0 15px 0;}

#RHSPanel {width: 194px; height: 100%; float: left; background: #fff; padding: 0 0 10px 0;}
.imgMargin {margin: 0 0 14px 0;}
.greenBoxHeading {background: #007246; height: 19px; color: #fff; padding: 6px 0 0 10px; font-size: 90%;  font-weight:bold;}
.greenBoxBorder {border: 1px solid #007246; padding: 10px;}
.greenBoxBorder_green {border: 1px solid #007246; background: #ccdfd5; padding: 10px;}

.blackBoxHeading {background: #231f20; height: 19px; color: #fff; padding: 6px 0 0 10px; font-size: 90%;  font-weight:bold;}
.blackBoxBorder {border: 1px solid #231f20; padding: 10px;}
.blackBoxBorder_black {border: 1px solid #231f20; background: #e6e7e8; padding: 10px;}

.redBoxHeading {background: #ed1c24; height: 19px; color: #fff; padding: 6px 0 0 10px; font-size: 90%;  font-weight:bold;}
.redBoxBorder {border: 1px solid #ed1c24; padding: 10px;}
.redBoxBorder_black {border: 1px solid #ed1c24; background: #e6e7e8; padding: 10px;}

.emergencyBoxHeading {background: #fff; height: 19px; color: #ed1c24; padding: 0 0 0 10px; font-size: 110%;  font-weight:bold;}
.emergencyBoxSubHeading {color: #ed1c24; padding: 0 0 0 10px; font-size: 110%; height: 16px;}
.emergencyBoxBorder {padding: 10px; color: #58595b;}

#contentArea {width: 389px; float: right; background: #fff; padding: 0 3px;}
#contentArea a {color: #231f20; font-size: 90%; font-weight: bold; text-decoration: none;}
#contentArea a:hover {color: #231f20; font-size: 90%; font-weight: bold; text-decoration: underline;}

#contentLeft {width: 179px; height: 100%; float: left; background: url(/images/content/contentLR_Bkgnd.gif) top repeat-x; padding: 13px 5px 26px 10px;}

#contentRight {width: 180px; height: 100%; float: right; background: url(/images/content/contentLR_Bkgnd.gif) top repeat-x; padding: 13px 5px 26px 10px;}

.greenHeading {font-size: 115%; font-weight: bold; color: #007649;}
.redHeading {font-size: 115%; font-weight: bold; color: #ed1c24;}

#footer {width: 782px; height: 100%; margin: 0 0 20px 0;}
#footerText {padding: 10px 0 0 0; font-size:69%;}
#footerText a {color: #007649; text-decoration: underline;}
#footerText a:hover {color: #007649; text-decoration: none;}

/* -- login form -- */
form#smallSearch fieldset legend {
display: none;
}

form#smallSearch input {
float: left;
width: 126px;
margin-bottom: 4px;
}

form#smallSearch label {
	display: block;
	float: left;
	padding: 5px 5px 0 0; 	margin: 0;
	width: 90px;
	color: #FFF;
	text-align: right;
	font-weight:bold;
}

form#smallSearch input#btn_login {
float: right;
margin: 0;
padding: 0;
width: 10px;
height: 20px;
}

form#smallSearch a {
color: #ebcce3;
font-size: 80%;
}

form#smallSearch a:hover {
text-decoration: none;
}

#poweredByKomodoCMSLink {
	float:right;
}

#mainContentTable {
	width:782px;
	margin-top:4px;
}

#mainContentTable .col1 {
	width: 194px;
}

#mainContentTable .col2 {
	width: 389px;
	padding: 0px 3px;
}

#mainContentTable .col3 {
	width: 193px;
}

#mainContentTable .col2span {
	width:582px;
}

#mainContentTable .table {
	border: 2px solid #007246;
}

.defaultContent {
	padding: 10px;
}

.defaultContent h1, .loginContent h1 {
	color:#007649;
	font-size:115%;
	font-weight:bold;
	margin: 10px 0px;
	display: block;
}

.logoutContent span {
	padding: 20px 10px;
	font-size: 100%;
	color:#58595B;
	font-family:Arial,Helvetica,sans-serif;
	display: block;
}


.noImageFooter {
	border-top: 1px solid #007246;
}

.greenLHSpanelNoBorder, .greenLHSpanel, .redLHSpanelNoBorder {
	width: 194px;
}

.greenLHSpanel {
	border: 1px solid #007246;
}

.greenLHSpanel th, .greenLHSpanelNoBorder th, .redLHSpanelNoBorder th {
	background-color:#007246;
	border:1px solid #007246;
	height:25px;
	padding:0;
	padding-left: 8px;
	color:#FFFFFF;
	font-size:69%;
	font-weight:bold;
}

.redLHSpanelNoBorder th {
	background-color:#ED1C24;
	border:1px solid #ED1C24;
}

.greenLHSpanel th a, .greenLHSpanelNoBorder th a, .redLHSpanelNoBorder th a {
	color: #FFFFFF;
	text-decoration: none;
}

.greenLHSpanel td {
	border:1px solid #007246;
	padding: 8px;
}

.greenBackground {
	background-color: #CCDFD5;
}

.navigationBox {
	width: 194px;
	background: #F5F6F6 url(/images/border.gif) repeat-x top left;
	font-size:69%;
}

.memberLoginLink {
	font-size:69%;
}

.navigationBox ul {
	list-style-type:none;
	margin:0; padding:9px 10px 60px 17px;
	border-bottom: 4px solid #FFF;
}

.navigationBox ul ul {
	padding:2px 10px 1px 25px;
	border-width:0;
}

.navigationBox li {
	padding: 8px 0;
	border-bottom: 1px solid #007246;
}

.navigationBox li li {
	padding: 4px 0;
	border-width:0;
}

.navigationBox li.active { padding:8px 0 0 0; }
.navigationBox li a.active li a.active { padding:4px 0; }
.navigationBox li a.active  { color: #000;}

.navigationBox li a, .navigationBox li.active li a { color: #59595B; text-decoration:none; }
.navigationBox li a:hover { color: #007246; }