body 
{
background-image:url('img/aa.jpg');
background : #2E2E2E none repeat center sceoll 0%;  
color:#333333;
font-family:"Trebuchet MS",verdana,arial,sans-serif;
font-size:73%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;                                                                  
line-height:normal;
margin:0 auto;
padding:opt;
}

#container {
background:#ccccff none repeat scroll 0%;
border:5px solid #1D29C9;
color:#1D29C9;
margin-left:200px;
margin-right:200px;
padding:0pt;
width:82%;
margin:0 auto;
}
#topimg {
background:#eeeeee url(img/ff.jpg) no-repeat scroll 0%;
background-repeat:no-repeat;
background-size:100%;
background-position:center;
color:#1D29C9;
height:200px;
margin:0pt;
padding:0pt;
text-align:left;
}
#topimg h1 {
background:#1D29C9 none repeat scroll 0%;
color:#1D29C9;
float:right;
font-size:150%;
letter-spacing:3px;
margin:10px 10pt 10pt 15px;
}

#navcontainer ul {
background:#1D29C9 none repeat scroll 0%;
border-bottom:2px solid #1D29C9;
border-top:2px solid #1D29C9;
color:#333333;
float:right;
font-size:145%;
margin:0 auto;
padding:0pt;
width:100%
}
#navcontainer ul li {
display: inline;
}
#navcontainer ul li a {
background:#1D29C9 none repeat scroll 0%;
border-right:1px solid #1D29C9;
color:#ffffff;
float:right;
padding:0.2em 1em;
text-decoration: underline;
}
#navcontainer ul li a:hover, #navcontainer ul li a#current {
background:#1D29C9 none repeat scroll 0%;
color:#F18210;
}
#content {
background:inherit inherit inherit inherit inherit;
font-size: medium;
color:#333333;
text-align:right;
margin:0pt 0pt 0px 0px;
padding:5px 15px 5px 5px;
 font-weight:bold;
}
#content a:link, #content a:visited {
background:inherit inherit inherit inherit inherit;
color:#417C2C;
text-decoration:underline;
}
#content a:hover {
background:inherit inherit inherit inherit inherit;
color:#91AE00;
}
#sidebar {
background:#E9EEE4 none repeat scroll 0%;
color:#333333;
float:left;
margin:0pt 10px 0pt 0pt;
padding:5px;
width:160px;
}
.sidemenu ul {
list-style-type:none;
text-align:left;
}
.sidemenu ul li {
background:inherit inherit inherit inherit inherit;
color:#666666;
display:block;
}
.sidemenu ul li a {
background:transparent url(img/list-off.gif) no-repeat scroll left center;
color:#F18210;
font-family:"Lucida Grande","Lucida Sans Unicode",verdana,lucida,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-left:15px;
text-decoration:none;
}
.sidemenu ul li a:hover {
background:transparent url(img/list-on.gif) no-repeat scroll left center;
color:#666666;
}
.sidemenu ul li a#current {
background:transparent url(img/list-active.gif) no-repeat scroll left center;
color:#666666;
}
#footer {
background:#417C2C none repeat scroll 0%;
border-top:3px solid #1D29C9;
clear:both;
color:#333333;
text-align:right;
font-size:90%;
margin:0pt;
padding:5px;
}
#footer a:link, #footer a:visited {
background:inherit inherit inherit inherit inherit;
color:#ffffff;
text-decoration:none;
}
#footer a:hover {
background:inherit inherit inherit inherit inherit;
border-bottom:1px dashed #EEEEEE;
color:#333333;
}
p {
line-height:1.7em;
margin:15px;
}
h1 {
background:inherit inherit inherit inherit inherit;
color:#1D29C9;
font-size:240%;
letter-spacing:3px;
margin-top:10px;
padding:0pt;
text-transform:uppercase;
}

