#sitewrapper {
	/*the background colour here will be seen in the left nav*/
	background-color: #fff;
	text-align: left;
	margin: 0 auto;
	width: 890px;
	padding: 0px;
}

#container {
	/*the background colour here will be seen in the left nav*/
/*	background-color: #fff;
	text-align: left;
	width: 760px;
	float: left;
	margin: 0;
	padding: 0;*/
}

#branding {
	width: 890px;
	height:146px;
	background-color: #fff;
	background-image:url(/images/heading_bg.gif);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
}

#columnswrapper {
	/* this file contains just a white background for
	everything after the left nav. it's size should be
	width of container - left nav
	(it should be ok if it is oversized but safari has a problem with that)*/
/*	background-image: url(/stylesheets/container-background.gif);
	background-repeat: repeat-y;
	/* the first measurement should equal the left nav width */
/*	background-position: 140px 0;
	margin: 0;
	padding: 0;
	width: 760px;*/
	margin:0px;
	padding:0px;
}

#featurenav {
	display: inline;
	float: left;
	/* total of width and margins
	should equal left nav size */

	width: 123px;
	background-color:#fff;
	border: 2px solid #F784B5;
	margin: 0px;
	padding: 0px;
}

#mainnav {
	width: 635px;
	margin: 0;
	padding:0;
	position:relative;
	top:14px;	 
}	

#contentareaIndex {
	float: left;
	width: 620px;
	display: inline;
	margin:5px 0 0 10px;
}

#contentareaCompo {
	float: left;
	width: 620px;
	display: inline;
	margin:10px 0px 0px 0px;
}

#contentarea {
	float: left;
	width: 614px;
	display: inline;
	margin:5px 0 0 10px;
}

.contentinside {
	padding: 10px 10px 10px 10px ;
    border: 2px dashed #0068E5;	
}

.imgblock {	
  	border: 2px dashed #F784B5;
	float: left ;
	width: 19% ;
	min-height: 250px;
	margin:5px 5px 30px 5px;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 4px;		
}

#commercial {
	background-color: #fff;
	float: right;
	width: 120px;
}

#legal {
	padding: 10px 0;
	width: 100%;
	background-color: #EF008B;
	text-align: center;	
	color: #fff;
	font-size:80%;
}

#legal a { color : #fff; }

#index {
	border-style:dashed;
	border-width:2px; 
	border-color:#0068E5;
	padding-left:0px;
	padding-right:15px;
	padding-bottom:15px;
}

#indexChanging {
	padding-left:0px;
	padding-right:15px;
	padding-bottom:15px;
}

.indexInside {
	padding: 15px 0px 0px 15px;
}

.letter {
	border-style: dashed;
	border-width: 1px; 
	border-color: #0068E5;
	padding: 10px;
	background-color: #CCDDFF;
}

.catImgBlock {
	float: left;
	padding: 10px;
}

.catImgBlock img {

	float: left;
	
}

.storyContainer {
	width:600px;
	padding: 5px;
	/*border: solid 3px 000;*/
}

.imageContainer {
	float: right;
	padding: 5px 10px 0 5px;
	width: 110px;
}

.realLivesContainer {
	width: 600px;
	padding: 5px;
}
	

#indexItem {
	padding:5px;
	float: left;
	width: 320px;
}

.contentContainer {
	width:460px;
}

.contentContainerLeft {
	width: 155px;
	float: left;
}

.contentContainerRight {
	float: right;
	width:390px;
}

#indexItem_clearfix_1 {
	border-style: dashed;
	border-width: 3px; 
	border-color: #EF008B;
	padding:5px;
}

#indexItem_clearfix_2 {
	border-style: dashed;
	border-width: 3px; 
	border-color: #4DAF6D;
	padding:5px;
}

#indexItem_clearfix_3 {
	border-style: dashed;
	border-width: 3px; 
	border-color: #E28767;
	padding:5px;
}

.readMore{
	float: right;
	padding: 2px;
	font-weight: 800;
	font-size:smaller;
}

/* COMPETITION RELATED */

#competitionOptions h3 {
	margin-top:15px;
}

#competitionOptions img {
	float:right;
	margin:0px 0px 10px 10px;
}

#competitionOptions .left,
#competitionOptions .right {
	width:47%;
}

#competitionOptions .left {
	float:left;
}

#competitionOptions .right {
	float:right;
}