<!-- style.css -->

body {
background-image: url(style/bg_dark.jpg); margin-top: 10px;
margin-top: 10px; 
font-family: tahoma, arial,  sans-serif; 
background: #333333;
background-repeat: repeat;
font-size: 16px;
}

      a:link    {font-size: 16px;  color: #2F4F4F;  font-weight: 400; 
                   text-decoration: none; font-family: verdana, tahoma, arial,  sans-serif; letter-spacing: 0px}

      a:visited {font-size: 16px;  color: #2F4F4F;    font-weight:  400;
                   text-decoration: underline; font-family: verdana, tahoma, arial,  sans-serif; letter-spacing: 0px}

      a:active  {font-size: 16px;  color: #2F4F4F;  font-weight: 400;
                   text-decoration: none; font-family: verdana, tahoma, arial,  sans-serif; letter-spacing: 0px}

      a:hover   {font-size: 16px; color: #242424;  font-weight: 400;
                   text-decoration: underline; font-family: verdana,  tahoma, arial,  sans-serif; letter-spacing: 0px}



ul  {
margin-left: 40px; 
}

hr {color: #8B8970; 
}


p {FONT-SIZE: 16px; font-family: verdana, tahoma, arial,  sans-serif;  vertical-align: top} 

td {FONT-SIZE: 16px; font-family: verdana,  tahoma, arial,  sans-serif;  vertical-align: top} 




h1   {padding-left: 20px; 
font-size: 20px; color: #000000; 
text-decoration: none; 
font-family: "Times new roman", arial,  tahoma, sans-serif; 
font-weight: 600; 
margin: 0px 0px 16px;
text-align: left;
}


h4  {
font-size: 19px; color: #000000; 
text-decoration: none; 
font-family: tahoma, arial,  sans-serif; 
letter-spacing: 0px;
font-weight: 600; 
margin: 0px 0px 16px;
text-align: left;
}


h3  {
font-size: 18px; color: #000000; 
text-decoration: none; 
font-family: tahoma, arial,  sans-serif; 
letter-spacing: 0px;
font-weight: 600; 
margin: 0px 0px 16px;
text-align: center;
}





h5 {
font-size: 18px; color: #000000; 
text-decoration: none; 
font-family: "Times new roman", arial,  tahoma, sans-serif; 
letter-spacing: 0px;
font-weight: 600; 
margin: 0px 0px 10px;
text-align: center;
}


h6 {FONT-SIZE: 15px; COLOR: #000000; 
                   TEXT-DECORATION: none; FONT-FAMILY: arial,  tahoma, sans-serif; letter-spacing: 1px;
font-weight: 600;
}



b  {FONT-SIZE: 16px; COLOR: #000000; 
                   TEXT-DECORATION: none; FONT-FAMILY:  verdana, tahoma, sans-serif; 
font-weight: 600;
}




.arrowlistmenu2 ul{
list-style-type: none;
margin: 0;
padding: 0;
vertical-align: bottom;
}


.arrowlistmenu2 ul li a{
background: url(style/arrowbullet.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 1px;
padding-left: 18px; /*link text is indented 18px*/
text-decoration: none;
border-bottom: 0px;
width: 220px;
font-size: 14px; 
}

.arrowlistmenu2 ul li a:visited{
text-decoration: none;
font-size: 14px; 
}

.arrowlistmenu2 ul li a:hover{ /*hover state CSS*/
font-size: 14px; 
}




.news a:link{
font-size: 14px; 
}

 .news a:visited{
font-size: 14px; 
}

.news a:active{
font-size: 14px; 
}

.news a:hover{
font-size: 14px; 
}

      






/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowgreen{
	width: 100%; /*width of menu*/
	border-style: solid solid none solid;
	border-color: gray;
	border-size: 1px;
	border-width: 1px;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{

	display: block;
	background: transparent url(style/arrowgreen2.jpg) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;

}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
color: #8B2500; 
font-size: 14px;  font-weight: 600; 
font-family: tahoma, arial, sans-serif; 
 text-decoration: none;

}

.arrowgreen li a:hover{
	background-position: 100% -32px;
color: #CD3700; 
font-size: 14px;  font-weight: 600; 
font-family: tahoma, arial, sans-serif; 
text-decoration: none;

}
	
.arrowgreen li a.selected
{
color: #2d2b2b !important;
background-position: 100% -64px !important;
}










function email (login, sc)
{
var serv = new Array;
serv[0] = "domain1.ru";
serv[1] = "domain2.ru";
serv[2] = "domain3.ru";
eml = login + "@" + serv[sc];
return eml;
}
function mylo (login, sc)
{
document.write (email(login, sc));
}
function namylo (login, sc, sub)
{
eml = "mailto:" + email(login, sc);
if (sub != "") eml += "?subject=" + sub;
window.location.href = eml;
}









.shadetabs{
border-bottom: 1px solid white;
float: center;
width: 100%;
height: 40px;
}

.shadetabs ul{
background-image: url(style/menubg.png); 
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-size: 14px;  font-weight: 600; 
font-family: tahoma, arial, sans-serif; 
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
height: 31px;
}

.shadetabs li{
font-size: 14px;  font-weight: 600; 
font-family: tahoma, arial, sans-serif; 
display: inline;
margin: 0;
}

.shadetabs li a{
color: #ffffff;
float: center;
text-decoration: none;
padding: 3px 10px;
margin-right: 3px;
font-size: 14px;  font-weight: 600; 
font-family: tahoma, arial, sans-serif; 
}

.shadetabs li a:visited{
color: #ffffff;
font-size: 14px;  font-weight: 600; 
font-family: tahoma, arial, sans-serif; 
text-decoration: none;
}

.shadetabs li a:hover{
text-decoration: none;
font-size: 14px;  font-weight: 600; 
font-family: tahoma, arial, sans-serif; 
color: #E0EEE0;
}

.shadetabs li.selected{
position: relative;
top: 1px;
font-size: 14px;  font-weight: 600; 
font-family: tahoma, arial, sans-serif; 

}

.shadetabs li.selected a{ 
border-bottom-color: white;
font-size: 14px;  font-weight: 600; 
font-family: tahoma, arial, sans-serif; 
}

.shadetabs li.selected a:hover{ 
text-decoration: none;
font-size: 14px;  font-weight: 600; 
font-family: tahoma, arial, sans-serif; 
color: #E0EEE0;
}








#modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 1px solid #404040; 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}


#modernbricksmenu2 ul{
margin:0;
margin-left: 1px; margin-right: 1px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
width: 100%;
float: left;
display: block;
font: bold 14px Arial;
color: white;
text-align: center;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 0px;
background-color: #404040; 
border: 1px solid #404040;
border-color: #171717;
background-image: url(style/button.jpg); 
}

#modernbricksmenu2 a:hover{
background-color: #000000;
color: #ffffff;
background-image: url(style/menubg1.png); 
}


#modernbricksmenu2 #current a{ 
background-color: #212121; 
color: white;
border-color: #171717;
background-image: url(style/menubg1.png); 
}





#myform{ /*CSS for sample search box. Remove if desired */
float: right;
vertical-align: top;
margin: 0;
margin-top: 3px;
padding: 0;
}

#myform .textinput{
vertical-align: top;
width: 190px;
height: 18px;
border: 1px solid gray;
}

#myform .submit{
vertical-align: top;
font: normal 12px Verdana;
border: 1px solid black;
background-color: lightyellow;
}