.img {
border:medium none;
float:left;
padding:10px;
}
.img a {
border:medium none;
}
.post {
background:#EEEEEE none repeat scroll 0%;
border:0pt dashed #8A795D;
font-size:90%;
margin:20px 10px 0pt 5px;
padding:3px;
}
.post .date {
background:transparent url(img/clock.gif) no-repeat scroll left center;
margin:0pt 15px 0pt 5px;
padding-left:15px;
}
.post .comments {
background:transparent url(img/comment.gif) no-repeat scroll left center;
margin:0pt 15px 0pt 5px;
padding-left:15px;
}
.post .readmore {
background:transparent url(img/document.gif) no-repeat scroll left center;
margin:0pt 15px 0pt 5px;
padding-left:15px;
}
blockquote {
color:#B29B35;
font-style:italic;
font-weight:bold;
}

hr{
color:#1D29C9;
height:3px;
background-color:Blue;
padding:0pt 15px 0pt 5px;
}

#containers { width:300px; padding-top: 30px; margin: 0 auto;}

textarea#styled {
	width:260px;
	height: 120px;
	border: 3px solid #1D29C9;
	padding: 3px;
	font-family: Tahoma, sans-serif;
	
	background-image: url(imge/bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

input#styled {
	width: 260px;
	border: 3px solid #1D29C9;
	font-family:Tahoma, Geneva, sans-serif;
}

#index-img1{
    width: 80%;
    background: yellow;
}
#index-text1{
    float: left;
    background: red;
}


#index-img2{
    width: 400px;
    background: yellow;
}
#index-text2{
    float: left;
    width: 150px;
    background: red;
}

#image1 {margin-left:50px;}

#image2 {margin-left:50px;}

#image3 {margin-left:90px;}


@media screen and (max-width: 1160px) {
	#topimg {
    background: #EEE url("img/ff2.jpg") no-repeat scroll center center / 100% auto;
    color: #1D29C9;
    height: 200px;
    margin: 0pt;
    padding: 0pt;
    text-align: left;
	}
}

@media screen and (max-width: 1050px) {
	#topimg {
    background: #EEE url("img/ff3.jpg") no-repeat scroll center center / 100% auto;
    color: #1D29C9;
    height: 200px;
    margin: 0pt;
    padding: 0pt;
    text-align: left;
	}
}

@media screen and (max-width: 980px) {

	#topimg {
    background: #EEE url("img/ff4.jpg") no-repeat scroll center center / 100% auto;
    color: #1D29C9;
    height: 200px;
    margin: 0pt;
    padding: 0pt;
    text-align: left;
	}
	
	#image1 {margin-left:2px;}

	#image2 {margin-left:2px;}

	#image3 {margin-left:20px;}
	
	.image1 {width:150px; height:115px;}
	
	.image2 {width:150px; height:108px;}
	
	.image3 {width:150px; height:80px;}
	
}

@media screen and (max-width: 840px) {

	#topimg {
    background: #EEE url("img/ff5.jpg") no-repeat scroll center center / 100% auto;
    color: #1D29C9;
    height: 200px;
    margin: 0pt;
    padding: 0pt;
    text-align: left;
	}
}

@media screen and (max-width: 720px) {

	#topimg {
    background: #EEE url("img/ff6.jpg") no-repeat scroll center center / 100% auto;
    color: #1D29C9;
    height: 200px;
    margin: 0pt;
    padding: 0pt;
    text-align: left;
	}
}

@media screen and (max-width: 620px) {

	#topimg {
    background: #EEE url("img/ff7.jpg") no-repeat scroll center center / 100% auto;
    color: #1D29C9;
    height: 200px;
    margin: 0pt;
    padding: 0pt;
    text-align: left;
	}
}

@media screen and (max-width: 510px) {

	#topimg {
    background: none;
	}
}

@media screen and (max-width: 460px) {

	#topimg {
    background: none;
	height: 170px;
	}

	.topimg1 {width:151px; height:170px;}
	
	.topimg2 {width:165px; height:170px;}

}

@media screen and (max-width: 360px) {

	#topimg {
    background: none;
	height: 158px;
	}

	.topimg1 {width:140px; height:158px;}
	
	.topimg2 {width:154px; height:158px;}
	
}

@media screen and (max-width: 320px) {

	#topimg {
    background: none;
	height: 140px;
	}

	.topimg1 {width:124px; height:140px;}
	
	.topimg2 {width:136px; height:140px;}
	
}