body
{
	margin: auto;
    font-family: Tahoma, Arial, serif;
    font-size: 11px;
    color: #80848e;
	background-color: #1e1f22;
}

a
{
	color: #10a0d1;
	text-decoration: none;
}

a:visited
{
	color: #10a0d1;
	text-decoration: none;
}

a:hover
{
	color: #10a0d1;
	text-decoration: underline;
}

table
{
    border-spacing: 0;
    border-collapse: collapse;
}

table td, table th
{
    padding: 0;
}

#site
{
	position: relative;
	width: 1500px;
	min-height: 1730px;
	margin: 0 auto;
	padding: 0;
}
/* ------- Base end ------ */

/* ------- Header ------ */
#header
{
	z-index: 1;
	position: absolute;
	width: 100%;
	min-height: 1680px;
	pointer-events: none;
}

#banner
{
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 250px;
	background: #000532 url('../img/Theme/banner.png') no-repeat center top;
}

#banner div
{
	position: relative;
	width: 1500px;
	height: 100px;
	margin: auto;
	text-align: right;
	font-weight: bold;
	font-size: 100px;
	color: #fff;
	padding: 63px 100px 0 0;
}

#horizontalfixedbar
{
	z-index: 1;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	float: center;
	width: 100%;
	height: 50px;
	margin-top: 250px;
	background-color: #3d4047;
	pointer-events: auto;
}

#horizontalmenu
{
	position: relative;
	width: 1500px;
	margin: 0 auto;
}

.menubutton
{
	float: left;
	width: 200px;
	height: 36px;
	text-align: center;
	padding-top: 14px;
	font-weight: bold;
	font-size: 18px;
	cursor: pointer;
}

#scrollingmenu_1:hover #menubutton_1,
#scrollingmenu_2:hover #menubutton_2, 
#scrollingmenu_3:hover #menubutton_3, 
#scrollingmenu_4:hover #menubutton_4 
{
	background-color: #000e35;
	color: #6cc9f5;
}

#scrollingmenu_1:hover #scrollmenu_1,
#scrollingmenu_2:hover #scrollmenu_2, 
#scrollingmenu_3:hover #scrollmenu_3, 
#scrollingmenu_4:hover #scrollmenu_4 
{
	display: block;
}

.scrollmenus
{
	display: none;
	z-index: 1;
	position: absolute;
	top: 50px;
	min-width: 220px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #2b2d31;
}

#scrollmenu_1 { left: 0px; }
#scrollmenu_2 { left: 200px; }
#scrollmenu_3 { left: 400px; }
#scrollmenu_4 { left: 600px; }

.scrollmenus a
{
	color: #80848e;
	text-decoration: none;
}

.menu_link
{
	float: bottom;
	display: block;
	min-width: 220px;
	height: 40px;
	padding: 18px 20px 0 20px;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
}

.menu_link:hover
{
	background-color: #6cc9f5;
	color: #fff;
}

#menutitle
{
	float: left;
	width: 272px;
	height: 32px;
	border: 2px solid #1f2124;
	margin: 5px 0 5px 5px; 
	background-color: #313338;
}


/* ------- Header end ------ */

/* ------- Body ------ */
#body
{
	float: left;
	width: 1500px;
	min-height: 1350px;
	margin-top: 320px;
}

.menu
{
	float: left;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #282a2d;
	margin: 0 10px 10px 0;
}

.menutitle
{
	cursor: default;
	overflow: auto;
	height: 25px;
	padding: 10px 17px 5px 17px;
	margin: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #4e5058;
	font-weight: bold;
	font-size: 16px;
	color: #1a1a1d;
}

.menucontent
{
	margin: 10px;
	min-width: 160px;
	overflow: auto;
}

.menucontent div
{
	padding: 15px;
	font-weight: bold;
	font-size: 14px;
}

.menucontent div:hover
{
	cursor: pointer;
	background-color: #6cc9f5;
	color: #fff;
}

.menu_hover
{
	text-decoration: underline;
	color: #6cc9f5;
}

#content
{
	overflow: auto;
	height: 1400px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #313338;
}

.container
{

}                  

#contenttitle
{
	cursor: default;
	overflow: auto;
	height: 42px;
	padding: 20px 0 15px 27px;
	margin: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #4e5058;
	font-weight: bold;
	font-size: 28px;
	color: #1a1a1d;
}

#contenttitle span
{
	float: right;
	margin: 5px 10px 0 0;
	font-size: 18px;
}

#contentcontent
{
	overflow: auto;
	height: 1293px;
	margin: 10px;
	font-size: 18px;
}

#contentcontent img
{
	width: 60%;
}

#contentcontent img.large 
{
	width: 100%;
}

#contentcontent img.small
{
	width: 30%;
}

#contentcontent red
{
	color: #cd2626;
}

.colorNumber
{
	font-weight: bold;
	color: #823daa;
}

.colorBP
{
	font-weight: bold;
	color: #4a55db;
}

.colorNode
{
	font-weight: bold;
	color: #9b100c;
}

.colorVariable
{
	font-weight: bold;
	color: #5bc84c;
}

.colorPart
{
	font-weight: bold;
	color: #3ec7e4;
}

.colorFloat
{
	font-weight: bold;
	color: #38d500;
}

.colorText
{
	font-weight: bold;
	color: #d775a0;
}

/* ------- Body end ------ */

/* ------- Footer ------ */
#footer
{
	position: absolute;
	width: 100%;
	height: 267px;
	margin-top: 10px;
	background-color: #2b2d31;
}

#footer span
{
	display: block;
	width: 400px;
	height: 20px;
	margin: 13px auto 0 auto;
	text-align: center;
	padding-top: 200px;
}

#footermenu
{
	position: relative;
	width: 1500px;
	margin: 0 auto;
}

#footer_social
{
	float: right;
	width: 200px;
	height: 200px;
}

#footer_social box-icon
{
	margin-right: 150px;
}

.bx-icon-link
{
	cursor: pointer;
	width: 50px;
	height: 50px;
}

/* ------- Footer end ------ */

.login_form
{
	float: left;
	width: 300px;
	height: 300px;
	margin: auto;
}

.img1
{
	float: left;
	width: 256px;
	height: 256px;
	background: url('../img/excalibur.png') no-repeat;
}


.img2
{
	float: right;
	width: 256px;
	height: 256px;
	background: url('../img/wood.png') no-repeat;
}