﻿body{
	margin: 0px;
	padding: 0px;
	background-color:#14191F;
	direction: ltr;
	height: 760px;
	text-align: right;
}
.OdotNames{
	font-weight: bolder;
	font-size: 14px;
	color: #FFF5B3;
}
.FormText{
color: #FFF3E6;
}
.BlackBG{
background-color: black;
}
A:link
{
	text-decoration: underline;
	color: #FFF3E6;
}

A:visited
{
	text-decoration: underline;
	color: #FFF3E6;
}

A:hover
{
	text-decoration: underline;
	color: #ffe4c4;
}

A:active
{
	text-decoration: underline;
	color: #FFF3E6;
}
#VideoList{
	overflow: auto;
	height:265px;
}
.videoThumb{
border: solid 1px #FFFCE5;
height: 120px;
margin-bottom: 6px;
	direction: rtl;
}
.videoThumb p{padding: 10px 6px ;font-size: 12px;  font-family: arial; color: #FFFCE5; }

.imgStyle{
border: solid 1px #FFFCE5;
float: right;
margin: 6px;
	direction: rtl;
}
h1{ color: #FFFCE5; font-family: arial; font-size: 36px; }
h2{ color: #FFFCE5; font-family: arial; font-size: 24px; padding-right: 12px; }
p{ font-family: arial; color: #FFFCE5; }
#wrapper{
	/*background-image: url('bg.jpg');*/
	background-image: url('BackgroundForWebSite_300409.jpg');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 760px;
border: solid yellow 0px;
	direction: rtl;
}
#formtext {
	font-family: arial;
	color: #FFFCE5;
	direction:rtl;
	text-align:right;	
}
#RightPart{
position: relative;
float: right;
width: 475px;
height: 100%;
border: solid red 0px;
}

#thankyou{
border:0px solid red;
bottom:220px;
margin-right:36px;
position:relative;
right:0;
text-align:right;
top:380px;
}

#menu{
	position: absolute;
	right: 0px;
	bottom: 380px;
    margin-right: 36px;
	text-align: center;
	width: 400px;
	height: 79px;
	border: solid yellow 0px;
}
#menu ul{
	list-style: none;
	height: 79px;
	border: solid red 0px;
	width: 400px;
	padding: 0px;
	margin: 0px;
}
#menu #About{
	list-style: none;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	border: solid 0px green;
	text-align: center;
	width: 72px;
	height: 79px;
}

#menu #About  a:hover { background-position: 75px 0px; }

#menu #About a{
	list-style: none;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	border: solid 0px green;
	text-align: center;
	width: 75px;
	height: 79px;
}

#menu #About a { background: url(About.png) repeat 0px 79px; }
#menu #About  a:active { background-position: 75px 0px; }
#menu #Contact{
	list-style: none;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	border: solid 0px green;
	text-align: center;
	width: 75px;
	height: 79px;
}

#menu #Contact  a:hover { background-position: 75px 0px; }

#menu #Contact a{
	list-style: none;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	border: solid 0px green;
	text-align: center;
	width: 75px;
	height: 79px;
}

#menu #Contact a { background: url(Contact.png) repeat 0px 79px; }

#menu #Home{
	list-style: none;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	border: solid 0px green;
	text-align: center;
	width: 72px;
	height: 79px;
}

#menu #Home  a:hover { background-position: 72px 0px; }

#menu #Home a{
	list-style: none;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	border: solid 0px green;
	text-align: center;
	width: 72px;
	height: 79px;
}

#menu #Home a { background: url(home.png) repeat 0px 79px; }

#menu #Links{
	list-style: none;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	border: solid 0px green;
	text-align: center;
	width: 73px;
	height: 79px;
}

#menu #Links  a:hover { background-position: 73px 0px; }

#menu #Links a{
	list-style: none;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	border: solid 0px green;
	text-align: center;
	width: 73px;
	height: 79px;
}

#menu #Links a { background: url(Links.png) repeat 0px 79px; }

#menu #Works{
	list-style: none;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	border: solid 0px green;
	text-align: center;
	width: 73px;
	height: 79px;
}

#menu #Works  a:hover { background-position: 73px 0px; }

#menu #Works a{
	list-style: none;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	border: solid 0px green;
	text-align: center;
	width: 73px;
	height: 79px;
}

#menu #Works a { background: url(Works.png) repeat 0px 79px; }
#LeftPart{
position: relative;
float: left;
width: 520px;
height: 100%;
border: solid green 0px;
}
#topSection{
border: solid green 0px;
position: relative;
top: 62px;
right:22px;
width: 450px;
height: 290px;

}
#topSection2{
border: solid green 0px;
position: relative;
top: 58px;
right:16px;
width: 450px;
height: 290px;

}

#ContentSection{
border:solid 0px blue;
height:340px;
overflow:auto;
padding-left:10px;
padding-right:10px;
position:absolute;
/*right:21px;*/
right:6px;
text-align:justify;
top:385px;
width:465px;
scrollbar-3dlight-color:silver;
                scrollbar-arrow-color:silver;
                scrollbar-track-color:gray;
                scrollbar-darkshadow-color:black;
                scrollbar-face-color:black;
                scrollbar-highlight-color:black;
                scrollbar-shadow-color:gray;
                font-family:Arial, Helvetica, sans-serif;
                
/*  scrollbar-3dlight-color:#FFD700;
         scrollbar-arrow-color:#8B0000;
           scrollbar-base-color:#A0522D;
           scrollbar-track-color:#9C5E23;
           scrollbar-darkshadow-color:#FF7F50;
           scrollbar-face-color:#DA9958;
           scrollbar-highlight-color:#E9967A;
           scrollbar-shadow-color:#D2691E*/
}
#registration_form{
background-image:url(FORMbg.png);
color:#FFFCE5;
font-family:arial;
font-size:12px;
height:296px;
padding:12px;
position:relative;
right:50px;
top:445px;
width:312px;
}