/* CSS Document */
body {
	width:100%;
	height:100%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
}

#mainNavigationBottom {
	position:absolute;
	bottom:0px;
	margin:auto;
	width:100%;
	z-index:10;
	height:43px;
}

*+html #mainNavigationBottom {
	left:0px;
	
}

#mainNavigationBottom .logo {
	position:absolute;
	display:block;
	left:43px;
	bottom:72px;
	text-align:left;
	width:90%;
	z-index:50;
}

#mainNavigationBottom .logo img {
	width:0px;
}

#mainNavigationBottom #leftScrollArr {
	position:absolute;
	left:0px;
	bottom:0px;
	height:39px;
	width:43px;
	background:url(../img/leftArr.png) no-repeat top right;
	display:block;
	font-size:0px;
	z-index:50;
	cursor:pointer;
}

#mainNavigationBottom #leftScrollArr:hover {
	/*background:url(../img/leftArrHover.png) no-repeat top right*/;
}

#mainNavigationBottom #rightScrollArr {
	position:absolute;
	right:0px;
	bottom:0px;
	height:39px;
	width:43px;
	background:url(../img/rightArr.png) no-repeat top left;
	font-size:0px;
	display:block;
	cursor:pointer;
	z-index:50;
}

#mainNavigationBottom #rightScrollArr:hover {
	/*background:url(../img/rightArrHover.png) no-repeat top left;*/
}

#mainNavigationBottom #navigationContainer {
	width:100%;
	height:100%;
	text-align:center;
	position:relative;
	z-index:60;

}

#mainNavigationBottom ul {
	position:absolute;
	z-index:80;
	width:80%;
	margin-left:10%;
	margin-right:10%;
	display:block;
	/*background:url(../img/menuBg.png) repeat top left;*/
	text-align:center;
	border:1px solid #808080;
	border-bottom:0px;
	height:37px;
	text-align:center;
	padding-top:5px;
	bottom:-50px;
	left:0;
}

#mainNavigationBottom ul.hidden {

}

#mainNavigationBottom ul li {
	display:inline;
	
}

#mainNavigationBottom ul li a{
	font-size:26px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	padding-left:2%;
	padding-right:2%;
	text-decoration:none;
}

#mainNavigationBottom ul li a:hover {
	color:#877673;
}

#mainNavigationBottom ul li a.active {
	color:#fff;
}

#scrollWrapper {
	width:100%;
	height:100%;
	position:absolute;
	
	overflow:hidden;
	left:0px;
}

#contentWrapper {
	height:100%;
	width:700%;
	left:0px;
}

#contentWrapper .contentSite {
	width:14.28571428%;
	height:100%;
	float:left;
	position:relative;
	text-align:left;
}

.contentTabs {
	position:absolute;
	top:0px;
	z-index:15;
	height:65%;
	width:100%;
	padding-top:45px;
	padding-left:45px;
	
}

.contentTabs .ui-tabs-hide {
	display:none;
}

.contentTabs ul {
	float:left;
	display:block;
	width:240px;
}

.contentTabs ul li {
	width:240px;
	height:28px;
	padding-top:4px;
	text-align:center;
}

*+html .contentTabs ul li {
	padding-right:20px;
}

.contentTabs ul li.ui-state-active {
	padding-top:2px;
	background:url(../img/activeArr32.png) no-repeat right -1px;
}


.contentTabs ul li a {
	display:block;
	/*background:url(../img/tabLinkBg.png) no-repeat top left;*/
	background:#aaa;
	opacity:0.7;
  	filter:alpha(opacity=70); /* For IE8 and earlier */
	width:208px;
	height:23px;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	padding-top:5px;
}


.contentTabs ul li a:hover {
	/*background:url(../img/tabLinkBgHover.png) no-repeat top left;*/
}

.contentTabs ul li.ui-state-active a {
	color:#333;
}

.ui-tabs-panel {
	height:100%;
}

.contentTabs .content {
	border:5px solid #fff;
	border-color:rgba(255,255,255,0.93);
	width:65%;
	margin-left:240px;
	height:100%;
	/*background:url(../img/contentBg.png) repeat top left;*/
	background:#000;
	color:#fff;
	padding:20px;
	text-align:left;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  	color:#fff;
  	font-size:14px;
  	line-height:18px;
  	overflow:auto;
}

*+html .contentTabs .content {
	margin-left:20px;
} 

.contentTabs .content h1 {
	font-size:24px;
	line-height:26px;
	font-weight:normal;
	padding-bottom:10px;
}

.contentTabs .content h2,
.contentTabs .content h3 {
	font-size:18px;
	font-weight:normal;
	padding-bottom:10px;
	padding-top:20px;
}

.contentTabs .content img {
	margin:10px;
}

.contentTabs .content img.left {
	float:left;
        vertical-align:text-top;
}

.contentTabs .content img.right {
	float:right;
}

.contentTabs .content table td {
	vertical-align:top;
}

.contentTabs .content ul {
	padding-top:15px;
	padding-bottom:15px;
	float:none;
	display:block;
        width:auto;
}

.contentTabs .content ul li {
	height:auto;
	list-style-image:url(../img/liBullet.png);
	list-style-position:inside;
	text-align:left;
        width:auto;
}

.contentTabs .content a,
.contentTabs .content ul li a {
	text-decoration:underline;
	text-align:left;
	width:auto;
	display:inline;
	background:none;
	height:auto;
	padding:0px;
	color:#fff;
	font-size:12px;
}

.contentTabs .content a:hover {
	color:#877673;
}

img.bg {
	bottom:0;
	left:0; 
	position:absolute;
	z-index:1;
	width:100%;
}

.content ol {
	list-style:decimal;
	margin-left:20px;
}