body {
	margin: 0px; padding: 0px 0px 10px 0px; 
	background-image: url("px/bg.jpg"); background-repeat: repeat-x;
	text-align: center;
	
	font-size: 14px;
	font-family: arial,sans-serif;
}

.mainillu{	
	position: relative; top: -10px; right: -30px;
}

body, .footer{ background-color: #A2CC38; /*#FEFEFC; /*#F5F8DB;*/ }

img {border: 0px;}

hr{ background-color: #DDEEDD; height: 1px; border-width: 0px;}

#pageContainer {position: relative; text-align: left; 
			padding: 0;
	margin: 0 auto; top: 0; left: 0px; height: 100%; width: 80%; max-width: 968px;
	background-color: #A2CC38; /*#ECF1B7; /*#D9E475;*/
 }
#topContainer {
	position: relative; top: 0px; left: 0px; height: 94px; width: 100%;  
	background-image: url("px/bg.jpg"); margin: 0; padding: 0;
}
  #logo{
    /*margin: 0 0 0 18px;*/ padding: 0; position: absolute; left: 18px; top: 0px;
   }
.footer{
	width: 100%;  clear:both; font-size: 11px;  line-height: 40px;
	height: 40px; /*background-image:url(px/bbg.jpg);*/ 
	 padding-top: 20px; text-align: center;
}
.footer, .footer a{color: white; }




#contentContainer {
	position: relative; float: left; top: 0px; margin-bottom: 18px; /* border-bottom: 3px solid #A2CC38;*/
	/*background-color: #F4F7D6;*/ background-color: white; width: 65%; max-width: 648px;
	/*border-left: 18px solid #A2CC38; /*#ECF1B7; /*#D9E475;*/
	margin-left: 2%;


	
}
	h1{
		margin: 0;
		padding-bottom: 0px;
		padding-left: 18px; /* 40px*/ background-color: #2F52AB /* / #0F214F; */#3A68B5;/*/ /* border-bottom: 3px solid #ECF1B9;*/
		line-height: 46px; color: white /* #152F71*/;  font-size: 24px; font-weight: lighter;

				


	}



#contentContainer .recentProjects{
	font-size: 14px;
	background-image: url("px/bg.jpg"); background-repeat: repeat-x; padding: 8px;
	
}
	.recentProjects h3{
		padding-top: 0px; margin-top:0px;
	}
		#contentContainer .recentProjects a{
			font-weight: normal; text-decoration: none;
		}
			#contentContainer .recentProjects a:hover{
				text-decoration: underline;
			}
		.recentProjects a strong{
			font-weight: bold;
		}

	#contentContainer .recentProjects ul li {
		list-style: none;
		color: #FF5900; line-height: 1.5em;
	}

#topContainer h1{
	position: absolute; left: 233px; width: 631px; 
	text-align:left; padding: 0px;
	bottom: 21px; 
	background-color: transparent; border: none;
	color: #D2DB79; /*#152F71*/; line-height: 50px; font-size: 20px;  font-weight: lighter;
       display: none;
}


#sideBar{
       
	position: relative; float: right; width: 33%; max-width: 301px; 
	/*background-color: #A2CC38;*/
	/*border-right: 3px solid #D9E475;*/
	/*background-image: url(px/sbg.jpg); background-repeat: no-repeat; */
}

 #sideBar h2{
	margin: 0px; font-size: 13px; line-height: 13px; height: 13px; margin-top: 0px; /*12px*/; color: #152F71; padding-left: 18px;
	 text-transform: uppercase;
 }
	
 #sideBar .attention{
	color: white; font-weight: bold; font-style: italic; font-size: 13px; height: 263px; padding: 10px 18px; max-height: 243px;
	line-height: 18px;
	color: #e7efc6;
 }
	.attention a{ color: white;}
        .attention a:hover strong{ text-shadow: black 1px 1px 1px; }
	.attention ul{
		margin: 0px; padding: 0px; 
	}
	.attention li{
		list-style: none; padding: 4px 0 7px 0; margin: 0px; font-size: 12px; line-height: 18px;
		color: white; 
	}
		.attention li a{
			color: #e7efc6; text-decoration: none; font-weight: normal; font-style: normal;
		}
		.attention li a strong{
			font-size: 15px; color: white; text-shadow: #659217 1px 1px 0px; 
		}




 .searchbox{ 
     background-color: #ACD048 /*#A2CC37*/;
 	/*height: 87px; /*background-image: url(px/s2bg.jpg);*/
	border: 1px solid #B9D75D;
	text-align: center;
	line-height: 14px;
	margin: 18px 18px 0px 18px;
 }
	.searchbox h3{
		color: #132B66; font-size: 12px; margin: 0px; padding-top: 5px;
	}
	.searchbox a{
		font-weight: bold; color: white;
	}


