* { -moz-box-sizing: border-box; }

html, body {
	height: 100%;
}

form {
	margin:0;
	padding:0;
}

body {
	padding: 0;
	margin: 0 7px 0 0;
	font-family: tahoma, helvetica, arial;
	font-size: 11px;

	background: white url('/img/alg/bg_faux_cols.gif') repeat-y;
}

#page_container {
	min-width: 850px;
	width:expression(document.body.clientWidth <= 850 ? "850px": "auto" );

	border-right: 1px solid #005996;

	height: 100%;
}

#top_container {
	position: absolute;
	top: 0;
	left: 0;

	height: 86px;
	background-color: #005996;
	border-bottom: 1px solid white;

}

#top_container div#top_visual {
	display:inline;
	width: 168px;
	height: 85px;
	border-right: 1px solid white;
/*	border-bottom: 1px solid white;*/
	background: url('/img/alg/top_visual_01.png') no-repeat;
	float:left;
}

#top_container #top_title {
	height: 85px;
/*	border-bottom: 1px solid white;*/
	background: url('/img/alg/top_bg.gif') repeat-y top right;

}
	#top_container #top_title img#title {
		margin: 20px 0 0 23px;
		border: 0;
	}
	#top_container #top_title img#globe {
		float:right;
	}

#site_container {
	position: relative;
}

#site_left {
	margin-top: 86px;
	width: 168px;
	background-color: #005996;
	border-right: 1px solid white;
	float:left;
	height:expression((document.body.clientHeight-86) + 'px');
}

#site_container > #site_left {
	margin-top: 87px;
}


#site_main {
	margin-top: 86px;

	background-color: #FFE680;
	float:left;
	
	height:expression((document.body.clientHeight+100) + 'px');
	width:expression(document.body.clientWidth <= 850 ? "458px": (document.body.clientWidth-168-219-8) + 'px' );

	border-right: 1px solid white;

	padding: 20px;
}

	.site_main_react {
		background-image: url('/img/alg/react_bg.png');
		background-repeat: no-repeat;
	}

	.site_main_event {
		background-image: url('/img/alg/event_bg.png');
		background-repeat: no-repeat;
	}
	

#site_container > #site_main {
	clear:both;
	height: auto;
	margin-top: 0;

	position: absolute;
	top: 87px;
	right: 219px;
	left: 169px;


}

#site_right {
	margin-top: 86px;

	width: 219px;
	height:expression((document.body.clientHeight-86) + 'px');

	background-color: #FFE166;
	float:left;
}

#site_container > #site_right {
	position: absolute;
	top: 0;
	right:0;
	margin-top: 87px;
	height: 500px;;
}


#site_left ul {
	margin: 0;
	padding:0;
	list-style-type:none;

}
#site_left ul#nav_main {

}
	
	ul#nav_main li {

		line-height: 24px;
		border-bottom: 1px solid white;
		color:white;
		font-weight:bold;
		font-size: 9px;
		text-transform: uppercase;
	}
	ul#nav_main li a {
		display:block;
		color: white;
		text-decoration:none;
	
		padding-left: 10px;
	}

	ul#nav_main li a:hover, ul#nav_main li.selected a {
		color: #FFCC00;
	}


#site_left img#logo_left {
	
	margin: 50px 0 0 18px;
}

#site_left ul.nav_sub {
	border-top: 1px solid white;
	background-color: #337AAB;
	padding-top: 7px;
	padding-bottom: 7px;
}

	#site_left ul.nav_sub li {

		line-height: 19px;

		padding:0;
		margin:0;

		border:none;

		font-size: 10px;
		text-transform: none;

	}
	#site_left ul.nav_sub li a {

		color: white;
		text-decoration:none;

		margin: 1px 0 1px 3px;
		
		padding-left: 18px;

		display: block;
		background: url('/mod_bin/general/arrow.php?h=7&d=r&fc=FFCC00') no-repeat 9px 50%;
	}
	#site_left ul.nav_sub li a:hover, #site_left ul.nav_sub li.selected a {

		background: #005996 url('/mod_bin/general/arrow.php?h=7&d=r&fc=FFFFFF') no-repeat 9px 50%;
	}


#site_main h2 {
	font-size: 15px;
}


