/*****************/
/*   MAIN BODY   */
/*****************/
body {
	font-size: 62.5%;
	margin: 0em auto;
	padding: 0em;
  	font-family: Verdana,Tahoma,Arial,sans-serif;
}

#wrap {
	width:890px;
	margin: 0em auto;
	background-color: rgb(255,255,255);
}

/***********************/
/***   LEFT COLUMN   ***/
/***********************/
#wrap #left-column {
	clear:both;
	float: left;
	width: 168px;
	height:713px;
	background: url(../images/navbg.jpg);
	background-repeat:no-repeat;
}

#wrap #left-column #navigation_buttons{
	margin-top:200px;
}

#wrap #left-column #navigation_buttons div{
	margin: 12px 18px;
	width: 122px;
	height: 40px;
}

#wrap #left-column #navigation_buttons div a img{
	border:0;
}

#wrap #left-column #locale{
	float:left;
	margin-top:180px;
	color:black;
	text-align:center;
	display:inline; //IE
}

#wrap #left-column #friendly{
	float:left;
	padding:20px 12px;
	color:black;
	text-align:center;
}

#wrap #left-column #locale span.red{
	color:#de3535;
	font-weight:bold;
}

#wrap #left-column #hook_norton{
	float:left;
	padding:0px 12px;
	color:black;
	text-align:center;
}

#wrap #left-column #six_sixes{
	float:left;
	padding:10px 12px;
	color:black;
	text-align:center;
}

#wrap #left-column #revolution{
	float:left;
	padding:6px 12px;
	color:black;
	text-align:center;
}

#wrap #left-column #ad_box{
	float:left;
	padding:6px 12px;
	color:black;
	text-align:center;
}

/**************/
/*   HEADER   */
/**************/
#wrap #header-banner {
	width: 720px;
	height: 26.3em;
	float: left;
	margin-bottom:8px;
}

#wrap #header-banner #title_box{
	float:left;
	margin-left:20px;
	margin-top:16px;
	margin-bottom:10px;
	display:inline; //IE
}

#wrap #header-banner #title_box h2{
	padding-left:20px;
	font-size:14px; //IE
}

#wrap #header-banner #logo_painting{
	float:left;
	margin-left:15px;
	background: url(../images/cricketers_arms_painting.png);
	background-repeat:no-repeat;
	height:160px;
	width:260px;
	display:inline; //IE
}

#wrap #header-banner #logo_painting #logo_painting_text{
	width:241px;
	margin-left:10px;
	margin-top:151px;
	text-align:center;
	background-color:#000;
	color:#fff;
}

#wrap #header-banner #whats_on_box{
	float:left;
	margin: 20px 20px;
	display:block;
	width:670px;
	height:60px;
	font-size:12px;
	color: black;
	font-weight: bold;
	line-height:160%;
	display:inline; //IE
}

#wrap #header-banner #whats_on_box a{
	font-size:12px;
	background-color: inherit;
	color:rgb(100,100,100);
	text-decoration:underline;
}

#wrap #header-banner #whats_on_box a:hover {
	text-decoration:none;
}

#wrap #header-banner #whats_on_box span.whats_on_box_title{
	font-size:18px;
	color: #de3535;
}

/*************************/
/***   MIDDLE COLUMN   ***/
/*************************/
#wrap #middle-column {
	float: left;
	width:480px;
	margin: 0em;
	background-color: inherit;
	color: rgb(100,100,100);
	line-height: 176%;
}

#wrap #middle-column .middle-column-box-left-standard {
	clear: left;
	float: left;
	width: 446px;
	margin: 0em 0em 2.0em 2em;
	padding: 0em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	display:inline; //IE
}

#wrap #middle-column .middle-column-box-left-standard p{
	margin: 0em 0em 0.6em 0em;	
	font-size: 1.2em;	
}

#wrap #middle-column .middle-column-box-left-standard .middle-column-title {
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 1em 0em;	
	border:0;
}

#wrap #middle-column .middle-column-box-left-standard a{
	color:#de3535;
	text-decoration:none;
}

#wrap #middle-column .middle-column-box-left-standard a:hover{
	text-decoration:underline;
}

#wrap #middle-column .middle-column-box-left-standard p .middle-column-img-left-halfsize-noborder {
	float: left;
	width: 13.8em;
	height: 13.8em;
	margin: 0.3em 0.5em 0.3em 0em;
	font-size: 0.833em; !scaling units so that 1.0em=10px, thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.
	display:inline; //IE
}

#wrap #middle-column .middle-column-box-left-standard p .middle-column-img-left-wrap {
	float: left;
	margin: 0.3em 1em 0.3em 0em; //top,right,bottom,left
	font-size: 0.833em; !scaling units so that 1.0em=10px, thus more easy to scale pictures. This is necessary since active font-size is 1.2em in the middle section.
	display:inline; //IE
}

#wrap #middle-column .middle-column-box-left-standard p span.reduced {
	font-size:85%;
}

/************************/
/***   RIGHT COLUMN   ***/
/************************/
#wrap #right-column {
	float: left;
	width: 209px;
	margin: 0em 0em 0em 1em;
	padding: 0em;
}

#wrap #right-column .right-column-box-standard {
	width: 220px;
	height: auto;
	color: rgb(100,100,100);
	background: url(../images/blockborder.png) repeat-y;
	background-color: rgb(255,255,255);	

}

#wrap #right-column .right-column-box-standard .right-column-box-standard-top{
	width: 220px;
	height: 22px;;
	background: url(../images/block1btop.png) no-repeat;
}

#wrap #right-column .right-column-box-standard .right-column-box-standard-bottom{
	width: 220px;
	height: 22px;;
	background: url(../images/block1bbot.png) no-repeat;
}

#wrap #right-column .right-column-box-standard p.right-column-content {
	width: 180px;
}

.right-column-content-title{
	margin-left:10px;
	margin-bottom:8px;
}

.right-column-content-content{
	width:180px;
	margin-left:10px;
	margin-bottom:6px;
}

.right-column-content-more{
	margin-left:10px;
	margin-bottom:-1px;
	margin-top:26px;
}

.right-column-content-images{
	margin-left:6px;
	margin-bottom:14px;
}

#wrap #right-column p {
	margin: 0em 0em 0em 0em;
	font-size: 1.1em;
}

#wrap #right-column a {
	background-color: inherit;
	color:#de3535;
	text-decoration:none;
}

#wrap #right-column a:hover {
	text-decoration:underline;
}

/*****************/
/***   FOOTER   **/
/*****************/

.footer {
	height: 9.5em;
	margin: 1.0em 0em;
	background-color: rgb(255,255,255);
	text-align: center;
	color: rgb(100,100,100);
	font-size: 1.0em;
}