body{
margin:0em;
font-family:verdana,tahoma,arial,sans-serif;
behavior: url(csshover.htc);
font-size: 100%;
background-color: #F7F6F1;
}

#NCTpage {
position: absolute;
left: 130px;
width:750px;
}

a, a:visited{
color:#555;
}

/*   form   */
form#myform { 
 		 background-color: #ffffff;
		 color: #000000;
		 border: 1pt solid #c1d6d9;
		 font-family: Arial;
		 font-size: 14pt;
		 text-align: left; 
		 margin-right: 3pt;
		 margin-left: 3pt;
		 margin-bottom: 0pt;
		 margin-top: 0pt;
}

.ruulez {
		 font-size: 10px;
		 color: #000000; 
}

.gomb {
		 font-size: 10pt;
 		 background-color: #FAFFFA;
		 float: right;
}

.submit_text {
		 margin-top: 2pt;
		 font-size: 	9pt;
		 font-family: arial;
		 font-weight: normal;
		 color: #000000;
		 text-align: right;
}

.up_border {
		 border-top-color: #7CA483;
		 border-top-width: 1px;
		 border-top-style: solid;
		 border-right-style: none;
		 border-left-style: none;
		 border-bottom-style: none;
}

.par {
		 font-size: 	8pt;
		 font-family: arial;
		 font-weight: normal;
		 color: #000000;
		 padding-left: 10;
		 text-align: justify;
}

/*   form  end */

a:hover{
color:#a00;
}

#header, #fixfoot{
width:750px;
height:15px;
float:left;
background:#b3b3b3;
font: 0.7em arial, helvetica, sans-serif;
text-align: center;
}

#fixfooter{
text-align: center;
position: absolute;
top: 620px;
left: 0px;
}

#logo_bar{
background:#F7F6F1 url(decor/bubbles.png) center right no-repeat ;
float: left;
height: 86px;
width: 100%;
}

.partners {
padding-top: 10px;
margin-top: 10px;
border-top-width:1px;
border-top-style:solid;
border-top-color:#999;
float: left;
width: 217px;
}

#key_picture {
width: 419px;
position: absolute;
left: 0px;
top: 123px;
height: 86px;
background:#F7F6F1 url(decor/frontpicture1.jpg) top right no-repeat ;
}

#key_picture, #article11, #article12, #article14, #article2 , #article3, #article4 , #article5 {
border-width:1px;
border-style:solid;
border-color:#999;
margin: 3px;
}

#article13 {
margin: 3px;
}

#article11{
position: absolute;
left: 425px;
top: 258px;
width: 318px; 
height: 100px;
text-align: right;
}

#article12{
position: absolute;
left: 425px;
top: 363px;
width: 318px; 
height: 75px;
background:#F7F6F1 url(decor/reviewbanner.jpg) center left no-repeat ;
text-align: right;
}

#article12 p, #article11 p{
position: absolute;
left: 120px;
width: 190px;
}

#article13{
position: absolute;
left: 425px;
top: 442px;
width: 318px; 
height: 91px;
text-align: center;
background:#F7F6F1 url(decor/platday.jpg) center right no-repeat ;
}

#article14{
position: absolute;
left: 425px;
top: 538px;
width: 318px; 
height: 62px;
background:#F7F6F1 center right no-repeat ;
}

#article2{
position: absolute;
left: 0px;
top: 215px;
width: 419px;
height: 386px;
}

#article3{
position: absolute;
left: 248px;
top: 365px;
height: 240px;
}

#article4{
position: absolute;
left: 496px;
top: 365px;
width: 247px; 
height: 114px;
}

#article5{
position: absolute;
left: 425px;
top: 123px;
width: 318px; 
height: 130px;
margin-bottom: 40px;
}

#content #article5 p {
margin: 4px 3px 0px 3px;
}


#article1 h2,  #article2 h2,  #article3 h2 ,  #article4 h2,  #article5 h2 {
background: #b3b3b3;
height: 20px;
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
width: 100%;
color: #444;
}

#article4 text{
background:#F7F6F1 url(decor/google-cho-logo.png) center center no-repeat ;
}

#article1 text,  #article2 text,  #article3 text,  #article4 text, #article5 text {
vertical-align: top;
padding: 5px;
float: left;
}

#login {
margin: 0px 0px 0px 3px;
}

#content {
float: left;
}

#content p, #article li {
font: normal 0.7em/1.4em arial, helvetica, sans-serif;
padding: 0px;
margin: 2px 3px 0px 3px;
}

#content li {
}

#content ul {
font: normal 9pt arial, helvetica, sans-serif;
margin: 0px;
padding-left: 20px;
}

#content h1 {
font: bold 1em/1.4em arial, helvetica, sans-serif;
padding: 0 0 5px 0;
margin: 0px;
}

#content h2 {
font: bold 0.8em/1.4em arial, helvetica, sans-serif;
padding: 5px 0px 0px 0px;
margin: 0px;
}


/* Begin CSS Popout Menu */

#menu{
width:100%;
float:left;
background:#b3b3b3;
}

#menu a {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#fff #b3b3b3 #b3b3b3 #ccc;
white-space:nowrap;
margin:0;
padding:1px 0 1px 3px;
}

#menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
display:block;
border-width:1px;
border-style:solid;
white-space:nowrap;
margin:0;
padding:0px 0px 0px 0px;
font: bold 1em arial, helvetica, sans-serif;
color:#555;
background:#b3b3b3;
text-transform:uppercase;
border-color:#b3b3b3 #fff #b3b3b3 #999;
}

#menu .h1anch {
border-width:0px;
border-style:solid;
margin:0;
padding:1px 0 1px 3px;
}

#menu a {
background:#b3b3b3;
text-decoration:none;
}

#menu a, #menu a:visited{
color:#555;
}

#menu a:hover{
color:#444;
background:#c3c3c3;
}

#menu a:active{
color:#444;
background:#ccc;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:11em;
}

#menu li{
position:relative;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 


#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-aor hover selectors */

/* Enter the more specific element (div) selector
on non-aor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background:#d8e6e8;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-aor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#555;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#fff;
background:#000;
}

#menu a.x:active{
color:#444;
background:#ccc;
}

/* End CSS Popout Menu */