@charset "UTF-8";
/*
Theme Name: IBARCH 2008

*/
body {
	font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #777777;
	color:#ACACAC;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
img {border:none;}
a,a:link,a:active,a:visited {
	color:#f7941d;
	text-decoration:underline;
	}
a:hover {
	color:#FF6600;
	}
h2 {
	xposition:relative;
	font-size:21px;
	font-weight: normal;
	margin: 8px 0 30px 0;
	padding:0;
	color:#FFFFFF;
}
h3 {
	xposition:relative;
	font-size:11px;
	margin: 24px 0 0 0;
	padding:0;
	color:#FFFFFF;
}
p {
	xposition:relative;
	margin:0 0 8px 0;
	padding:0;
	text-align:justify;
}
#all {
	position:relative;
	height:auto;
	text-align:center;
	background-image:url(images/pagebg.jpg);
	background-position:center;
	background-repeat:repeat-y;
	}
#allinner {
	xposition:relative;
	width:990px;
	margin:auto;
	text-align:left;
	background-color:#444444;
	}
#top {
	position:relative;
	height:127px;
	border-bottom:1px solid #707070;
	}
	#top #logo {
		position:absolute;
		left:815px;
		top:87px;
		width:174px;
		height:40px;
		overflow:hidden;
		}
	#top #textlogo {
		position:absolute;
		left:0;
		top:105px;
		width:271px;
		height:29px;
		overflow:hidden;
		}
	#top #topnav {
		/*position:absolute;*/
		position:relative;
		left:330px;
		top:116px;
		font-size:12px;
		/*z-index:1222;*/
		}
		#top #topnav ul {
			position:relative;
			margin:0; padding:0;
			list-style-type:none;
			}
			#top #topnav ul li {
				position:relative;
				/*display:block;*/
				float:left;
				/*clear:none;*/
				margin:0;
				padding: 0 24px 0 0;
				list-style-type:none;
				width:auto;
				/*border:1px solid red;*/
				}
				#top #topnav ul li a, #top #topnav ul li a:link, #top #topnav ul li a:active, #top #topnav ul li a:visited {
					display: block;
					color:#CCCCCC;
					text-decoration:none;
				}
				#top #topnav ul li.current_page_item a, #top #topnav ul li.current_page_parent a, #top #topnav ul li.current_page_ancestor a {
					color:#FFFFFF !important;
				}
				#top #topnav ul li.current_page_item ul li a, #top #topnav ul li ul li.current_page_parent a, #top #topnav ul li ul li.current_page_ancestor a {
					color:#CCCCCC !important;
				}
				#top #topnav ul li a:hover, #top #topnav ul li ul li a:hover, , #top #topnav ul li ul li.current_page_parent a:hover, #top #topnav ul li ul li.current_page_ancestor a:hover  {
					color:#FFFFFF !important;
					text-decoration:none;
				}
				/*dropdown */
				#top #topnav li ul {
						position: absolute; 
					   background: #444444; 
					   width: 200px;
					   z-index:9999;
					   display:none;
					   /*left: -999em;  using left instead of display to hide menus  
					   because display: none isn't read by screen readers */ 
					}
					#top #topnav li ul li{
						padding: 3px;
						border-bottom: 1px solid #333333;
						width: 194px;
					}
					
									
				/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
				#top #topnav ul ul
				{
					margin: 0;
					padding: 0;
					list-style-type: none;
					font-size: 100%;
					z-index: 1020;
					/*cursor: default;*/
					width: 200px;
					position: absolute !important;
					/*left: -1000em;*/
					display:none;
					/*border:1px solid yellow;*/
				}
				#top #topnav li:hover ul, #top #topnav li li:hover ul, #top #topnav li li li:hover ul, #top #topnav li.sfhover ul, #top #topnav li.sfhover ul li, #top #topnav li li.sfhover ul, #top #topnav li li li.sfhover ul { /* 
