*{
	margin:0px;
	padding:0px;
}

body{
	background:url("../images/header_new.png") repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* Structure */

.mainarea {
    width: 96%;
	max-width: 920px;
	margin: auto;
	padding: 0%;
}
#wrapper {
	width: 96%;
	max-width: 920px;
	margin: auto;
	padding: 1%;
	float: left;
}
.main {
	width: 96%;
	max-width: 920px;
	float: left;
	box-shadow: 2px 2px 2px #000000;
	border:1px solid #e3e3e3;
	margin-bottom:10px;
	padding:1%;
	background:none repeat scroll 0 0 #E0F8E6;
}
.main1 {
	  border: 1px solid #E3E3E3;
    box-shadow: 2px 2px 2px #000000;
    float: right;
    margin-bottom: 15px;
   
    width: 78.2%;
	background:none repeat scroll 0 0 #E0F8E6;
}
#block-system-main .content { padding:10px; }
aside {
	width: 35%;
	float: right;
}

.header{
	width:100%;
	display:block;
	float:left;
	height:105px;
}
/* Logo H1 */
.header h1 {
	background: url("../images/logo_new1.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 105px;
    margin-top: -4px;
    text-indent: -9999px;
    width: 309px;
}
/* Nav */
.nav {
	float: left;
	padding:1%;
	margin-top: 0px;
	width:18.8%;
	height:316px;
	/* IE6 & IE7 */
	progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#003498', endColorstr='#00FA04'); /* IE6 & IE7 */
	/* IE8 */
    /*background-image:"progid:DXImageTransform.Microsoft.gradient(top, #003498 0%, #00FA04 100%)"; */
	 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#003498', endColorstr='#00FA04')"; /* IE8 */

	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #003498 0%, #00FA04 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #003498 0%, #00FA04 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #003498 0%, #00FA04 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #003498), color-stop(1, #00FA04));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #003498 0%, #00FA04 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #003498 0%, #00FA04 100%);
}
.nav li {
	display: block;
	margin-left:0px;
	list-style:none;
	padding:4% 1%;
	
	border-bottom:1px solid #fff;

}

.nav li a {
	padding:0 0 0 20px;
	line-height:24px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:15px;

}
.readmore a { text-indent: -9999px; }
.readmore a{
	background: url(../images/read.jpg);
	float: right;
	width: 115px;
	height: 42px;
}
#block-user-login{
	margin-left: 265px;
}
#skipTo {
	display: none;
}
#skipTo li {
	background: #b1fffc;
}
/* Banner */
#banner {
	float: right;
	margin-bottom: 15px;
	width: 78.2%;
}
#banner img {
	width: 100%;
}

p{
	margin-bottom:10px;
}

p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px;
}

.socail_icon{
	float:right;
	margin-top:1%;
	margin-right:1%;
}
.footer{
	float: left;
	text-align: center;
	width: 100%;
	font-weight: bold;
}

.newstitle { 
	color:#11429F; 
	padding-bottom:5px; 
}
.newsarea { 
	border-bottom:3px solid #00CA27; 
	 height: 220px;
    padding-top: 10px;
}
.login { 
	margin: 0 auto;
	width: 207px;
}
#user-login-form #edit-name , #user-login-form #edit-pass  {
	border: 1px solid #003498;
	margin-bottom: 10px;
	padding-top: 10px;
}
.login span { 
	font-weight: bold; 
}
#user-login-form .form-submit {
	background-image: -ms-linear-gradient(top, #003498 0%, #00FA04 100%);
	background-image: -moz-linear-gradient(top, #003498 0%, #00FA04 100%);
	background-image: -o-linear-gradient(top, #003498 0%, #00FA04 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #003498), color-stop(1, #00FA04));
	background-image: -webkit-linear-gradient(top, #003498 0%, #00FA04 100%);
	background-image: linear-gradient(to bottom, #003498 0%, #00FA04 100%);
	border: medium none;
	padding: 5px 10px;
	border-radius: 5px 5px 5px 5px;
}
#user-login-form .first{
	display: none;
}
#user-login-form .last{
	display: none;
}
.header h1{
	height:150px;
	width:421px;
}
.nav{margin-top:55px;}
.main1{ margin-top:55px;}
#banner{ margin-top:55px;}
p{
text-shadow: 0.1em 0.1em 0.2em green;
font-weight: bold;
}
#page-title{margin-left:18px;}
/* Media Queries */
@media screen and (max-width: 480px) {
.main1 {width:100%; }
.newsarea { height:auto; }
	#skipTo {
		display: block;
	}
	.nav, #main, aside {
		float: left;
		clear: left;
		width: 98%;
		margin-bottom:2%;
	}
	.nav li {
		margin: 0;
		display: block;
		margin-bottom: 3px;
		padding:4% 1%;
	}
	.nav a {
		display: block;
		padding: 10px;
		text-align: left;
	}
	#banner {
		float: right;
		margin-bottom: 15px;
		width: 100%;
	}
.socail_icon {
float: right;
margin-right: -1% !important;
padding-left: 9px !important;
}
.header h1 {
	background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 105px;
    margin-top: -4px;
    text-indent: -9999px;
    width: 309px;
}
#block-user-login {
    margin-left: 88px;
}
}
@media screen and (max-width:500px) {
.header h1 {
	background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 105px;
    margin-top: -4px;
    text-indent: -9999px;
    width: 309px;
}
#banner img {
    height:324px!important;
    width: 100% !important;
}
#block-user-login {
    margin-left: 88px;
}	
}