/* ---------------- BDA: Future AM CSS ---------------- */
* {
	margin:				0;
	padding:			0;
}

body {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			70%;
	color:				#000;
	background:			url(/images/base_bg.gif) repeat-x top left;
}
h2, h3 {
	margin-bottom:		10px;
	font-size:			1.2em;
	
}
p {
	padding:			5px 0;
	line-height:		130%;
}

img {
	border:				3px solid #bbb;
}

/* ---------------- Main container ---------------- */
#maincontainer {
	height:				600px;
	width:				100%;
}

/* ---------------- Masthead ---------------- */
#masthead {
	width:				800px;
	height:				178px;
}

#logo {
	height:				178px;
	width:				265px;
	background:			transparent url(/images/top_logo_265x178.jpg) no-repeat top left;
	float:				left;
}

#flash {
	height:				158px;
	width:				535px;
	float:				right;
	background:			transparent url(/images/base_bg.gif) no-repeat top left;
}

/* ---- Dropdown Nav ---- */
#dropdown_nav {
	position:			absolute;
	top:				158px;
	left:				392px;
	width:				430px;
}
#dropdown_nav ul {
	list-style: 		none;
	padding:	 		0;
	margin: 			0;
}

#dropdown_nav li {
	float: 				left;
	position: 			relative;
}

#dropdown_nav ul li ul {
	display: 			none;
	position: 			absolute;
	top: 				100%;
	left: 				0;
	font-weight: 		normal;
	padding: 			0;
	background-color:	#C1EFFE;
	
	border-left:		1px solid #0081a7;
	border-bottom:		1px solid #0081a7;
	
	z-index:			100;

}

#dropdown_nav li>ul {
	top: 				auto;
	left: 				auto;
}

#dropdown_nav li li {
	display: 			block;
	float: 				none;
}
#dropdown_nav li:hover ul, #dropdown_nav li.over ul {
	display: 			block;
	position: 			absolute;
	top: 				100%;
	left: 				0;

	font-weight: 		normal;
	padding: 			0;
}
#dropdown_nav a.main {
	text-decoration: 	none;
	display:			block;
	padding:			4px 0 3px 15px;
	margin:				0;
	width:				120px;
	background-color:	#0081A7;
	font-weight:		bold;
	color:				white;
	
	border-left:		1px solid #02627e;

}
#dropdown_nav a.main:hover {
	background-color:	#02627E;
}


/** sub-menu behaviours  *** */
#dropdown_nav li li a {
	display: 			block;
	font-weight: 		normal;
	padding: 			4px 20px 4px 15px;
	margin:				0;
	text-decoration:	none;
	width:				100px;
	color:				#000;
	border-top:			1px solid white;
}

/* for Win IE eyes only */
* html #dropdown_nav li li a {
	width:				100px;
	height:				15px;
	color:				#000;
}
#dropdown_nav li li a:hover {
	display:			block;
	font-weight:		normal;
	padding: 			4px 20px 4px 15px;
	margin:				0;	
	background-color:	#7FDDFC;
	color:				#000; 
}
 
 
 
/* ---------------- Left Navigation ---------------- */
#left_nav_container {
	width:				157px;
	background:			transparent url(/images/left_nav_bg.gif) repeat-y top left;
	float:				left;
}

/* ---- Search ---- */
#search {
	color:				#fff;
	padding-bottom:		15px;
}
#search h5 {
	font-size:			12px;	
}
#search input {
	border:				1px solid #07C0E5;
}
.searcharrow {
	border:				none;
	background:			transparent url(/images/go_button_22x21.gif) no-repeat top left;
	height:				22px;
	width:				21px;
	border:				0px !Important;
}

/* ---- Nav ---- */
#navigation {
	width:				157px;
	height:				100%;
	background:			transparent url(/images/left_nav_top_157x160.gif) no-repeat top left;
	padding-left:		8px;
}
#navigation li {
	list-style:			none;
	padding-top:		3px;
	padding-bottom:		3px;
	width:				110px;
}
ul li ul {
	margin-left:		5px;
}

#navigation a {
	color:				#fff;
	text-decoration:	none;
	padding-left: 		0px;
}
#navigation a:hover {
	color:				#7FDDFC;
	list-style-position:outside;
	background:			transparent url(/images/arrow_6x5.gif) no-repeat top left;
	padding-left: 		7px;
}

