div#newsContainer
{
	background-color: #ffffff;
	height: 320px;
	margin-top: 10px;
	border-top: solid 10px #ffffff;
	border-bottom: solid 10px #ffffff;
}

/* ----- Top Feature ----- */

div#artTopContainer
{
	height: 320px;
	border-right: solid 2px #cccccc;
}

div#artFeatTop
{
	height: 180px;
}

div#mainArtPic
{
	height: 180px;
}

div#mainArtText
{
	background-color: #ffffff;
	height: 180px;
}

div#artFeatBottom
{
	background-color: #ffffff;
	height: 140px;
	border-top: solid 5px #ffffff;
}

/* ----- featureNews list ----- */

#featureNews
{
	float: left;
 	list-style-type: none;
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
 	font-size: 11px;
}

#featureNews li
{
	width: 142px;
	float: left;
	margin: 0px 0px 0px 10px;
 	padding: 0px 0px 0px 0px;
}

/* ----- News ----- */

div#newsListContainer
{
	height: 320px;
}

.headerNews
{
 	/*background-color: #143d55;*/
 	float: left; 
 	width: 290px;
 	height: 20px;
 	margin: 0px 0px 0px 10px;
 	/*border: solid 1px #000000;*/
 	border-bottom: solid 2px #153d55;
}

div#topStory /* The latest news */
{
 	background-color: #ffffff;
 	float: left;
 	width: 290px;
 	height: 100%;
 	height: auto !important; /*To make sure the CSS works in IE6*/
 	min-height: 100px;
 	margin: 0px 0px 14px 10px;
 	border-bottom: dotted 1px #cccccc;	
 }

/* ----- NewsList  ----- */

#newsList
{
 	list-style-type: none;
 	float: left;
 	width: 290px;
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
}

#newsList li
{
	margin: 0px 0px 14px 10px;
 	padding: 0px 0px 0px 0px;
 	border-bottom: dotted 1px #cccccc;
}

/* ----- Reviews, previews and such -----  */

div#latArtMenu
{
 	background-image: url(http://static.arcticgamer.net/Design/Images/bg_latest_menu.png);
 	background-repeat: no-repeat;
 	background-color: #e7e7e7; /* #bbbbbb #cacaca #dcddde*/
	height: 60px;
 	border-bottom: solid 4px #153d55;
}

/* latArtMenu, the menu code */

/* Latest_container_menu style */

/*---------- Menu Tabs 6 ---------- */
/* http://www.cssportal.com/generators/menu.php?menu=6 */

#tabs6 
{
      font: bold 12px Arial;
      float:left;
      width:100%;
      background:change-background;
      line-height:normal;
}
#tabs6 ul 
{
	  margin: 28px 0px 0px 0px;
	  padding: 0px 8px 0px 4px;
	  list-style:none;
      }
#tabs6 li 
{
      display:inline;
      margin:0;
      padding:0;
      }
#tabs6 a 
{
      float:left;
      background:url("http://static.arcticgamer.net/Design/Images/tableft6.png") no-repeat left top;
      margin:0;
      padding: 0px 4px 0px 10px;
      text-decoration:none;
      }
#tabs6 a span 
{
      float:left;
      display:block;
      background:url("http://static.arcticgamer.net/Design/Images/tabright6.png") no-repeat right top;
      padding: 8px 11px 10px 0px;
      color:#171717;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs6 a span {float:none;}
/* End IE5-Mac hack */
#tabs6 a:hover span {
      color:#fff;
      }
#tabs6 a:hover {
      background-position:0% -42px;
      }
#tabs6 a:hover span {
      background-position:100% -42px;
      }		
      
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs6 .selected a span {float:none;}
/* End IE5-Mac hack */
#tabs6 .selected a span {
      color:#fff;
      }
#tabs6 .selected a {
      background-position:0% -42px;
      }
#tabs6 .selected a span {
      background-position:100% -42px;
      }		


/* End of the menu code */

div#latArtContainer
{
 	background-color: #ffffff;
 	height: 100%;
 	height: auto !important; /*To make sure the CSS works in IE6*/
 	min-height: 400px;
}