lists nested under hovered list items */ 
   left: auto; 
   display:block;
   z-index:9999;
}
				/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
				#xtop #topnav ul ul.MenuBarSubmenuVisible
				{
					left: auto;
				}
				/* Menu item containers are same fixed width as parent */
				#xtop #topnav ul ul li
				{
					float:none !important;
					display:block !important;
					width: 200px;
				}
				/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
				#xtop #topnav ul ul ul
				{
					position: absolute;
					margin: -5% 0 0 95%;
				}
				/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
				#xtop #topnav ul ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
				{
					left: auto;
					top: 0;
				}
				
				#xtop #topnav li ul li {
					float:none !important; clear:both !important;
					padding:3px !important; border-top:1px solid #999999;				
					width: 200px;
					position:relative;
					background-color:#333333;
				}
				
				
				
				
				/*#topnav li ul {
					display: none;
					position: absolute; 
					top: 15px;
					left: 0;
				}
				#topnav li > ul {
					top: auto;
					left: auto;
					}
				#topnav li ul li {
					float:none; clear:both;
					padding:2px; border-top:1px solid #999999;				
					width: 120px;
					position:relative;
					background-color:#333333;
				}
				#topnav li:hover ul, #topnav li.over ul {
					 display: block;
				}*/
#main {
	xposition:relative;
	margin-top:25px;
	padding-bottom:25px;
	min-height:100px;
	_height:100px;
}
#content ul {
	margin: 0 0 0 12px; padding: 0;
	_margin: 0 0 0 14px; padding: 0;

	
}
#content ul li{
	margin-bottom: 3px;
	margin-left: 2px;
	padding-left: 10px;
}
#footer {
	position:relative;
	height:100px;
	margin:auto;
	text-align:center;
	background-image:url(images/footerbg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	}
	#footer #footerinner {
		position:relative;
		border-top:1px solid #707070;
		margin:auto;
		width:990px;
		height:100px;
		text-align:left;
		}
		#footer ul.qtrans_language_chooser{
			position:absolute;
			right:10px;
			top:5px;
			margin:0; padding:0;
			}
			#footer ul.qtrans_language_chooser li {
				position:relative;
				margin:0; padding:0;
				margin-left:7px;
				list-style-type:none;
				float:right;
				clear:none;
				}
		#footer .breadcrumb {
			position:absolute;
			left:10px;
			top:5px;
		}
#content {
	xbackground-color: #EE0000;
	min-height:250px;
	_height:250px;
	xposition:relative;
	float:left;
	clear:none;
	width:280px;
	_display:inline-block;
}
.leftcol {
	position:relative;
	float:left;
	clear:none;
	width:190px;
	_display:inline-block;
	}
	.leftcol ul {
			position:relative;
			margin:0; padding:0;
			list-style-type:none;
			}
			.leftcol ul li {
				position:relative;
				margin:0;
				padding: 8px 10px 0 12px;
				list-style-type:none;
				}
				.leftcol ul li a, .leftcol ul li a:link, .leftcol ul li a:active, .leftcol ul li a:visited {
					color:#CCCCCC;
					text-decoration:none;
				}
				.leftcol ul li.current_page_item a, .leftcol ul li.current_page_parent a, .leftcol ul li.current_page_ancestor a  {
					color:#FFFFFF !important;
				}
				.leftcol ul li a:hover {
					color:#FFFFFF;
					text-decoration:none;
				}
.navigation {
	background-color: #009900;
}
.post {
	xbackground-color: #000044;
}
#hpcontent {
	xposition: relative;
}
#hpflash {
	xposition: relative;
	margin-left: 167px;
}
.endfloat{
	position:relative;
	float:none;
	clear:both;
	height:1px;
	overflow:hidden;
}
#attachedgallery {
	xposition: relative;
	xwidth: 496px;
	width: 518px;
	float: left;
	/*background-color: silver;*/
	padding-top: 10px;
	xmargin-left: 22px;
}
#anniversary {
	position: absolute;
	top: 55px;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
#xtop #topnav ul iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	#xtop #topnav ul li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #444444;
		color:#FFFFFF;
	}
}