/* CSS Document */

/* Structure : Header - Menu - Content - Sidebar - Footer */
#header {
	height:53px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  padding-left:20px;
  padding-top:10px;
  padding-bottom:10px;
	border:solid;
	background-color:#3366FF;
	color:#FFFFFF;
	text-align:center;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
	font-variant:small-caps;
	text-transform:uppercase;
	font-weight:normal;
	background-image:url(img/menu.jpg);
}
    #header h1 {
    	font-size:30px;
    	text-align:left;
      color:#736451;
    }
    
    #header h2 {
    	font-size:15px;
    	text-align:right;  
    	color:#000000;
    }

    #header a {
      color:#FFFFFF;
    	text-decoration:none;
    	padding:10px;
    	padding-top:10px;
    	padding-bottom:3px;
    }
    
    #header a:hover {
    	border-bottom:1px solid #ffffff;
    	border-left:1px solid #728d40;
    	border-right:1px solid #e9ffb7;
    	padding-left:9px;
    	padding-right:9px;
    	color:#FFFFFF;
    	background-color:#0033CC;
    	background-image:url(img/a_hover.jpg);
    }

#content{
width:78%;
float:left;
background-color:#fff;
border-right:1px dashed #00f;
margin-right:5px;
padding-left:10px;
padding-right:10px;
}

  #content h2{
  margin:0;
  color:#900;
  font-size:1.2em;
  }
  #content p{
  padding-left:20px;
  padding-right:20px;
  font-size:85%;
  padding-bottom:10px;
  margin-top:0;
  line-height:1.5em;
  }


#sidebar {
	margin-right:10px;
  font-size:95%;
	color:#6C534A;
	text-align:left;
}
    #sidebar h1 {
    	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
    	font-size:20px;
    	text-transform:uppercase;
    	font-weight:normal;
    	border-bottom:1px solid #eeeeee;
    	color:#728c40;
    	text-align:right;
    }

#footer {
  clear:left;
  height:40px;  
  margin-top:20px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:10px;
  padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	text-align: center;
  background-color:#3366ff;
	border-top:1px solid #d8efa6;
	border-bottom:1px solid #0033ff;
	color:#FFFFFF;
}

#footer a {color:#ffffff;}
#footer a:hover {color:#000000;}

/* Main Styles */
body {
	margin:0;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:0.74em;
	color:#555555;
	background-color:#FFFFFF;
	text-align:left;
}

img { margin: 4px; border:0; }

table {
  text-align: right; 
  border-width: 0px 0px 0px 0px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
	}
	
td {
	border-width: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	}
	
a {
	color:#4D87CE;
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	color:#2a65ad;
}

ol,ul {
}

li {
	list-style-image:url(img/li.gif);
	line-height:20px;
	text-align:left;
}
	
input {
	background-color:#FFFFFF;
	padding:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	border:1px solid #728c40;
	background-color:#3366FF;
	margin-bottom:2px;
}

input[type=submit] {
	background-color:#3366FF;
	padding:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	border:1px solid #728c40;
	margin-bottom:2px;
}

/* Classes */

.introduction {
	font-family:Helvetica, Arial, sans-serif;
	line-height:20px;
	font-size:12px;
	color:#99B198;
	text-indent:25px;
	background-image:url(img/border.gif);
	background-position:bottom left;
	padding-left:0;
	padding-right:200px;
	padding-bottom:35px;
	padding-top:0;
	background-repeat:no-repeat;
}

.logo   {float:right; margin-right:30px;}
.logo2  {float:left; margin-right:30px;}
.clearer {clear:both;}

.submenu {}
.submenu a {
	background-image:url(../images/backgrounds/submenua.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding:2px;
	padding-right:0;
}
.submenu a:hover {
	background-color:#eeeeee;
	background-image:url(../images/backgrounds/submenua_hover.jpg);
	background-repeat:repeat-y;
}

/* Other */

#mainbar {
	margin-right:185px;
	padding-right:35px;
	background-image:url(img/frame2.gif);
	background-position:top right;
	background-repeat:repeat-y;
}

#mainbar h1 {
	font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-size:25px;
	text-transform:uppercase;
	font-weight:normal;
	border-bottom:1px solid #eeeeee;
	color:#3366ff;
}

#mainbar p {
	padding:15px;
	line-height:20px;
}

#mainbar .articleimg {
	float:right;
	padding:5px;
	border:1px solid #eeeeee;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:20px;
}