body {
 	color: #000000;
 	margin-left:0%;
 	margin-right:0%;
    margin-bottom:0%;
/*	background-color: #CC0001; russian red
	background-color: #FED602; communist yellow
	background-color: #F4D7D7;
	background-color: #00A5DF; kazak flag
	background-image:url(../images/Kazakhstan_blue.jpg); */
	background-image:url(../images/Kazakhstan_blue.jpg);
	background-repeat:repeat;
	vertical-align:middle;
	text-align: center;

}


#whitesurround {
	position:relative;
	top:1em;
	margin:0px auto;
	padding:0px;
	width:781px;
	background-color: #FFFFFF;
	border: 3px solid #C03030;
	/*border: 1px solid #E49494;*/
	text-align:left;
	z-index:1px;
	}



#header{
	position:relative;
	top:0px;
	width:100%;
	z-index:2px;
	}
	
	
	
#navbar1 {
	position:relative;
	width:100%;
	background-color:#C03030;
	padding-top:8px;
	padding-bottom:8px;
	z-index:3;
}	
	
#navbar2 {
	position:relative;
	width:100%;
	height:	1.2em;
	margin-bottom:20px;
	background-color:#C03030;
	padding-top:5px;
	padding-bottom:5px;
	z-index:3;
}	
	
/*header elements*/
#logo {
	position:relative;
	top:0px;
	left:0px;
    width: 395px;
	height: 90px;
}	
	

#righttext {
	position:absolute;
	right:0;
	top:0;
	width:auto;
	
	margin-right:3px;
	margin-top:11px;
	visibility: visible;
	/*border: 1px dashed #C8C8C8;*/
	
	text-align:left;
	padding:0.5em;
}


/*what ever you do - don't set the width to auto.  This hides everything in this container!!!*/
#maincontent {
	position:relative;
	text-align:center;
	width:100%;
	margin:0px auto;
	padding:0px;
	z-index:3;
}




/*main content elements*/
#column1 {
	position:relative;
	float: left;
	text-align: left;
	width:361px;
	left:22px;
/*	margin-left:12px;
	margin-right:4px;*/
	margin-top:20px;
	margin-bottom:0px;
	z-index:4;
}


#column1 img {
	border:1px solid #CCCCCC;
}

#column2 {
	position:relative;
	width:361px;
	float: right;
	text-align: left;
	right:22px;
/*	margin-left:4px;
	margin-right:12px;*/
	margin-top:20px;
	margin-bottom:0px;
	z-index:4;
}


#column2 img {
	border:1px solid #CCCCCC;
}

/*you need this - even though it is hidden, to make maincontent area stretch below the longest floating column*/

.floatclear {
	clear:both;
	height:25px;
	visibility:hidden;
}


/*top nav elements*/

#nav1 {
	position:relative;
	display:inline;
	height:auto;
	margin-left:60px;
	text-align:center;
}


#nav2 {
	position:relative;
	display:inline;
	height:auto;
	margin-left:60px;
	text-align:center;
}

#nav3 {
	position:relative;
	display:inline;
	height:auto;
	margin-left:60px;
	text-align:center;
	}
	
#nav4 {
	position:relative;
	display:inline;
	height:auto;
	margin-left:60px;
	text-align:center;
	}
	
#nav5 {
	position:relative;
	display:inline;
	height:auto;
	margin-left:250px;
	text-align:center;
	}


/*------------------*/


#quote {
	width:361px;
	height:200px;
	text-align:center;
	border: 1px solid #E49494;
}


#quote2 {
	width:361px;
	height:200px;
	text-align:left;
	border: 1px solid #E49494;
}

#quote3 {
	width:361px;
	height:auto;
	text-align:center;
	border: 1px solid #E49494;
}


#quote4 {
	width:361px;
	height:auto;
	text-align:center;
	border: 1px solid #E49494;
}

#quote5 {
	width:361px;
	height:200px;
	text-align:center;
	border: 1px solid #E49494;
}


#column1subpage {
	position:relative;
	float: left;
	text-align: left;
	left:22px;
	width:361px;
	margin-top:20px;
	padding:0px;
	background-color: #F5D6D6;
}


#column2subpage {
	position:relative;
	float: right;
	text-align: left;
	right:22px;
	width:361px;
	margin-top:20px;
	padding:0px;
	background-color: #F5D6D6;
}

#columnwide {
	position:relative;
	float: left;
	text-align: left;
	left:22px;
	width:738px;
	margin-top:20px;
	padding:0px;
	background-color: #F5D6D6;
}



.innermainsitenav {
		position:relative;
		margin-left:5px;
	
}

.pictureright {
	margin-left:10px;
	margin-bottom:5px;
	border: 1px solid #CCCCCC;}

.pictureleft {
	margin-right:10px;
	margin-bottom:5px;
	border: 1px solid #CCCCCC;}
	
.photogallery{
	border: 1px solid #CCCCCC;
	margin-right:10px;
	margin-bottom:10px;
}