div#latArtTop
{
	float: left;
 	height: 100%;
 	height: auto !important; /*To make sure the CSS works in IE6*/
 	min-height: 120px;
 	padding: 0px 0px 10px 0px;
 	margin: 0px 10px 0px 10px;
 	border-bottom: dotted 1px #cccccc;
}

/* ----- latArtList Style ----- */

#latArtList
{
 	list-style-type: none;
 	float: left;
 	width: 620px;
 	height: 100%;
 	height: auto !important; /*To make sure the CSS works in IE6*/
 	min-height: 40px;
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
}

#latArtList li
{
	height: 55px;
	margin: 0px 0px 10px 10px;
 	padding: 0px 0px 0px 0px;
}

/* Image design */

div#latestImg
{
 	height: 100%;
 	height: auto !important; /*To make sure the CSS works in IE6*/
 	min-height: 100px;
 	margin: 10px 0px 0px 0px;
}

.latestGalleryLeft
{
 	background-color: #ffffff;
 	float: left;
 	width: 305px;
 	height: 75px;
 	border-right: solid 5px #ffffff;
 	border-bottom: solid 5px #ffffff;			
}

.latestGalleryRight
{
 	background-color: #ffffff;
 	float: Right;
 	width: 305px;
 	height: 75px;
 	border-left: solid 5px #ffffff;
 	border-bottom: solid 5px #ffffff;		
}

/* ----- Latest Articles and Blogs ----- */

.latHeadersIndex
{
 	/*background-color: #143d55;*/
 	float: left;
 	width: 280px;
 	height: 30px;
 	margin: 0px 10px 10px 10px;
 	/*border: solid 1px #000000;*/
 	border-bottom: solid 2px #153d55;
}


div#latArticles
{
	background-color: #ffffff; 
 	height: 100%;
 	height: auto !important; /*To make sure the CSS works in IE6*/
 	min-height: 300px;
 	margin-top: 10px;
}

div#latBlogs
{
	background-color: #ffffff; 
 	height: 100%;
 	height: auto !important; /*To make sure the CSS works in IE6*/
 	min-height: 300px;
 	margin-top: 10px;
}

/* ----- Articles list  ----- */

#artList
{
 	list-style-type: none;
 	float: left;
 	width: 290px;
 	margin: 6px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
}

#artList li
{
	float: left;
	width: 290px;
	margin: 0px 0px 15px 10px;
 	padding: 0px 0px 0px 0px;
}

/* ----- Random Articles ----- */

div#randArtContainer
{
	background-color: #ffffff;
	height: 100%;
 	height: auto !important; /*To make sure the CSS works in IE6*/
 	min-height: 300px;
 	border-top: solid 10px #e7e7e7;
 	border-bottom: solid 5px #ffffff;
}

.latRandIndex
{
 	/*background-color: #143d55;*/
 	float: left;
 	width: 600px;
 	height: 30px;
 	margin: 0px 10px 5px 10px;
 	/*border: solid 1px #000000;*/
 	border-bottom: solid 2px #153d55;
}

/* ----- Random Articles List Style ----- */

#randList
{
 	list-style-type: none;
 	float: left;
 	width: 620px;
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
}

#randList li
{
	height: 70px;
	margin: 0px 10px 10px 10px;
 	padding: 0px 0px 0px 0px;
}

/* ----- Right Side stuff ----- */

div#quoteContainer
{
 	background-color: #ffffff;
 	height: 100%;
 	height: auto !important; /*To make sure the CSS works in IE6*/
 	min-height: 20px;
 	border-top: solid 4px #153d55;
 	border-bottom: solid 4px #153d55; 	
} 

/* ----- Comic ----- */

.headerComic
{
 	/*background-color: #143d55;*/
 	float: left; 
 	width: 930px;
 	height: 30px;
 	padding: 0px 5px 0px 5px;
 	margin: 0px 0px 5px 0px;
 	/*border: solid 1px #000000;*/
 	border-bottom: solid 2px #153d55;
}


div#comicContainer
{
	background-color: #ffffff;
	height: 100%;
 	height: auto !important; /*To make sure the CSS works in IE6*/
 	min-height: 200px;
}

















