@charset "utf-8";
/* CSS Document */

body {
	margin: 0 0;
}

.wrapper {
	width:100%;
	margin: 0 0;
	background-color:#FFF;
	}
	
.pageWrapper {}
	
.header {background-color: darkred;
    top: 0px;
	width: 100%;
	height: 200px;}

  .headerWrapper{
    width: 90%;
   margin: 0 auto;
 
  }
	
.logo {margin: 0 0;
  background-color:#fff;
  }
	
.live {background-color: #ff0000;}

.nav {
	background-color:#000;
	margin: auto;
    
}

.nav a {
	color:#FFF;
	text-decoration:none;
	display:inline-block;
}

.nav ul {
 	display: inline;
  	margin: 0;
  	padding:0;
}

.nav ul li {
	display: inline-block;
	padding:5px;
}

.nav ul li:hover {
	background: #ff0000;
}

.nav ul li:hover ul {
	display: block;
}

.nav ul li ul {
  	position: absolute;
  	width: 200px;
  	display: none;
}

.nav ul li ul li { 
  	background: #333; 
  	display: block;
  	width:200px;
}

.nav ul li ul li a {
	display:block !important;
} 

.nav ul li ul li:hover {
	background: #666;
}
  
.contentWrapper {
  width: 100%; 
  }
  
.content {
	width:90%;
	margin: 0 auto;
	background-color:#fff;
	align: left;
}

.content h1 {
	padding: 10 20 10;
}

.content p {
	padding: 5 20;
}

.left {
	width: 100%;
	float: left;
}
.right {
	margin-top:5px;
	width:100%;
	float: left;
}

.center {
	width: 100%;
	float: left;
	background-color: #00ff00;
}

.footer{
	background-color:#000;
	color:#FFF;
}

.footer a {
	color:#fff;
	text-decoration:none;
	display:inline-block;
	}

.footer a:visited {
	text-decoration:none;
	display:inline-block;
	}

.artlcle {
		text-decoration: none;
	}

.responsive {
  width: 100%;
  height: auto;
}	
	
/* Tablet Screen */	
@media only screen and (min-width: 641px) and (max-width: 1007px) {
	
}

/* Desktop Screen */
@media only screen and (min-width: 1008px) {
	
.left {
	width: 49%;
	float: left;
	
}
.right {
	margin-top: 0px;
	width:49%;
	float: right;
}

	.center {
	width: 100%;
	float: left;
	background-color: #00ff00;
}

	
	.clearing {
  height: 5px;
  clear: both;
}
	}