/* April 2010 */

/* Body */

body {background: #000000 url(/images/backgrounds/siteBackground.gif) repeat-x top left; font-family: Arial; text-align: center; color: #FFFFFF;}
/* .backgroundImage {background: url(/images/backgrounds/christmasBackground.jpg) no-repeat bottom center;} */    


/* Main frame */


.frame 				{width: 900px; padding: 0; text-align: left; margin: auto;}
.header 			{height: 119px; background-image: url(/images/headers/headerBackground.png); clear: left; display: block;} 
.header img.right 	{float: right; padding: 2px 10px 0 0;}
.headerPhoto 		{float: left; margin-top: 1px;}


/* JQuery rotating photos for header */

#gallery 						{position:relative;}	
#gallery a						{float:left;	position:absolute;}
#gallery a img 					{border:none;}
#gallery a.show					{z-index:500}
#gallery .caption 				{z-index:600; color:#ffffff; height:100px; width:100%; position:absolute; bottom:0;}
#gallery .caption .content 		{margin:5px}
#gallery .caption .content h3	{margin:0; padding:0; color:#1DCCEF;}    


/* Inner frames */


/* Home page */

.homePageInnerFrame 					{float: left; width: 780px;	margin: 0; padding: 0;}

.twoColsEqual 							{width: 780px; float: left; text-align: left;}
.twoColsEqual .left						{width: 375px; height: 245px; float: left; text-align: left;
	                     				 background: url(/images/backgrounds/background375_211.jpg) no-repeat top; background-position: 15px 34px;
	                     				 padding-left: 15px; position: relative; margin-top: 4px;}
.twoColsEqual .left .tonightLeft 		{float: left; width: 225px; text-align: left; position: relative;}
.twoColsEqual .left .tonightRight 		{float: right; width: 150px; text-align: right;}
.twoColsEqual .left .tonightRight img	{position: absolute; bottom: 1px; right: 1px;}
.twoColsEqual .left .mainAdLeft 		{float: left; width: 150px;	text-align: left;}
.twoColsEqual .left .mainAdRight 		{float: right; width: 225px; text-align: right;}
.twoColsEqual .left .mainAdLeft img		{position: absolute; bottom: 1px; left: 16px;}
.twoColsEqual .left .topAdLeft 			{float: left; width: 150px;	text-align: left;}
.twoColsEqual .left .topAdRight 		{float: right; width: 225px; text-align: right;}
.twoColsEqual .left .topAdRight img		{position: absolute; bottom: 1px; left: 1px;}
.twoColsEqual .right 					{width: 375px; height: 245px; float: right;	text-align: right;
                     					 background: url(/images/backgrounds/background375_211.jpg) no-repeat; background-position: 15px 34px;
                     					 padding-left: 15px;	position: relative;	margin-top: 4px;}
.twoColsEqual .right .homePageFlashAd 	{position: absolute; right: 1px; bottom: 1px;}
.twoColsEqual .background100left 		{width: 375px; height: 140px;  float: left;	text-align: left;
                                 		 background: url(/images/backgrounds/background375_100.jpg) no-repeat top;
                                 		 background-position: 15px 34px; padding-left: 15px;	position: relative;	margin-top: 4px;}
.twoColsEqual .background100right 		{width: 375px; height: 140px; float: right;	text-align: right;
                                  		 background: url(/images/backgrounds/background375_100.jpg) no-repeat top;
                                  		 background-position: 15px 34px; padding-left: 15px; position: relative;	margin-top: 4px;}
.twoColsEqual .noBackground100left 		{width: 375px; float: left;	text-align: left; padding-left: 15px; position: relative; margin-top: 0px; padding-bottom: 10px;}
.twoColsEqual .noBackground100right 	{width: 375px; height: 140px; float: right; text-align: right; padding-left: 15px; position: relative; margin-top: 0px;}
.twoColsEqualDivider 					{float: right; width: 765px; height: 1px; background: url(/images/headers/dividerLine.jpg) no-repeat right top; 
                     					 margin-top: 8px; margin-bottom: 4px;}
.twoColsEqualNoBackground .left 		{width: 375px; height: 245px; float: left; text-align: left; padding-left: 15px; position: relative; margin-top: 4px;}
.twoColsEqualNoBackground .right 		{width: 375px; height: 245px; float: right; text-align: right; padding-left: 15px; position: relative; margin-top: 4px;}


/* All other pages */

.oneColInnerFrame 						{width: 630px; float: left; margin: 0px; padding-top: 3px;}
.twoColsInnerFrame 						{width: 780px; float: left; margin: 0px; padding-top: 5px;}
.twoColsInnerFrame .left 				{width: 630px; float: left; margin-left: 15px;}
.twoColsInnerFrame .right 				{width: 120px; float: right; text-align: right;	position: relative;	margin-right: 0px;}
.twoColsInnerFrameDivider 				{float: right; width: 630px; height: 1px; background: url(/images/headers/dividerLine630.jpg) no-repeat right top; 
                          				 margin-top: 8px; margin-bottom: 8px;}
.twoColsInnerFrameDividerChristmas 		{float: right; width: 630px; height: 1px; background: url(/images/headers/dividerLine630Christmas.jpg) no-repeat right top; 
                                   		 margin-top: 8px; margin-bottom: 8px;}

/* Headers */
	
h1, h2, h3, h4, h5, h6 			{margin: 0; font-weight: bold; color: #999999;}
h1 								{font-size: large; text-align: right; padding: 10px 10px 4px 10px;}
h1.logoBackgroundRight 			{background: url(/images/headers/logoBackgroundRight.png) no-repeat bottom right; 
   								/* background: url(/images/headers/garlandBackgroundRightChristmas.jpg) no-repeat bottom right; */}
h2 								{font-size: medium; margin: 0; padding: 4px;}
h2.solidBackground 				{background: url(/images/headers/solidBackground.png) no-repeat bottom;}
h2.logoBackgroundLeft 			{background: url(/images/headers/logoBackgroundLeft.png) no-repeat top left; width: 375px;}
h2.logoBackgroundLeftChristmas 	{background: url(/images/headers/logoBackgroundLeftChristmas.png) no-repeat top left; width: 375px;}
h2.logoBackgroundRight 			{background: url(/images/headers/logoBackgroundRight.png) no-repeat top right;}
h2.logoBackgroundRightChristmas {background: url(/images/headers/logoBackgroundRightChristmas.png) no-repeat top right;}
h2.voucher 						{color: White;}
h3 								{font-size: medium;}
h3.homePage 					{padding-left: 9px;	padding-top: 12px;}
h3.homePageMainAd 				{text-align: center; padding-top: 10px;	color: #009fdd;}
h4 								{font-size: medium; text-align: left; padding: 4px;}
h4.logoBackgroundLeft 			{background: url(/images/headers/logoBackgroundLeft.png) no-repeat top left;}
h4.logoBackgroundLeftChristmas	{background: url(/images/headers/logoBackgroundLeftChristmas.png) no-repeat top left; color: Yellow;}
h4.logoBackgroundRight 			{background: url(/images/headers/logoBackgroundRight.png) no-repeat top right;}
h4.logoBackgroundLeft200 		{background: url(/images/headers/logoBackgroundLeft200.png) no-repeat top left;}
h5 								{font-size: small; font-weight: bold; padding-left: 3px;}
h5.whatson 						{padding-top: 13px;}
h5.whatsonChristmas 			{padding-top: 13px; color: Yellow;}
h6 								{}
	
	
/* Tag styles */

.content 							{float: left; width: 780px; margin: 0;	padding: 0;}
p 									{font-size: small; line-height: 1.2; padding-left: 5px;}
p.justify 							{text-align: justify;}
p.dailyInfo 						{padding-left: 10px; text-align: justify;}
p.homePageMainAd 					{text-align: center; padding-right: 20px;}
p.whatson 							{text-align: justify; margin: 13px 0; padding-right: 5px;}
p.gallery 							{clear: both; text-align: center;}
p.display 							{padding-left: 17px;}	
p.gallery img.thumb 				{height: 80px; width: 80px; margin: 5px 6px; border: 3px; border-style: solid; border-color: #333333; -moz-border-radius: 5px;}
p img.foh 							{float: left; margin: 0; padding: 2px 10px 2px 0; border: 0;}
p img.fohalt 						{float: right; padding: 2px 0 2px 10px;}
ul 									{padding: 6px 10px; font-size: small; line-height: 1.2; list-style: square;}
ul li 								{list-style-position: inside; text-align: justify;}
a:link,  a:visited 					{text-decoration: none;	font-weight: bold; color: #FFFFFF;}
a:hover 							{text-decoration: underline; color: #DB0404;}
a.eventImageLinkTitle 				{width: 105px; font-size: small; font-weight: bold; border: 0; text-align: center; color: #999999;}
a.eventImageLinkTitleEvent 			{width: 105px; font-size: small; font-weight: bold; color: #999999; border: 0; text-align: center;}
a:hover.eventImageLinkTitleEvent 	{color: #fff; text-decoration: none;}
iframe 								{border-style: solid; border-color: Silver; border-width: 1px;}
img.links 							{margin: 0; border: 0;}
img.whatsonSub 						{border: 0; margin: 8px;}
img.whatsonImageLink 				{width: 105px; height: 149px; border: 0; text-align: center; padding-bottom: 5px;}


/* Column definitions */

.twoCols3070 									{float: left; width: 630px; margin: 0px;}
.twoCols3070 .left 								{float: left; width: 200px;	margin: 0px; position: relative;}
.twoCols3070 .right 							{float: right; width: 400px; margin: 0px; padding-left: 30px; text-align: left;	position: relative;}
.twoCols3070 .right .newsletter 				{padding-top: 10px;}
.twoCols3070 .right .whatsonMain 				{height: 165px;	background: url(/images/backgrounds/background400_200.png) no-repeat top left;
                                 				 padding-top: 18px;	padding-bottom: 22px; margin-top: 15px;}
.whatsonMainThreeColsEqual 						{float: right; width: 400px; margin: 15px 0 0 0; text-align: center; position: relative; padding: 12px 0 22px 0; height: 167px;
                           						 background: url(/images/backgrounds/background400_200.png) no-repeat top left;}
.whatsonMainThreeColsEqual .left 				{float: left; width: 132px;	margin: 0px;}
.whatsonMainThreeColsEqual .fullRight 			{float: right; width: 266px; margin: 0;}
.whatsonMainThreeColsEqual .fullRight .left 	{float: left; width: 133px;}
.whatsonMainThreeColsEqual .fullRight .right	{float: right; width: 133px; padding: 0; text-align: center;}
.whatsonMainThreeColsEqualEvent 				{float: right; width: 400px; margin: 15px 0 0 0; text-align: center; position: relative; padding: 12px 0 22px 0; height: 167px;
                                		 		background: url(/images/backgrounds/background400_200pride.jpg) no-repeat top left;}
.whatsonMainThreeColsEqualEvent .left 			{float: left; width: 132px;	margin: 0px;}
.whatsonMainThreeColsEqualEvent .fullRight 		{float: right; width: 266px; margin: 0;}
.whatsonMainThreeColsEqualEvent .fullRight .left 	{float: left; width: 133px;}
.whatsonMainThreeColsEqualEvent .fullRight .right 	{float: right; width: 133px; padding: 0; text-align: center;}
.whatson4060 									{float: left; width: 630px; margin: 0px; position: relative;}
.whatson4060 .left 								{float: left; width: 270px;	margin: 0px; border-style: solid; border-color: #777777; border-width: 1px;
                   								 position: absolute; top: 10px;	left: 0px;
                   								 background: url(/images/backgrounds/whatsonBackground60.jpg) no-repeat top left;}
.whatson4060 .right 							{float: right; width: 350px; margin: 0px; text-align: left;	border-style: solid; border-color: #777777; border-width: 1px;
                    							 position: absolute; top: 10px;	left: 280px;
                    							 background: url(/images/backgrounds/whatsonBackground60.jpg) no-repeat top left;}
.whatson4060 .leftChristmas 					{float: left; width: 270px;	margin: 0px; border-style: solid; border-color: Yellow;	border-width: 1px;
                            					 position: absolute; top: 10px;	left: 0px;
                            					 background: url(/images/backgrounds/whatsonBackground60Christmas.png) no-repeat top left;}
.whatson4060 .rightChristmas 					{float: right; width: 350px; margin: 0px; text-align: left;	border-style: solid; border-color: yellow; border-width: 1px;
                             					 position: absolute; top: 10px;	left: 280px;
                             					 background: url(/images/backgrounds/whatsonBackground60Christmas.png) no-repeat top left;}
.whatsonSubLeft 								{float: left; width: 270px;}
.whatsonSubLeft .col1left 						{float: left; width: 60px; text-align: left;}
.whatsonSubLeft .col1right 						{float: right; width: 210px;}	
.whatsonSubRight 								{float: left; width: 350px;}
.whatsonSubRight .col2left 						{float: left; width: 60px; text-align: left;}
.whatsonSubRight .col2right 					{float: right; width: 290px;}	


.links5050 						{float: left; width: 630px; margin: 0px; padding-top: 15px;}
.links5050 .left 				{float: left; width: 300px; margin: 0px; position: relative;}
.links5050 .right				{float: right; width: 300px; margin: 0px; padding-left: 30px; text-align: left; position: relative;}
	

/* Flash Content */

.flashHomePageVideo 			{position: absolute; right: 1px; bottom: 1px;}
.flashSideAds 					{background: url(/images/backgrounds/sideAdBackground.png) no-repeat top; height: 175px; margin: 4px 0 4px 0; position: relative;} 
.flashAdImg 					{text-align: right; position: absolute; right: 7px; bottom: 15px;}
.map 							{padding: 15px 0 15px 0;}

	
/* Forms */

.formNews 						{font-size: small; width: 630px; float: left;}
.formFieldTitle 				{font-size: small; text-align: left;}
.formSendButton 				{width: 160px;}
.formSendButtonLabel 			{text-align: center; color: black;}
.formTextBox 					{width: 220px; margin-bottom: 4px; text-align: left; background-color: silver; border-style: none;}
.formDropDownList 				{width: 223px; margin-bottom: 4px; background-color: silver; border-style: none;}
 

/* Navigation */

.nav 									{float: left; width: 120px;	margin: 0; padding: 0; clear: left;}
.nav ul 								{list-style: none; margin: 0; padding: 3px 0 3px 0;}
.nav ul li 								{background: url(/images/navigation/navButtonOff.png) no-repeat bottom;}
.nav ul li.firstitem					{border-top: 0;}
.nav ul li a:link, .nav ul li a:visited {clear: left; text-align: left;	display: block;	padding: 4px; color: #CCCCCC; font-size: 10pt; line-height: 1.5; 
                                         font-weight: bold; text-decoration: none;}
.nav ul li a:hover 						{background: url(/images/navigation/navButtonOn.png) no-repeat bottom; color: #FFFFFF;}


/* Footer */

.footer 								{height: 30px; width: 900px; margin: 0; padding: 0; font-size: small; background: url(/images/footer.png) no-repeat;
        							 	margin: auto; clear: both; text-align: center;}
.footer a:link, .footer a:visited 		{text-decoration: none;	color: #999999;	font-weight: bold;}
.footer a:hover 						{text-decoration: none; color: #CCCCCC;}	
.footer ul 								{margin: 0; padding: 4px 0; list-style: none;}
.footer ul li 							{display: inline; padding: 0 6px; text-decoration: none; color: #999999; font-weight: bold;}