.clearFix {
	clear: both;
}
.pageHeaders {
/*	font-family:"Times New Roman", Times, serif;
*/	font-size: 30px;
}
.blue {
	color: #4367e5;
}
.yellow {
	color: #e3c342;
}
.green {
	color: #32d583;
}
.textBlack {
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}
h2 {
	margin: 0;
	font-family: Tahoma;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
}
h3 {
	margin: 0;
	font-family:"Century Gothic", Tahoma;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
}
hr {
	color: #d81921;
	background-color: #d81921;
	border: 0;
	height: 1px;
}
.headingText {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.headerMargin {
	margin-left: 1px;
}
.mainFont {
	font-size: 12px;
}
table {
	background: #fff;	
	font-size:12px;
}
.GeorgeText {
	font-family:Century Gothic;
}
.arialText {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.imgPadding img {
	margin:4px;
	border:none;
}
ul.navigation {
	margin:0px 0px 0px 7px;
	padding:0;
	list-style:none;
}
ul.navigation li {
	position:relative;
	line-height:33px;
	height:33px;
	width:186px;
	border:none;
	float:left;
	clear:both;
}
ul.navigation li a {
	background:url(../Images/navigation.gif) top left no-repeat;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#b1b1b1;
	text-decoration:none;
	padding-left:30px;
	text-align:left;
	line-height:33px;
	display:block;
}
*html ul.navigation li a {
	width:186px;
}
ul.navigation li a:hover {
	background-position:left bottom;
}
ul.navigation ul {
	position:absolute;
	z-index:100;
	left:100%;
	top:0;
	margin:0;
	padding:0;
	list-style:none;
	display:none;
	background:#f1f1f1;
	width:200px;
}
ul.navigation ul a {
	background:#f1f1f1;
	white-space:nowrap;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	color:#b1b1b1;
	text-decoration:none;
	padding:2px 10px;
	text-align:left;
	line-height:20px;
	display:block;
	width:200px;
}
ul.navigation ul a:hover {
	background:#d3d1d1;
	color:#FFFFFF;
}
ul.navigation ul li {
	position:relative;
	border:none;
	background:#f1f1f1;
	height:20px;
	border-bottom:1px solid #dbd8d8;
}
.top-content-area {
	background:url(../Images/template_r10_c3.jpg) repeat-x;
	margin-left: 7px;
	/*min-height:31px;
	height:auto !important;
	height:31px;*/
	padding-top:31px;
	width: 768px;
}
.delby {
	float: right;
	margin-left: 8px;
}
.floatRight {
	float: right;
}
.marginLeft {
	margin-left: 15px;
}
.leftBox {
	padding-left: 4px;
}
.tableRandwick tr td {
	height: 14px;
	color: "#666666";
	font-size: 13px;
	font-family: "Century Gothic";
}
/*------------------------------------------------ CONTENT RANDWICH STYLES --------*/
.layRandTop {
	background:url(../Images/bgPlayground.jpg) no-repeat top left;
	height: 362px;
	width: 767px;
}
.layRandTopText {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 15px;
	padding: 24px 5px 0 413px;
}
.layRandTopText p {
	margin: 0 0 7px 0;
	padding: 0;
}
.layRandBottom {
	background: url(../Images/bgOpening.jpg) no-repeat top left;
	margin: 20px 0 0 0;
	height: 418px;
	width: 767px;
}
.layRandBottomLeft {
	color: #FFFFFF;
	float: left;
	font-size: 12px;
	padding: 365px 0 0 14px;
	width: 370px;

}
.layRandBottomRight {
	color: #FFFFFF;
	float: left;
	font-size: 12px;
	padding: 365px 0 0 28px;
	width: 340px;
}
p.layRandBottomLeft,
p.layRandBottomRight {
	margin: 0;
}

/*------------------------------------------------ CONTENT ABOUT US STYLES --------*/
.layContentTop {
	background: url(../Images/bgContent.jpg) no-repeat top left;
	height: 271px;
	width: 764px;
}
.layContentBtm {
	background: url(../Images/bgContentBtm.jpg) no-repeat top left;
	height: 193px;
	width: 764px;
}
.layContentTopText {
	position:relative;
	color: #000000;
/*	font-family: tahoma;
*/	font-size: 12px;
/*	font-weight: bold;*/
	float:left;
	line-height: 16px;
	padding: 42px 0 0 162px;
	padding-right: 10px;
	width: 580px;
}
.layContentTopText p{
	color: #000000;
/*	font-family: tahoma;
*/	font-size: 12px;
/*	font-weight: bold;*/
	line-height: 16px;
}

.layContentBtmLeft {
	font-family: Century Gothic;
	font-size: 12px;
	float: left;
	line-height: 16px;
	margin: 53px 0 0 12px;
	padding: 0 10px 0 0;
	width: 364px;
}
.layContentBtmRight {
	color: #FFFFFF;
	font-family: Century Gothic;
	font-size: 12px;
	float: left;
	line-height: 16px;
	margin: 166px 0 0 24px;
	padding: 0 10px 0 0;
	width: 330px;
}
/*------------------------------------------------ BUTTON STYLES --------*/

.btnBoxMarginLeft {
	margin-left: 9px;
}
.layBtnBox {
	float: left;
	margin-top: 10px;
	width: 185px;
}
.layBtnBox a {
	color: #fff;
	text-decoration:none;
}
.layBtnBox a:hover {
	color: #fff;
	text-decoration: underline;
}
.layBtnBoxHeader {
	background: url(../Images/btn-Bg-Header-Repeat-x.png) repeat-x top left;
	color: #fff;
	height: 37px;
	text-indent: 9px;
}
.layBtnBoxHeader h3 {
	line-height: 32px;
}
.layBtnBoxContent a {
	color: #302e2e;
	font-weight: bold;
	text-decoration: underline;
}
.layBtnBoxContent p {
	margin: 0;
	padding: 9px;
}
.layBtnBoxContent a:hover {
	color: #302e2e;
	text-decoration: none;
}
.layBtnBoxContent {
	color: #302e2e;
	font-family:"Century Gothic", tahoma;
	font-size: 11px;
	line-height: 15px;
	min-height: 115px;
	height: auto !important;
	height: 95px;
	top: 0;
}
.layBtnBoxRed {
	background: url(../Images/btn-Bg-Red.png) #ec8c8d left top repeat-x;
	
	/*color:#FFFFDD;*/
	font-size:13px;
	line-height:19px;
}
.layBtnBoxYellow {
	background: url(../Images/btn-Bg-Yellow.png) #ecdb9a left top repeat-x;
	/*color:#B70000;*/
	font-size:13px;
	line-height:19px;
}
.layBtnBoxBlue {
	background: url(../Images/btn-Bg-Blue.png) #9caeef left top repeat-x;
	/*color:#5EFFAE;*/
	font-size:13px;
	line-height:19px;
}
.layBtnBoxGreen {
	background: url(../Images/btn-Bg-Green.png) #93e6bd left top repeat-x;
/*	color:#2363DA;*/
	font-size:13px;
	line-height:19px;
}
/*------------------------------------------------ TOP NAVIGATION STYLES --------*/
#info {
	background:#f1f1f1;
	border:0;
}
.menu {
	width:769px;
	height:32px;
	position:relative;
	z-index:100;
	font-family:"Century Gothic", arial, sans-serif;
	margin:0px 0px 1px 7px;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:769px;
	w\idth:769px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul ul {
	width:109px;
	z-index: 10;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:109px;
	position:relative;
}
/* style the links for the top level */
.menu ul li.lastMenuButton a, .menu ul li.lastMenuButton, .lastMenuButton a, .lastMenuButton a:hover, .lastMenuButton a:visited {
	width: 112px;
}
.menu a, .menu a:visited {
	background: url(../Images/navHeaderBgRepeat-x.png) left top repeat-x;
	border:1px solid #fff;
	border-width:1px 0 1px 1px;
	color: #fff;
	font:10px "Century Gothic", Tahoma, Arial, Helvetica, sans-serif;
	display:block;
	height:30px;
	line-height:29px;
	text-align: center;
	text-decoration:none;
	width:109px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:109px;
	w\idth:109px;
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#f1f1f1 url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 110px center;
}
/* style the second level hover */
.menu ul ul a.drop:hover {
	background:#f1f1f1 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 109px center;
}
.menu ul ul :hover > a.drop {
	background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 109px center;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
	background:#b2ab9b;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0;
	width:109px;
	border-top:1px solid #fff;
}
/* another hack for IE5.5 */
* html .menu ul ul {
	top:30px;
	t\op:31px;
}
/* position the third level flyout menu */
.menu ul ul ul {
	left:109px;
	top:-1px;
	width:109px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-109px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	;
}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background: #ccc;
	color:#000;
	height:auto;
	line-height:15px;
	padding:5px 10px;
	text-align:left;
	width:99px;
	border-width:0 1px 1px 1px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:109px;
	w\idth:99px;
}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {
	color:#000;
	background:#fcd6a7;
}
.menu :hover > a, .menu ul ul :hover > a {
	color:#000;
	background:#fcd6a7;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}
/*---------------------------------------------- MEUN NAV STYLES ------------*/
/*ul{
	background: url(../Images/navHeaderBgRepeat-x.png) repeat-x top left;
	display: block;
	height: 30px;
	margin: 10px;
	padding: 0;
}
ul li{
	display: block;
	border-right: 1px solid #FFF;
	list-style: none;
	float: left;
	line-height: 30px;
	margin: 0;
	padding: 0 5px;
	position: relative;
}
ul li a{
	display: block;
	float: left;
	color: #fff;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 30px;
	text-decoration: none;
	width: 140px;
}
ul li:hover {
	background-color: #000;
}
ul li ul{
	background: none;
	display: none;
}
ul li:hover ul{
	display: block;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
}
ul li ul li{
	background: #999;
	border-right: 0;
	border-bottom: 1px solid #FFF;
	padding: 0;
	width: 140px;
	position: relative;
}
ul li ul li a{
	display: block;
	line-height: normal;
	padding: 5px 10px;
	width: 120px;
}
ul li ul li a:hover{
	background: #BBB;
}*/

/*----------------------------------------------SLIDER STYLES ------------*/
#controller {
	overflow: hidden;
	display: none;
}
#wrap {
	margin-left: 7px;
	position: relative;
	overflow: hidden;
	width: 768px;
}
#prevNext {
	position: absolute;
	cursor: pointer;
	right: 30px;
	bottom: 10px;
	z-index: 2;
}
.clearFix {
	clear: both;
}
.bannerHeader{
	padding: 4px 0 0 7px;
}