#site_right dl {
	margin:0;
	padding:0;
	width: 100%;
}
#site_right dt {
	height: 23px;
	background-color: #FFCC00;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
}
	#site_right dl.first dt {
		border-top: none;
	}

#site_right dd {
	background-color: #FFE166;
	
	margin:0;
	padding:0;
}

#site_right #region_select {
	border-top: 1px solid #FFE166;
	background: url('/img/right_worldmap.png') no-repeat 0% 10px;
	height: 185px;
}
	#site_right #region_select ul {
		width: 170px;
		margin: 110px 0 0 10px;
		padding: 0;
		list-style-type: none;
		border: 1px solid #0066CC;
		border-width: 0 1px 1px 1px;
	}
	#site_right #region_select li {
		margin:0;
		font-size: 8px;
		font-weight: bold;
		height: 9px;
		border-top: 1px solid #0066CC;


	}
	#site_right #region_select li a {
		display:block;
		padding-left: 9px;
		background: url('/img/tiny_arrow.png') no-repeat 3px 60%;
		color: black;
		text-decoration: none;
	}
	#site_right #region_select li a:hover, #site_right #region_select li.selected a {
		background-color: #FFCC00;
	}


#agenda_list_container_small, #agenda_list_container {
	padding: 10px;
}
#agenda_list_container {
	padding-left:0;
}

	#agenda_list_container_small a, #agenda_list_container a {
		color: black;
		text-decoration: underline;
	}
	#agenda_list_container_small h3, #agenda_list_container h3 {
		font-weight: bold;
		font-size: 11px;
		margin:0;
	}
	#agenda_list_container_small .date
		font-size: 10px;
		color: #666;
	}

	#agenda_list_container div.date_info {
	}
	#agenda_list_container .date_info strong {
		font-size: 18px;
		font-weight: bold;
	}

	#agenda_list_container_small .desc {
		font-size: 11px;
		margin-bottom: 15px;
	}

	#agenda_list_container .desc {
		float:left;	
		font-size:11px;
	}

	#agenda_list_container .desc .def_name {
		color: #005996;
		font-size:10px;
	}

	#agenda_list_container .desc h3 {
		margin: 10px 0;
	}

	#agenda_list_container .desc a {
		color: #005996;
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
		text-transform: uppercase;
	}

	#agenda_list_container .desc a:hover {
		text-decoration: underline;
	}


#agenda_detail_container {
	margin-top: 5px;
	background-color: white;
}

#agenda_detail_container h3 {
	color: #005996;
	text-transform: uppercase;
	font-size:11px;	
}


.agenda_point div.date_info {
	float:left;
	width: 100px;
	text-align:center;
	font-size: 11px;
}


#agenda_list_container {
	padding-top: 0px;
}

	#agenda_list_container .agenda_point {
		clear:both;
		background-color: white;
		margin-bottom: 5px;
		padding:9px;
		cursor: pointer;
		cursor: hand;
	}

#agenda_bar {
	height: 21px;
	background-color: #337AAB;
	border: 1px solid #005996;
	margin-bottom: 5px;
}
	div#agenda_bar h3 {
		float:left;
		font-size: 9px;
		display: inline;
		color: #FFCC00;
		padding: 0 8px;
		text-decoration: none;
		line-height: 21px;
		background-color: #005996;
	}

	div#agenda_bar ul#agenda_sort_list {
		margin: 0;
		padding:0;
		list-style-type:none;
		height: 21px;
	}
	div#agenda_bar ul#agenda_sort_list li {
		height: 21px;
		display: inline;
		border-right: 1px solid #005996;
		line-height: 15px;
	}
	div#agenda_bar ul#agenda_sort_list li a {
		color:white;
		font-size: 10px;
		font-weight: bold;
		text-decoration: none;
		padding: 3px 20px 3px 20px;
		background: url('/mod_bin/general/arrow.php?h=7&d=r&fc=FFCC00') no-repeat 9px 50%;
	}
	div#agenda_bar ul#agenda_sort_list li a:hover, div#agenda_bar ul#agenda_sort_list li a.active {
		background:  url('/mod_bin/general/arrow.php?w=7&d=d&fc=FFCC00') no-repeat 7px 50%;
		text-decoration: underline;
	}

#agenda_bar #agenda_def_selector {
	padding-top:1px;
	float:right;
}

#site_main {
	font-size: 12px;
}

