/***** Boxes & News ****/

#boxes {
	width: 470px;
	height: 360px;
	float: left;
	BORDER-TOP: #fff 8px solid;
}


#newsholder {
	width: 270px;
	float: right;
	margin: 0;
	text-align: left;
	background-color:#e7f0ff;
	padding: 12px;
	BORDER-TOP: #fff 8px solid;
}

#content {
	width: 774px;
	float: right;
	margin: 0;
	text-align: left;
	BACKGROUND: url(../images/news-tile.gif) repeat-y right;
}

#mainimage

{
BORDER: #cfe6da 5px solid;
margin-bottom: 0px;
background-color: #FFFFFF;
}

/***** Boxes ****/
#box1 {
	width: 230px;
	height: 163px;
	float: left;
	margin-bottom: 5px;
}

#box2 {
	width: 230px;
	height: 163px;
	float: right;
}

#box3 {
	width: 230px;
	height: 163px;
	float: left;
}

#box4 {
	width: 230px;
	height: 163px;
	float: right;
	margin-bottom: 5px;
}


h3{ margin: 10px 5px 0 10px; color:#FFF; font:12pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			.boxgrid{ 
				width: 230px; 
				height: 163px; 
				margin:0px; 
				float:left; 
				background:#161613; 
				border: solid 0px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px 0 10px; 
					color:#fff; 
					font-weight:normal; 
					font:8pt "Verdana", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				/*opacity: .8; */
				 /* For IE 5-7 */
				/* filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); */
				/* For IE 8 */
				/*-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";*/
 			}
 				.captionfull .boxcaption {
 					top: 127px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220px;
 					left: 0;
 				}
				
.boxgrid a{
	color: #fff; 
	font-weight:normal; 
	text-decoration:none;
}

.boxgrid a:hover{
	color: #000; 
	font-weight:normal; 
	text-decoration: underline;
}

.style3 {font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size: 14px; color: #FFFFFF; }
        .style4 {font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma; font-size: 16px; color: #FFFFFF; }
        .style1 {	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 11px;
}
.style2 {color: #FFFFFF}

.style6 {font-size: 11px; line-height: 12px;}


#flashcontent {
	width:764px;
	height: 300px;
	padding:0px;
	MARGIN: auto;
	color:#FFF;
	clear:left;
}


#countdown {
	width:764px;
	height: 36px;
	padding:5px;
	MARGIN-top: 7px;
	background: url(../images/countdown-bg.gif) no-repeat center;
	background-color:#cc0000;
}





.olympics		{ width: 300px; padding: 0px; margin-left: 32px; float:left; color: #ffffff;}
.paralympics		{ width: 325px; padding: 0px; margin-right: 32px; float:right; color: #ffffff;}


.date	{ font-size: 0.9em; }
.heading	{ font-weight: bold; font-size: 1.4em; line-height: 1.1em; font-family: arial, verdana, sans-serif; color: #fff; margin: 0; }

.left{ width: 195px; padding: 0px; margin: 0px; float:left;}
.right		{ width: 105px; padding: 0px; margin: 0px; float:right;}

.left1{ width: 215px; padding: 0px; margin: 0px; float:left;}
.right1		{ width: 105px; padding: 0px; margin: 0px; float:right;}

.days	{ background-color: #fff; font-weight: bold; font-size: 2.0em; line-height: 1.4em; font-family: arial, verdana, sans-serif; color: #00a767; padding: 0 3px; margin: 0; float:left}
.days1	{ background-color: #fff; font-weight: bold; font-size: 2.0em; line-height: 1.4em; font-family: arial, verdana, sans-serif; color: #00a767; padding: 0 3px; margin: 0; float:left}
#daystogo	{ float:right; padding-left: 5px; width: 50px; line-height: 90%; padding-top: 5px;}
#daystogo1	{ float:right; padding-left: 5px; width: 50px; line-height: 90%; padding-top: 5px;}