body {
	margin:5px auto 0;	
    width:93%;
	max-width:960px;margin-left:auto;
	margin-right:auto;
    background-color:#cbe3fe;
	/*min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font:10pt Tahoma, Sans-Serif;
}
a {
	color:#369;
}
a:hover {
	color:blue;
	text-decoration:none;
}

h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
	font-size: 16px;
	text-align: center;
}

p {
	margin:.4em 0 .8em 0;
	padding:0;
}


.ads {
	display:block;
	text-align: center;
	margin-top: 10px;
	float: top;
	clear: both;
}

img {
	border: 0px;
	text-decoration: none;
}

/* Header styles */
#container {
	float:left;
	 
	border: 1px solid #000;
	background: #f7f7f7;
}

#logo {
	clear:both;
	float:left;
	width:100%;
	background: #f7f7f7;
}

#header {
	height: 40px;
	clear:both;
	
	width:100%;
	font-size:100%;	
	/*
	background: #FDE64D;	
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 5px 0px 5px 0px;*/
	background-image: url(../images/logo_bg.png);
}

#logo img{
	border: 0px;
	text-decoration: none;
}

#header img{	
	float:left;
	border: 0px;
}

#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}

.subheader {

}

.subheader ul {
    display: table;
    width: 100%;   
	padding: 0;
	margin: 0;
}
.subheader ul li {
	 display: table-cell;
	list-style-type: none;
	 padding: 10px;
}

.subheader ul li a {
    display: block;
    text-align: center;  
	padding: 4px;	
    font-size: 16px;
    text-decoration: none;
	background:#4d7097;
	color:#ffd22e;
    border-radius: 12px;
    -webkit-border-radius: 12px;		
}

.subheader ul li a:hover {
	background:#369;
	color:#fff;
}
.subheader ul li a.active,
.subheader ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
.subheader ul li a span {	
}

@media screen and (min-width: 1px) and (max-width: 500px){
	.subheader ul {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		list-style-position: inside;
		display: block;
	}	
	
    .subheader ul li {
		display: block;		
		padding-bottom: 2px;
	}	
}

/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}


/* Footer styles */
#footer {
	/* clear: both; */
	float:left;
	width:100%;
	border-top:1px solid #000;
	background-image: url(../images/logo_bg.png);	
	text-align: center;
	padding: 3px 0px 3px 0px;
}
#footer p {
	padding:10px;
	margin:0;
}

#footer .counter {
	float: left;
	width: 110px;
}

#footer .copyright {
	float: top;
}



.speedbar_box {   
	/*border: solid 1px #634f36;		*/
	background: #f7f7f7;		
	padding: 10px;
	font-size: 16px;
	float: top;
	overflow:hidden; 
	text-align: center;	
}

.speedbar_box img{   
	vertical-align: sub;
}
	
.speedbar_box a {
	color: #2B4FA7;
	text-decoration: none;
}
.speedbar_box a:hover {
	color: #2B4FA7;
	text-decoration: underline;
}

.speedbar_box h1 {
	display: inline;
	font-size: 100%;
}

.navigation {
	color:#666; 
	float: top;
	width: 100%;
	overflow:hidden; 
	margin-top: 5px;
			
	background: #f7f7f7;
   
}

.navigation_item {
	float:left; 
	padding: 7px 2px;
}

.navigation_item_selected {
	float:left; 
	padding:3px 6px;
	color:red;
}

.navigation a:link,
.navigation a:visited,
.navigation a:hover,
.navigation a:active {
	text-decoration:none;
	color: #636363;
	background:#F9F9F9;
	border:1px solid #E6E6E6;
	padding:3px 6px;
	font-size:12px;
}

.navigation a:hover {
	background:#799AE3;
	color:#FFFFFF;
	border-color:#E6E6E6;
}

.last_pictures_block {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	/*background: #288EC8;*/
	text-align: center;
	border: 1px solid #90bade;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	-khtml-border-radius:12px;	
	
}