/* ---- ISO Logo ---- */
#iso_logo {
	width:				157px;
	height:				166px;
	background:			transparent url(/images/left_nav_bottom_157x166.gif) no-repeat bottom left;
}

/* ---- Nav Expanding ---- */
.currentpage {
	font-weight:		bold;
}
.parentpage {
	font-weight:		bold;
}

/* ---------------- Footer ---------------- */
#footer {
	height:				35px;
	background:			transparent url(/images/footer_bg_581x35.gif) no-repeat bottom left;
	clear:				both;
}

#footer p {
	color:				#fff;
	text-decoration:	none;
	font-size:			9px;
	padding-top:		18px;
	padding-left:		10px;
	
}
#footer a {
	color:				#fff;
	text-decoration:	none;
}

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

/* ---------------- Main Area ---------------- */
#main_area {
	padding-top:		15px;
	padding-left:	    15px;
	margin:				0 0 0 160px;
	background:			transparent url(/images/wireframe_bg_289x339.gif) no-repeat top right;
	height:				100%;
}
* html #main_area {
	margin:				0;
}

/* ---- Crumbtrail ---- */
#crumbtrail {
	color:				#000;
	padding-bottom:		20px;
}
#crumbtrail a {
	text-decoration:	none;
	color:				#000;
}
#crumbtrail a:hover {
	text-decoration:	underline;
	color:				#000;
}

/* ---- 2 Column Container---- */
#col_2_container {
	width:	590px;
}

/* --------------- All Subpage Layouts --------------- */

/* ---- Subpage 0 Left Column ---- */
#sub0_left_col {
	width:				280px;
	float:				left;
}

/* ---- Subpage 0 Right Column ---- */
#sub0_right_col {
	width:				280px;
	height:				100%;
	float:				left;
	padding-left:		10px;
}

/* ---- Small Images Sub0---- */
#small_images_container {
	width:				280px;
	padding-top:		20px;
}
#small_image_1 {
	heiddght:				85px;
	float:				left;
}

#small_image_1 img {
	margin-right:		8px;
}

/* ---- Small Images Sub1---- */
#small_images_container_text {
	width:				270px;
	border:				1px solid #999;
	margin-top:			20px;
	background:			transparent url(/images/transparent_div_bg.gif) repeat top left;
}
#small_image_1_sub1 {
	width:				116px;
	height:				85px;
	padding:			7px;
}
#text_area_sm_image {
	width:				130px;
	float:				right;
	padding-top:		5px;
	padding-bottom:		5px;
}

/* ---- Subpage 1 Left Column ---- */
#sub1_left_col {
	width:				280px;
	float:				left;
	padding-right:		10px;
}

/* ---- Subpage 1 Right Column ---- */
#sub1_right_col {
	width:				260px;
	float:				right;
}
/* ---- Subpage 3 Main Column ---- */
#sub3_2_col_container {
	width:				555px;

}
#sub3_text_col {
	width:				445px;
}
#sub3_text_col h3 {
	font-size:			1.2em;
	letter-spacing:		1px;
}
#sub3_small_images_container {
	width:				80px;
	float:				right;
}
#small_image_1_sub3 {
	width:				73px;
 	margin-bottom:		10px;
}
#small_image_1_sub3 p {
	text-align:			center;
	font-size:			11px;
	font-weight:		bold;
	padding:			5px 0;
}


/* ---- Subpage 4 News Area ---- */
#sub4_col_2_container {
	width:				590px;
}
#sub4_text_col {
	width:				450px;
	float:				right;
}
#sub4_small_images_container {
	width:				120px;
	overflow:			hidden;
	float:				left;
}
/* ---- Subpage 4 Subscribe to News Box ---- */
#subscribe_to_news {
	float:				left;
	width:				274px;
	height:				100px;
	overflow:			auto;
	border:				1px solid #999;
	margin-top:			20px;
	background:			transparent url(/images/transparent_div_bg.gif) repeat top left;
}
#subscribe_to_news h2 {
	padding:			5px;
	font-weight:		bold;
	font-size:			12px;
	
}

#subscribe_to_news p {
	padding:			5px;
}