#site_main h3 {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}


#site_main p img.content_img_right {
	float: right;
	margin: 0 0 10px 10px;
}

#site_main p img.content_img_left {
	float: left;
	margin: 0 10px 10px 0;
}

#agenda_ext_search {

}

	#agenda_ext_search table td {
		vertical-align: top;
		font-size: 11px;
	}

	#agenda_ext_search label {
		width: 100px;
		height: 23px;
	}

	#agenda_ext_search .submit_btn {
		background-color: white;
		border: 2px solid #005996;
		font-size: 11px;
		font-family: tahoma, helvetica, arial;
	}

/* 
Troyce Reaction 
*/

.site_main_react .title {
	font-size:10px;
	color:#005996;
	font-weight:bold;
	text-transform:uppercase;
}

.site_main_react .intro {
	font-size:11px;
}

.button {
	height:100%;
	width:100%;
	color:#ffffff;
	font-size:11px;
	border-top:1px solid #3399CC;
	border-right:1px solid #005996;
	border-bottom:1px solid #005996;
	border-left:1px solid #3399CC;
	padding:1px 0  0 10px;
}

.button_over {
	height:100%;
	width:100%;
	color:#FFE680;
	font-size:11px;
	border-top:1px solid #337AAB;
	border-right:1px solid #005996;
	border-bottom:1px solid #005996;
	border-left:1px solid #337AAB;
	padding:1px 0  0 10px;
}

.tbl_label {
	background-color:#FCF4D2;
	font-weight:bold;
	color:#005996;
	font-size:11px;
	margin:0 5px 0 0;
}

#memberlist {
	font-size:11px;
	border:1px solid #005996;
	background:#ffffff;
	width:100%;
}

#memberlist th {
	padding:2px 5px 2px 5px;
	background-color:#005996;
	color:#FFE680;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
}

#memberlist td {
	padding:2px 5px 2px 5px;
	border-bottom:1px solid #005996;
}

#memberlist a:link, #memberlist a:visited, #memberlist a:active, #memberlist a:hover {
	text-decoration:underline;
	color:#005996;
}

#memberlist a:active, #memberlist a:hover {
	text-decoration:none;
	
}


#member {
	width:100%;
	border:1px solid #005996;
	background:#ffffff;
	padding:5px;

}

#member .company {
	width:100%;
	margin:0;
	padding:0;
	font-size:12px;
}
#member .company img {
	float:right;
}

#member .contact {
	margin:10px 0 0 0;
	padding:0;
	font-size:12px;
}

#member .contact .label {
	background-color:#FCF4D2;
	font-weight:bold;
	color:#005996;
	font-size:11px;
	padding:0 5px 0 0;
}

#member a:link, #member a:visited, #member a:active, #member a:hover {
	text-decoration:underline;
	color:#005996;
}

#member a:active, #member a:hover {
	text-decoration:none;
	
}
#back {
	margin:10px 0 0 0;
}

#back a:link, #back  a:visited, #back  a:active, #back  a:hover {
	text-decoration:underline;
	color:#005996;
}

#back  a:active, #back  a:hover {
	text-decoration:none;
	
}

/* 
**	Board of IFOS 
*/

#boi_member {border:0px solid red; width:100%; margin:0 0 10px 0;}
#boi_member .image {width:160px;}
#boi_member .content {width:90%; padding:0 10px 10px 10px; font-size:12px;}
#boi_member .content .bold {font-weight:bold; 	text-decoration:underline;}

#boi_member a:link, #boi_member  a:visited, #boi_member  a:active, #boi_member  a:hover {
	text-decoration:underline;
	color:#005996;
}

#boi_member  a:active, #boi_member  a:hover {
	text-decoration:none;
	
}

#eboi_member {border:0px solid red; width:100%; margin:0 0 10px 0;}
#eboi_member .image {width:160px;}
#eboi_member .content {width:90%; padding:0 10px 10px 10px; font-size:12px;}
#eboi_member .content .bold {font-weight:bold; 	text-decoration:underline;}

#eboi_member a:link, #eboi_member  a:visited, #eboi_member  a:active, #eboi_member  a:hover {
	text-decoration:underline;
	color:#005996;
}

#eboi_member  a:active, #eboi_member  a:hover {
	text-decoration:none;
	
}