ul#menuContainer {
    position: relative; width: 98%;  padding: 0px 0px /*12px*/ 0px 2%; float: left;
    margin: 0px; /*background-color: #F9FBED;*/ background-image: url("px/bg.jpg"); background-position: 0px -94px; /*background-repeat: no-repeat;	*/
	margin-bottom: 10px;
	
	
}

    #menuContainer li {
	margin-top: 0px;
	float: left;
        font-size: 12px; text-transform: uppercase; line-height: 16px; font-weight: bold; font-family: arial,sans-serif;
	 margin-bottom: 0px;  margin-left: 0px; margin-right: 4px; list-style: none;
	background-color: #659217; background-image: url(px/menuitembg.jpg);
       
	
    }
    #menuContainer li a { display: block; text-align: center; padding: 11px 20px;  text-align: center; color: white; text-decoration: none;
width: 101px; max-width: 61px;
}
    #menuContainer li a:hover {color: white; /*text-decoration: underline;*/ background-color: #659217; /*#153377*/ ;}
    
    #menuContainer li.active,
    #menuContainer li.active a:hover{ background-color: #A2CC37; color: #14306F; /*color: white; background-color: #2D50A5; /*#3A68B5;* / #203A87; /*#153377 /* #2D50A5;*/ background-image: none; background-repeat: no-repeat;}
    #menuContainer li.active a {color: white; text-decoration: none;}


.homeArticle{ float: left; margin: 5px 0px 10px 0px; padding: 0px 10px 10px 10px; width: 570px; max-width: 550px;
	/*background-image: url(px/bg.jpg); background-repeat: repeat-x;*/
	border: 2px solid /*#D9E475*/ #DFDCEC;
	
 }
    
    .homeArticle h2, .homeMainArticle h2 {font-size: 18px; font-family: arial,sans-serif; font-weight: normal; margin-bottom: 4px;}
        .homeArticle h2 a, .homeArticle h3 a, #contentContainer .homeArticle h3 a{
            color: #2E52A9; text-decoration: none;    
        }

    .homeArticle h3 {font-size: 16px; font-family: arial,sans-serif; text-transform: none; font-weight: normal;}

        
        .homeArticle .date{
            font-size: 10px; font-style: italic;    
        }

.homeMainArticle{position: relative; float: auto; margin-bottom: 20px;}

    	.homeMainArticle h2{
		font-size: 24px;
	}

.mainArticle, .homeMainArticle { padding: 22px 40px 45px 23px;}

    .mainArticle h2 {
         font-size: 18px; font-family: arial,sans-serif; font-weight: normal; margin-bottom: 8px;
    }
        .mainArticle h2, .mainArticle h2 a, #contentContainer .mainArticle h2 a{
            color: /*#70BB64 */ #2E52A9; text-decoration: none; font-weight: normal;
        } 



    
.mainArticle, 
.homeArticle, 
.homeMainArticle{
    color:  #6C6C6F; /*#2F3C5C; /*#152F71;*/ font-family: arial,sans-serif; font-size: 14px; line-height: 24px;

	 
}
.mainArticle strong, 
.homeArticle strong, 
.homeMainArticle strong{
   color: black; /*#152F71;*/
}

    #contentContainer p {margin-top: 0px;}
    #contentContainer a{color: #2E52A9; font-weight: bold;}
	#contentContainer a:hover{color: #A2CC37;}
   
	#contentContainer .date a{
		color: #152F71;
	}
    
    ul{
        margin-top: 4px;  padding-left: 0px;  
    }
    
    ul li{
        list-style: square;
        margin-left: 20px;    
    }
    
    h3 {
        color: #3A68B5 /*#7891CF*/; font-family: arial,sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 0px; padding-bottom: 0px;
	text-transform: uppercase;
    }

input.button { font-weight: bold; background-color: #152F71; color: white; border: 1px outset #152F71;}

input, textarea{	
	border: 1px inset #666666; background-color: #EEF2BF;

}


/* Responsive */


@media (max-width:768px){
	#pageContainer{
		width: 95%;
	}
	#sideBar,#contentContainer{
		float: none;
		width: 100%;
		max-width: 100%;
		margin:0;

	}
	#menuContainer li a{
		width: auto;
		padding: 11px 8px;

	}


}