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

.container {
	width:1000px;
	height:800px;

	margin-left:auto;
	margin-right:auto;
	padding:2px;

	top:50%;
	margin-top:50px;
}

.header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#006200;
	text-align: center;
	padding-top:20px;
	font-weight: bold;
	text-shadow: 0px 1px 1px #AAA;


}

.subheader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333;
	text-align: center;
	padding-bottom:18px;
}

.subtitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#006200;
	text-align: left;
	font-weight: bold;
	padding-top:15px;
	padding-bottom:3px;
}

.youmust {
	width:700px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;

}

.youmust a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333;
	font-weight: bold;
}


.body {
background:#AAA;
	
}

.menu  {
	float:left;
	width:130px;
	height:685px;

	padding-top:115px;
	margin-left:10px;
	margin-right:10px;
	
	
	background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.44, rgb(255,255,255)),
    color-stop(0.72, rgb(204,204,204))
	);
	background-image: -moz-linear-gradient(
    center top,
    rgb(255,255,255) 44%,
    rgb(204,204,204) 72%	);
	
	color: #fff;
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(top, #fff, #ccc);
		/* For Internet Explorer 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#CCCCCCCC);
		/* For Internet Explorer 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFFFFFFF)";

	
	
	-moz-box-shadow:5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;
	box-shadow: 5px 5px 10px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');


}

.item {
	color:#FFF;
	background:#006200;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:1px;
	width: 120px;
	left: -15px;
	padding:5px;
	position: relative;
	padding-left: 20px;
	z-index: 100; /* the stack order: foreground */
	
}

.item > a:link { 
	color: #333333;
	}

.item > a:visited { 
	color: #FFFFFF;
	}
.item > a:hover { 
	color: #CCCCCC;
	text-decoration: none;
}
.item > a:active { 
	color: #333333;
}

.content {
	float:left;
	width:815px;
	height:780px;

	background:#FFF;
	padding:10px;
	margin-left:5px;
	
	
	-moz-box-shadow:5px 5px 10px #000;
	-webkit-box-shadow: 5px 5px 10px #000;
	box-shadow: 5px 5px 10px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');


}

.paragraph  {
	color:#333;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
	padding-right:40px;
}

.paragraph_center  {
	color:#333;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	padding-right:40px;
	color: black;
	font-weight:bold;	
	background: yellow;

}


.subparagraph {
	color:#333;
	font-size:12px;
	font-weight: bold;
}


.footer {
	position:absolute;
	top:730px;
		
}

table  {
	text-align: right;
	direction: rtl;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
}

tr, td, input, th {
	padding: 0px;
	margin: 0px;
	direction: rtl;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
.item > a:link {
	text-decoration: none;
	color: #FFF;
}
.item > a:visited {
	text-decoration: none;
	color: #FFF;
}
.item > a:hover {
	text-decoration: underline;
	color: #FFF;
}
.item > a:active {
	text-decoration: none;
	color: #FFF;
}
h1 {
	font-size: 24px;
	color: #333;
}
h2 {
	font-size: 12px;
	color: #333;
}
h3 {
	font-size: 12px;
	color: #333;
}
h4 {
	font-size: 12px;
	color: #333;
}
h5 {
	font-size: 12px;
	color: #333;
}
h6 {
	font-size: 11px;
	color:#333;
}

.textseperator {
font-size:16px;
color:#333
width:50%;
height:60%;
color:#0F0;
float:left;
min-width:50%;
max-width:50%;
}

.regform {
	overflow: auto; 
	height:500px;
	border: 1px;
	border-style: outset;
	padding:5px;
	margin:15px;
}


.triangle-l {
	border-color: transparent #006200 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -30px;
	top: -15px;
	z-index: -1; /* displayed under bubble */
}