.last_pictures_block  .last_pictures_title{
	font-weight: bold;
	padding: 4px;
	font-size: 120%;
	color: #288EC8;
}

ul.subtags {
	list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

ul.subtags li  {
	float: left;
}

ul.subtags li a {
  display: block;   
  padding: 5px;
  font-weight: bold;
  text-decoration: none;
}


.all_picture_container{
	display: table;
    margin: auto;
}

.all_picture_container  img{
  height: auto;
  width: 100%;
}

.one_picture_container{
	float: left;
	margin: 0px 5px 5px 0px;	
}

.one_picture_container  img{
  height: auto;
  width: 100%;
}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.threecol .col1,
.threecol .col2,
.threecol .col3 {
	float:left;
	position:relative;
	padding:10px 0 10px 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}

/* 3 Column settings */
.threecol {
	/*background:#eee;		/* right column background colour */
}
.threecol .colmid {
	right:19%;			/* width of the right column */
	/*background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:60%;			/* width of the middle column */
	/*background:#f4f4f4;	/* left column background colour */
}
.threecol .col1 {
	width:60%;			/* width of center column content (column width minus padding on either side) */
	left:100%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:19%;			/* Width of left column content (column width minus padding on either side) */
	left:20%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:17%;			/* Width of right column content (column width minus padding on either side) */
	left:82%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

.threecol h1 {
	display: inline;
	font-size: 100%;
}


@media screen and (max-width: 499px){
.col1, .col2 {
		padding:10px;
	}		
}

@media screen and (min-width: 500px){
	/* 2 Column (right menu) settings */
	.rightmenu {
				/* right column background colour */
				
	}
	.rightmenu .colleft {
			float:left;
			width:200%;
			margin-left:-200px;
			position:relative;
			right:100%;
	}

	.rightmenu .col1wrap {
			float:left;
			width:50%;
			position:relative;
			left:50%;
			padding-bottom:1em;
		}

	.rightmenu .col1 {
			margin:0 15px 0 215px;
			overflow:hidden;
	}
	.rightmenu .col2 {
		float:right;
		width:170px;
		position:relative;
		left:185px;
	}

}

.menu_left {
	margin-top: 10px;	
	/*background: #288EC8;*/
	text-align: left;
	border: 1px solid #90bade;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	-khtml-border-radius:12px;	
}

.menu_left_title {
	font-weight: bold;
	padding: 4px;
	font-size: 14px;
	color: #288EC8;
}

.menu_left > ul {
    list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

.menu_left > ul > li {
	border-top: 1px solid #90bade;
	margin: 0;
	/*background: #FBF7E6;*/
}

.menu_left > ul > li {
	border-top: 1px solid #90bade;
	margin: 0;
	/*background: #FBF7E6;*/
}


.category {
   list-style: none;
   color: #1E6A91;
}

.subcategory {
    font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	color: #1E6A91;
	font-size: 14px;
}

li.subcategory > a {
	color: #369 !important;	
}


.menu_left > ul  > li > ul {
    list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

.menu_left > ul > li > ul > li{
	border-top: 1px solid #90bade;
	border-left: 1px solid #90bade;
	margin-left: 10px;
	font-weight: normal;
	font-size: 13px;
}

.menu_left li a {
	display: block;	
	padding: 3px 2px 3px 2px;	
	text-decoration: none;
	color: black;	
}

@media screen and (max-width: 500px){
	.menu_left li a {		
		padding: 8px 3px 8px 3px;		
	}
}

html>body .menu_left li a {
   	    width: auto;
}

#menu_top {
	width:100%;
	margin: 0 0 10px 0; 
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: #F7F7F7;
	text-align: left;
}
#menu_top a {
	/*
	
	border-left: 1px solid black;
    border-right: 1px solid black;
	*/
	padding: 2px 2px 2px 3px;
	
	text-decoration: none;
	color: black;
}

.menu_top_title
{
	color: blue;
	font-weight: bold;
	text-decoration: underline;
}

.menu_top_first_letter
{
	color: red;

}