.searcharrow2 {
	border:				none;
	background:			transparent url(/images/submit_button_60x23.gif) no-repeat top left;
	height:				23px;
	width:				60px;
	font-size:			0;
}
.searchbox2 {
	margin-left:		5px;
	margin-right:		5px;
}

/* ---- Subpage 4 News Feed Box ---- */
#news_feed {
	float:				right;
	width:				294px;
	height:				100px;
	overflow:			auto;
	border:				1px solid #999;
	margin-top:			20px;
	background:			transparent url(/images/transparent_div_bg.gif) repeat top left;
}
#news_feed h2 {
	padding:			5px;
	font-weight:		bold;
	font-size:			12px;
}

#news_feed p {
	padding:			5px;
}	
#news_feed a {
	text-decoration:	none;
	color:				#333;
	
}
#news_feed a:hover {
	text-decoration:	underline;
}

/* ---- Subpage 6 Gallery ---- */
#gallery {
	width:				310px;
}

#gallery #canvas_left {
	margin-right:		48px;
}
#gallery a img {
	border:				3px solid #bbb;
	margin:				0 10px 0 0;		
}
						
#gallery a:hover img  {
	border:				3px #0099cc solid;				
}
			
#gallery_navigation a img {
	border:				0;				
}

#gallery_navigation a:hover img {
	border:				0;				
}

#gallery_navigation #btn {
	float:				right;
	width:				80px;
	margin:				10px 0 0 10px;
}


/* ---- Subpage 7 Left Column ---- */
#sub7_left_col {
	width:				160px;
	float:				left;
	padding-right:		25px;
}

#sub7_address_container {
	background:			transparent url(/images/brochure_144x201.jpg) no-repeat top left;
	width:				155px;
	padding-top:		180px;
	margin-top:			10px;
}

#sub7_address_container h4 {
	padding-bottom:		50px;
	text-align:			right;
}

/* ---- Subpage 7 Right Column ---- */
#sub7_right_col {
	width:				340px;
	float:				left;
	padding:			10px;	
	border:				1px solid #999;
	margin-top:			20px;
	background:			transparent url(/images/transparent_div_bg.gif) repeat top left;
}
#sub7_right_col form {
	padding:			10px;		
}

#sub7_right_col input {
	margin-bottom:		5px;
	margin-left:		10px;
}

/* ---- Subpage 8 Contact Page - Left Column ---- */
#sub8_left_col {
	width:				280px;
	float:				left;
	padding-right:		5px;
}
#sub8_left_col h4 {
	font-weight:		bold;
	font-size:			12px;
	
}

#sub8_address_container {
	background:			transparent url(/images/map_303x166.gif) no-repeat top left;
	width:				305px;
	padding-top:		180px;
	margin-top:			10px;
}

#sub8_address_container h4 {
	padding-bottom:		50px;
	text-align:			right;
}
#sub8_address_container a {
	text-decoration:	none;
	color:				#333;
	
}
#sub8_address_container a:hover {
	text-decoration:	underline;
}

/* ---- Subpage 8 Right Column ---- */
#sub8_right_col {
	width:				250px;
	float:				right;
	padding:			5px;	
	overflow:			auto;
	border:				1px solid #999;
	margin-top:			24px;
	margin-left:		10px;
	background:			transparent url(/images/transparent_div_bg.gif) repeat top left;
}
#sub8_right_col form {
	padding:			2px;		
}

#sub8_right_col input {
	margin-bottom:		5px;
	margin-left:		5px;
}

/* ---- Subpage 9 PDF Download Box ---- */
#pdf_download_container {
	width:				200px;
	height:				 60px;
	padding-left:		50px;
	padding-top:		10px;
	margin-top:			15px;
	background:			transparent url(/images/pdf_icon_37x37.gif) no-repeat top left;
}
#pdf_download_container a {
	color:				#000;
	text-decoration:	none;
	
}

#pdf_download_container a:hover {
	color:				#000;
	text-decoration:	underline blink;
}

/* ---- Large Images ---- */
#large_image {
	width:				290px;
	height:				213px;
	padding-bottom:		20px;
}

.error_warn {
	color:				#d00;
	margin:				10px;
}
.error_field {
	border:				1px solid #d00;
}