body{
  background:url('../images/background.jpg') no-repeat fixed center;
  background-size: 100% 100%;
  color:#fff;
  margin:0,auto;
  padding:0;
  font-size:14pt;
  font-family: "Myriad Web Pro";
  line-height: 20px;
}
h1{
  font-size: 50pt;
}
h2{
font-size: 16pt;
  color:3f3f3f;
}

h3{
   font-size: 16pt;
  line-height: 30px; 
}

.readmore{
	width:100px;
	height:20px;
	text-align:center;
	background:#6ea3cd;
	float:right;
}
.readmore a{
   font-size:12pt;
   color:#333;
}

.readmore a:hover{
   color:#333;
}

div {border:0px solid #000;}

a {
 color:#fff;
 font-size:14pt;
 text-decoration: none;
}

a:hover{
   text-decoration:underline;
   color:#bae4ff;
}

#shell{
	width:1600px;
	background:rgba(95,131,161,0.50);
 margin: 0 auto; 
 	margin-top:140;
	margin-bottom:140;

}
	

#container{
  
  width:1040px;
  min-height: 600px;
  height:auto;
  margin:0 auto;
  padding:0;
}

#header{
  width:inherit;
  height:272px;
  margin:0;
  padding:0;
}

#header #leftheader{
  width:304px;
  height:222px;
  float:left;
}

#header #leftheader img{
  width:281px;
  height:301px;
  margin:0;
  float:right;
}

#header #rightheader{
  width:700px;
  height:82px;
  text-align:center;
  float:right;
  padding:140px 0 0 0;
}


#header #bottomheader{
  width:inherit;
  height:50px;
  margin:0;
  padding:0;
  clear:both;
}

#header #bottomheader .topmenu{
  width:374px;
  height:inherit;
  margin:0;
  padding:0 0 0 650px;
}

#header #bottomheader .topmenu .topmenuitem{
  list-style: none;
  display: inline-block;
  text-align:left;
  width:100px;
  height:20px;
  margin:10px 0 10px 10px;
  padding:5px 0;
  position:relative;
  transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out; /* Firefox 4 */
  -webkit-transition: all 500ms ease-in-out; /* Safari and Chrome */
  -o-transition: all 500ms ease-in-out; /* Opera */
}

#header #bottomheader .topmenu .topmenuitem:hover{
}

#section{
  background:rgba(153,173,192,0.75);
  width:inherit;
  height:800px;
  margin:0;
  padding:0;
}

#section #leftsection{
  width:304px;
  height:inherit;
  margin:0;
  padding:0;
  float:left;
}

#section #leftsection #sidebar{
  width:40px;
  height:inherit;
  margin:0;
  padding:0;
  float:left;
}

#section #leftsection #sidebar ul{
  width:inherit;
  height:600px;
  margin:0;
  padding:60px 0 0 0;
}

#section #leftsection #sidebar ul li{
  list-style: none;
  display: block;
  width:inherit;
  margin:0 0 30px 0;
  padding:0;
}

#section #leftsection #sidebar ul li img{
  width:34px;
  height:34px;
  margin:0 5px;
  padding:0;
}

#section #leftsection #mainleftsection{
  //width:264px;
  width:260px;
  height:inherit;
  margin:0;
  padding:0;
  float:right;
  position:relative;
}

#section #leftsection #mainleftsection #article{
	background:rgba(186,228,255,0.75);
	width: 200px;
	height: 800px;
	margin: 0;
	padding: 32px;
	float: right;
	position: absolute;
	left: 0;
	top: -22px;
}

#section #leftsection #mainleftsection #article .headding{
  text-align:center;
}

#section #leftsection #mainleftsection #article .headding img{
  width:200px;
  height:200px;
}

#section #leftsection #mainleftsection #article .content{
	text-align:center;
}

#section #leftsection #mainleftsection #article .content .paragrahp{
	width:inherit;
	height:inherit;
	text-align:left;
	color:#7f8828;
}

#section #rightsection {
	//width:720px;
	width:640px;
	height:inherit;
	margin:0;
	padding:0 40px;
	float:right;
}


#section #rightsection #toprightsection{
  width:inherit;
  height:80px;
  margin:0;
  padding:30px 0;
  font-size:30px;
  text-align:center;
  line-height:30px;
  
}

#section #rightsection #middlerightsection{
  width:inherit;
  height:270px;
  margin:0;
  padding:0;
}

#section #rightsection #middlerightsection ul{
	width:inherit;
	height:inherit;
	margin:0;
	padding:0;
}

#section #rightsection #middlerightsection ul li{
  list-type:none;
  display:inline-block;
  width:300px;
  height:246px;
  margin:0 30px 0 0;
  padding:0;
  position:relative;
}

#section #rightsection #middlerightsection ul li:last-child {
  margin:0;
}

#section #rightsection #middlerightsection ul li .picturetitle{
	width:100px;
	height:20px;
	text-align:center;
	background:rgba(23,139,228,0.6);
	position:absolute;
	top:-10px;
	left:100px;
}

#section #rightsection #middlerightsection ul li img{
  width:300px;
  height:226px;
}

#section #rightsection #middlerightsection ul li img:hover{
    box-shadow: 6px 6px 6px #aaa;
}

#section #rightsection #bottomrightsection{
	width:inherit;
	min-height:380px;
	height:auto;
}


#section #rightsection #bottomrightsection ul{
	width:inherit;
	height:inherit;
	margin:0;
	padding:0;
	overflow: hidden;
}

#section #rightsection #bottomrightsection ul li{
	list-type:none;
	display:block;
    width:inherit;
    margin:0 0 40px 0;
	padding:0;
	position:relative;
}

#section #rightsection #bottomrightsection ul li .withbg{
	background:rgba(186,228,255,0.75);
	width:150px;
	padding:10px;
}

#footer{
	//background:#7BC4D5;
	color:#fff;
	text-align:center;
	font-size:14pt;
	width:inherit;
	height:120px;
	margin:0px;
	padding:20px 0;
	
}

#el08 {font-size:2em}