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

html,body { margin:0px; padding:0px; }
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#E1F8FF;
	background-image:url(../images/new_interface/background.jpg);
	background-position:top;
	background-repeat:repeat-x;
	color:#333333;
}
input,textarea,select { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:11px; }
p,td,th,div,ul { line-height:1.6em; }
a { font-weight:bold; color:#333333; }
a.current { color:#990000; }
ul { margin-left:0px; padding-left:0px; list-style-type:none; }
li {
	padding-left:1.4em;
	background-image:url(../images/new_interface/bullet.gif);
	background-repeat:no-repeat;
	/* 
		The line height of a li item is 1.6em. Which is 1.6 * 11 = 17.6 pixels
		The height of the bullet is 8 pixels.
		Half the line height is 8.8 minus half the bullet 4 , 8.8 - 4 = 4.8 pixels
		This means that the bullet must be 4.8 pixels from the top. Now in relative 
		terms (in order to cope with font resizing, 4.8 px = 4.8 / 11 = 0.43 em
		0.45 is a really close visual approximation	
	*/
	background-position:0px 0.45em;
}
form { padding:0px; margin:0px; }
h2 { font-size:14px; font-weight:bold; color:#00A9E0; }

/* Structural elements */
#outer_canvas {
	text-align:center; /* Center for IE 6 */
	padding:20px;
}
#inner_canvas {
	width:820px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#logo_area {
	margin-bottom:20px;
}
	#logo_area img { margin-left:30px; }
	#logo_area ul {
		list-style-type:none;
		margin:-14px 0px 0px 0px;
		padding:0px;
		float:right;
		line-height:1em;	
	}
	#logo_area ul li {
		display:inline;
		padding-left:0px;
	}
	#logo_area ul li a {
		display:block;
		float:left;
		/*background-color:#99CC00;*/
		height:14px;
		margin-right:25px;
	}
	#logo_area ul li a span { display:none; }
	a#nav_welcome { background-image:url(../images/new_interface/menu_welcome.jpg); width:79px; }
	a#nav_welcome:hover { background-image:url(../images/new_interface/menu_welcome_over.jpg); }
	a#nav_welcome.current { background-image:url(../images/new_interface/menu_welcome_over.jpg); }
	a#nav_about_us { background-image:url(../images/new_interface/menu_about_us.jpg); width:75px; }
	a#nav_about_us:hover { background-image:url(../images/new_interface/menu_about_us_over.jpg); }
	a#nav_about_us.current { background-image:url(../images/new_interface/menu_about_us_over.jpg); }
	a#nav_latest_news { background-image:url(../images/new_interface/menu_latest_news.jpg); width:100px; }
	a#nav_latest_news:hover { background-image:url(../images/new_interface/menu_latest_news_over.jpg); }
	a#nav_latest_news.current { background-image:url(../images/new_interface/menu_latest_news_over.jpg); }
	a#nav_members { background-image:url(../images/new_interface/menu_members.jpg); width:81px; }
	a#nav_members:hover { background-image:url(../images/new_interface/menu_members_over.jpg); }
	a#nav_members.current { background-image:url(../images/new_interface/menu_members_over.jpg); }
	
#header_area {
	margin-bottom:10px;
}

#columns_top { background-image:url(../images/new_interface/columns_top.gif); height:40px; background-repeat:no-repeat; }
#columns_bottom { background-image:url(../images/new_interface/columns_bottom.gif); height:28px; background-repeat:no-repeat; margin-bottom:10px; }
#columns { 
	background-image:url(../images/new_interface/columns_back.gif);
	background-repeat:repeat-y;
	padding-left:30px;
	padding-right:30px;
	height:1%;
}
	#left_column {
		float:left;
		width:440px;
		/*background-color:#FFCC00;*/
		margin-right:70px;
	}
	#right_column {
		float:left;
		width:250px;
		/*background-color:#FF9900;*/
	}

#footer {
	padding-left:30px;
	padding-right:30px;
	height:1%;
}
	#left_footer {
		float:left;
		width:440px;
		margin-right:70px;
		text-align:center;
	}
	#right_footer {
		float:left;
		width:250px;
		text-align:center;
		color:#00A9E0;
	}
	#right_footer a { text-decoration:none; color:#00A9E0; }
	#right_footer a:hover { text-decoration:underline; }

#az { margin:0px; padding:0px; }
#az li { margin:0px; padding:0px; background-image:none; float:left; }
#az li.unavailable { width:1.63em; line-height:1.63em; text-align:center; color:#999999; }
#az li a { display:block; float:left; width:1.63em; line-height:1.63em; text-align:center; }
#az li a:hover { background-color:#FFFFFF; }

.search_radius_container {  }
.search_radius_container .decrease { float:left; }
.search_radius_container .increase { float:right; }


/* Other classes */
.clear { clear:both; }
.mt0 { margin-top:0px; }
.mb0 { margin-bottom:0px; }
.mt10 { margin-top:10px; }
.mb10 { margin-bottom:10px; }
.mt20 { margin-top:20px; }
.mb20 { margin-bottom:20px; }

.separator_horizontal { background-image:url(../images/new_interface/separator_horizontal.gif); height:1px; background-repeat:repeat-x; }

.defaultTable { border-collapse:collapse; }
.defaultTable td { border:1px solid #CCCCCC; padding:4px; }
.defaultTable th { border:1px solid #CCCCCC; text-align:center; background-color:#E0E0E0; padding:4px; }
.defaultTable tr.odd { background-color:#FFFFFF; }
.defaultTable tr.even { background-color:#EDEDED; }
.defaultTable tr.over { background-color:#FFE57F; }

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


/* Page specific classes */
.ciarb_logo { float:left; margin-right:20px; margin-bottom:10px; }

#company_logo_container { 
	width:440px; 
	text-align:center;
	margin-bottom:20px;
}