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

a,article,aside,b,blockquote,body,center,caption,cite,code,command,div,em,embed,figcaption,figure,font,footer,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,img,li,nav,object,ol,p,pre,section,span,source,strong,u,ul,var{
	background:transparent;
	border:0 none;
	font-size:100%;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:top;}
	ol, ul {list-style:none;}
	
	
article, aside, canvas, command, embed, figcaption, figure, footer, header, hgroup, nav, section {display:block;}

/* ------------------ body ---------------------- */

html, body {
	width:100%; 
	padding:0; 
	margin:0;
	-webkit-text-size-adjust: none;}
	
body {
	background: #4DD50E url(images/bg.png) no-repeat center top;
	color: #040B00;
	font: 12px  Arial, Helvetica, sans-serif;
	}

a{
	color: #8C0000;
	text-decoration: none;
}
a:hover {text-decoration: none;}

img{
	max-width:100%;
	height: auto;
   	width: auto; 
}

/*------------- Header ------------- */

header {
	width:960px;
	margin: 80px auto 0px auto; 
	height: 170px; 
	background: #040B00 url(images/box1-bg.jpg) repeat-x;
	-webkit-border-radius: 20px 20px 0px 0px;
	-moz-border-radius: 20px 20px 0px 0px;
	-khtml-border-radius: 20px 20px 0px 0px;
	border-radius: 20px 20px 0px 0px;}

header #logo {
	margin-top:20px;
	margin-left:20px;}
	
/*---------------- Boxes ----------------*/

    .container { 
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0;}
	.container .text_box, .container .column1, .container .column2 {
		float: left;
		display: inline;
		margin:10px;}
	.container .text_box { width: 640px; }
	

    .container .row {
	margin-bottom: 0px;
}

    .container .column1 { width: 280px; }
    .container .widecol { margin-bottom: 0px!important;}
	.container:after { 
	      content: "\0020"; 
		  display: block; 
		  height: 0; 
		  clear: both; 
		  visibility: hidden; }


/*---------------- Clear Columns ----------------*/

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:before, .clearfix:after, .row:before, .row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after, .clearfix:after {
  clear: both; }
.row, .clearfix {
  zoom: 1; }

/*------------ Navigation Links ------------*/

nav {
	width:960px;
	height: 50px;
	margin: 0 auto 15px auto;
	background:url(images/nav-bg.jpg) repeat-x;}
	
nav ul {
	list-style: none;
	margin: 0;
	padding: 0;}
nav ul li {
	position: relative;
	float: left;
	padding: 10px;}
nav ul li:hover {
	background: url(images/nav-bg1.jpg) repeat-x;}
nav ul li a {
	font-size: 14px; 
	color: #ffffff;
	z-index: 7;
	position: relative;
	font-weight:bold; 
	text-transform:uppercase;
	margin-bottom: 5px;
	display: block;
	padding: 5px 10px 5px 10px;}
nav ul li:hover a{color:#272727;}



/*------------- Content ------------*/

#content {}
.main-content{}
.main-content article{
	margin: 10px 0;
	overflow:hidden; 
	position:relative;}
	
.main-content .heading h2{ 
     font-size:19px; 
	 line-height:25px; 
	 letter-spacing:-1px; 
	 margin:0px 7px 7px 0;
	 font-weight:bold;
}

.main-content .content{
	margin-bottom: 0px;
}
.main-content .content img{
	float:left; 
	margin:3px 20px 3px 20px; 
	border:#BDBDBD 5px solid;}
.main-content .footer{}
.block {
	padding: 5px 0px;
	background:#ffffff;
	border-top:5px solid #000000;}
.sidebar .box{
	margin-bottom: 20px; 
	background: #E6E7E6;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
	color:#272727;}
	
.sidebar .heading{
	font-size:17px; 
	font-weight:normal; 
	padding: 12px;
	border-bottom:2px solid #ffffff;
	font-weight:bold;
	text-align:center;}
.sidebar .content{
	padding:15px;
	border-top:2px solid #E6E7E6;}
.sidebar .content img{
	float:left;
	margin:5px;
	border:#BDBDBD 5px solid;}
.sidebar .content a{
	color: #D93600;
}


/*------------ Footer ------------*/ 

footer {}
footer .box1{
	padding: 20px 0px; 
	background:#272727;
	-webkit-border-radius: 0px 0px 20px 20px;
	-moz-border-radius: 0px 0px 20px 20px;
	-khtml-border-radius: 0px 0px 20px 20px;
	border-radius: 0px 0px 20px 20px;}
	
footer .heading{ 
	color:#ffffff; 
	padding-bottom:5px; 
	padding-left:10px;
	font-size:20px; 
	font-weight:normal; 
	text-transform:uppercase;}
	
footer .content{
	color:#ffffff;
	padding-left:10px;
	}

footer ul {
	margin:0; 
	padding:0;
	list-style-image:none;}

footer ul li a {
	font-size:14px;
	color:#8C0000;}
	
footer img{
	float:left; 
	margin:3px 34px 3px 34px; 
	border:#D93600 4px solid;}
#ftr{ 
	width:100%;
	display:inline-block;
	text-align:center;
	padding:8px 0px;
	color:#ffffff;}


        
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container  { width: 768px; }
	nav{width:100%;}
	header, nav {width:768px; }
	.container .text_box  { width: 508px; }
	.container .text_box, .container .column1, .container .column2 {
		margin: 10px; }
	.container .column1{ 
	width: 220px; 
	}	
	
	
}


@media only screen and (max-width: 767px) {
	header {
		margin-top: 0px;
		width:100%;
		}
	header #logo{
		margin:0 auto;
		text-align:center;}

	#content{background-color:#ffffff;}
		.container { width: 300px; }
		.container .text_box, .container .column1, .container .column2 { 
		margin: 10px 0;
		width: 300px; }
	nav {
		width:100%;
		background:none;
		height:auto; }
	nav ul li {
		float: none;
		background:url(images/nav-bg.jpg) repeat-x;
		text-align:center;
		padding-bottom:0px;}
	nav ul li a{margin-bottom : 0px;}
		
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container { width: 420px; }

	.container .text_box, .container .column1, .container .column2 { 
		margin: 10px 0;
		width: 420px; }
	.footer img{
			display:inline;
			padding:5px;
		}
	header, nav {width: 420px; }
					
}