/* CSS Document */
/* Revised 20-04-06 by Andrew Smith */

@import url(general.css) ;
@import url(components.css) ;
form {margin:0px;padding:0px;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background: #100160 url(../cssimages/bg_body.jpg) repeat-y center top;

}


#page {
	background-color: #FFFFFF;
	color: #666666;
	width: 773px;
	margin: auto auto auto auto;
	background-image: url(../cssimages/background_mainArea.gif);
	background-position: center top;
	background-repeat: repeat-y;

}
#page #mainArea {
	font-size: 100%;
	background-color: #FFFFFF;
	width:772px;
	margin:auto;
}
#page #mainArea #headerArea {padding:0px 0px 0px 0px;}
#page #mainArea #headerArea #img_strapline{float:right;padding-top:0px;}
#page #mainArea #topMenu {min-height:26px;height:25px;background-color:#F2F1F0;background-image: url(../cssimages/background_menuItem.gif);background-repeat: repeat-x;background-position: left top;}
#page #mainArea #topMenu a{
	background-image: url(../cssimages/background_menuItem.gif);background-repeat: repeat-x;background-position: left top;
	color:#25377f;
	line-height:140%;
	padding:5px 2px;
	font-size:10px;font-weight:bold;
}
#page #mainArea #topMenu a:hover{text-decoration:none;}
#page #mainArea #topMenu .menuItem_seperator{
	background-image: url(../cssimages/background_menuSeperator.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	border:0px solid red;
	line-height:140%;
	padding:5px 0px 6px 0px;
	vertical-align:bottom;
}
#page #mainArea #topMenu a#menuHome{padding:5px 0px 5px 0px;}
#page #mainArea #topMenu a#menuCricket{padding:5px 0px 5px 0px;}
#page #mainArea #topMenu a#menuFormula{padding:5px 0px 5px 0px;}
#page #mainArea #topMenu a#menuRugby{padding:5px 0px 5px 0px;}
#page #mainArea #topMenu a#menuAbout{padding:5px 0px 5px 0px;}
#page #mainArea #topMenu a#menuReservation{padding:5px 0px 5px 0px;}

#page #mainArea div#flashArea{vertical-align:top;margin:0px;}
#page #mainArea div#flashArea img{vertical-align:top;margin:0px;padding:0px;}
#page #mainArea div#contentArea {

	vertical-align:top;
	margin:0px 0px 0px 0px;
	padding:0px;
	background: white url(../cssimages/bg_mainArea2.gif) repeat-y right top;
	
}
#page #mainArea div#contentArea.oneColumn {background-image: none;}
#page #mainArea div#contentArea #rightContentArea {
	min-height:400px;
	float:right;
	width:293px;
}
#page #mainArea div#contentArea #leftContentArea {min-height:300px;width:430px;padding-left:20px;}
#page #mainArea div#contentArea #mainContentArea{width:740px;margin:0px 10px 0px 10px;border:0px solid red}


#page #footerArea{

	margin:0px;
	padding:0px 0px 1px 0px;
	clear:both;
	text-align: center;
	background: #e4e4e4 url(../cssimages/bg_footerArea.jpg) no-repeat;
}
#page #footerArea a.menuItem_footer{padding:0px 10px 0px 10px;margin:0px;vertical-align:text-top;}
#page #footerArea .copyright{margin:35px 0px 0px 20px;padding:0px 0px 0px 0px;}

#SectionMenu_links {
	background-image: url(../cssimages/background_sectionMenu.jpg);
	background-image: url(../cssimages/background_sectionMenu_new.gif);
	background-repeat:no-repeat;background-repeat:repeat-x;
	background-position: left top;
	padding:3px 20px 0px 15px;width:733px;height:25px;max-height:auto;
	font-size:80%;font-weight:bold;;margin:0px;
}
#SectionMenu_links a{
	padding:0px 15px 7px 15px;margin:0px;font-size:80%;
}

#SectionMenu_links a.selectedItem{background-color:white;margin-bottom:0px;padding:0px 20px 10px 20px}
#SectionMenu_links a .section_menuItem {font-size:9px;color:#878787;
	background-image: url(../cssimages/btn_greyArrow_right.gif);
	background-repeat:no-repeat;
	background-position: left center;
	padding:0px 0px 0px 10px;
}

#SectionMenu_links a#SectionMenu_backto .section_menuItem{
	background-image: url(../cssimages/btn_greyArrow_left.gif);
}
#SectionMenu_links .menuItem_seperator{
	background-image: url(../cssimages/background_section_menuSeperator.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	padding:0px 0px 5px 0px ;
	line-height:140%;
	vertical-align:bottom;
}