body {
margin: 0;
padding: 0;
font: 75%  helvetica, arial, "Trebuchet MS", sans-serif;
line-height : 1.5em;
color: #381324;
background: #f9f8fc;
}
			/*TOP BANNER*/		
#header {
height: 125px;
margin: 0;
padding-bottom: 1em;
background:#f9f8fc url(images/logoskbeta.gif) no-repeat;
color: #000;
}
#header h1 {
padding: 85px 0 0 140px;
font-size: 140%;
color: #5c344e;
background:transparent;
}
			/*TOP NAVIGATION*/
#dolphincontainer{
position:relative;height:35px;color:#E0E0E0;background:#381324;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;
}
#dolphinnav{
position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(images/line.gif) repeat-x bottom left;padding:0 0 0 20px;
}
#dolphinnav ul{
margin:0;padding:0;list-style-type:none;width:auto;float:left;
}
#dolphinnav ul li{
display:block;float:left;margin:0 1px;
}
#dolphinnav ul li a{
display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;
}
#dolphinnav ul li a span{
padding:12px 20px 0 0;height:21px;float:left;
}
#dolphinnav ul li a:hover{
color:#fff;background:transparent url(images/line1.gif) repeat-x bottom left;
}
#dolphinnav ul li a:hover span{
display:block;width:auto;cursor:pointer;
}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{
color:#fff;background:#125378 url(images/line1.gif) no-repeat top left;line-height:275%;
}
#dolphinnav ul li a.current span{
display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(images/vstavka_right.gif) no-repeat top right;height:33px;
}
			/*3 COLUMNS*/
#gutter {
float: left;
width: 4%;
height: 1px;
}
#col1 {
float: left;
width: 50%;
margin-bottom: 1em;
padding-right: 2%;
border-left: 1px solid #c881af;
border-top: 3px solid #5c344e;
padding:5px 0 5px 8px;
}
#col2 {
float: left;
width: 15%;
margin-left: 2%;
margin-bottom: 1em;
padding-right: 2%;
border-left: 1px solid #c881af;
border-top: 3px solid #5c344e;
padding:5px 0 5px 8px;

}
#col3 {
float: left;
width: 15%;
margin-left: 4%;
margin-bottom: 1.5em;
border-left: 1px solid #c881af;
border-top: 3px solid #5c344e;
padding:5px 0 5px 8px;
}
#col4 {
float: left;
width: 5%;
margin-left: 1%;
padding-right: 1%;
}
.page-med a {
font: 96% arial, "Trebuchet MS", sans-serif;
line-height: 1.4em;
color: #3D8CB8;
border-bottom: 1px solid #C0C0C0;
text-decoration: none;
}

			/*COLUMN3 MENU*/

.menu {
color: #381324;
font-weight: bold;
}
#col3 p h2 a { 
color: #f9f8fc;
font-size: 90%;
}
#col3 ul {
 margin: 0;
 padding: 0;
 list-style: none;
 width: 150px;
}
	
#col3 ul li {
 position: relative;
}
	
#col3 li ul {
 position: absolute;
 right: 149px;
 top: 0;
 display: none;
}

/* Styles for Menu Items */
#col3 ul li a {
 display: block;
 text-decoration: none;
 color: #3D8CB8;
 padding: 5px 0 5px 15px;
 background: #f9f8fc;
 border-bottom: 1px solid #C0C0C0;
 margin: 0;
}

#col3 ul li a:hover {
background: #f2f2f2 url(images/icon.gif) left center no-repeat;
color: #666;
}

/* Holly Hack. IE Requirement \*/
* html ul li {
float : right;
height : 1%;
}
* html ul li a {
height : 1%;
}
/* End */

#col3 li:hover ul, li.over ul {
display : block;
}
/* The magic */
                        

			/*FOOTER*/
#footer {
clear: both;
height: 35px;
font-size : 0.8em;
background: #381324;
border-top: 5px solid #A0B842;
color: #EDE4DF;
padding: 5px;
}
#footer a {
text-decoration: none;
color: #fff;
background: inherit;
}
#footer a:hover {
text-decoration: underline;
color: #ddd;
background:  inherit;
}
			/*TYPOGRAPHY*/
h1 {
margin : 0 0 0 0;
padding : 0 0 .3em 0;
text-transform: uppercase;
font-size : 100%;
color: #391021;
background : transparent;
}
h2 { 
margin: 0 0 0 0;
padding: 0.3em 0 .3em 0;
text-transform: uppercase;
letter-spacing : 2px;
font-size: 100%;
color: #A0B742;
background : inherit;
}
h3 {
width : 84%;
margin: 0 0 20px 0;
padding : 2px;
font-size: 85%;
border: 1px solid #F3F3F3;
color: #666;
background : #FFF;
}

h4 {
margin: 0 0 0 0;
padding : 0.3em 0 .3em 0;
font-size: 110%;
font-weight : bold;
letter-spacing : 3px;
text-transform : none;
color: #A0B842;
background : inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
.smile {
font-size: 10px;
color: gray;
}
.smile2 {
font-size: 11px;
color: #391021;
}
			/*LINKS*/
a {
text-decoration: underline;
color: #A0B842;
background: inherit;
}
a:hover {
text-decoration: none;
color: #3786B3;
background:  inherit;
}
a img {
border: 0;
}
			/*CLASS*/
.capital {
float:left;
color:#381324;
font-size:70px;
line-height:40px;
padding:2px;
font-family: "Times New Roman", times, Sans-Sherif;
background: #f9f8fc;
}
			/*IMAGES*/
.imgleft {
float: left;
padding: 5px;
margin-right: 5px;
border: none;
}
                     /*IMAGES preview*/
.hoverbox a .preview 
{ 
display: none; 
} 

.hoverbox a:hover .preview 
{ display: block; 
  position: absolute; 
  top: -1px; 
  left: 0px; 
  z-index: 1;
} 
.hoverbox li 
{  display: inline; 
   float:left;
   margin: 0px; 
   padding: 2px; 
   position: relative;
}
