body { margin: 0px; font-size: 12px; line-height: 16px; }
body, table { font-family: Arial, Helvetica, sans-serif; font-size:11px; }

body a:link { color: #333333; text-decoration: underline; }
body a:visited { color: #333333; text-decoration: underline;}
body a:hover { color: #666666; text-decoration: none; }





/* PNG Fix: NOTE: This is only to be applied to Tags that need the PNG Fix */
#bigNightOut img { behavior: url(iepngfix.htc) }
#nav #menu { behavior: url(iepngfix.htc) }

/*DIV STYLES BY ID*/
/*Padding must be subtracted from a DIV's width or height before applied.*/
/*Define text & link styles for footer & nav bars here.*/

#container { width: 1024px; position: relative; min-height: 637px; margin-left: auto; margin-right: auto; background-image: url(media/Shell_BG.png); background-repeat: no-repeat; }
#header { width: 1024px; height: 307px; position: relative;  }

#nav { position: absolute; width: 375px; height: 63px; top: 72px; left: 273px; }
#nav #feature { position: absolute; width: 355px; height: 42px; top: 0px; left:0px; }
#nav #menu { position: absolute; width: 369px; height: 29px; top: 34px; left:0px; }
#nav ul { margin: 0px; padding: 0px; list-style-type: none; }
#nav ul li { margin: 0px; padding: 0px; list-style-type: none; display: inline; }

.nav_feat01 { position: absolute; height: 42px; width: 119px; background-image: url(media/Nav_Feat01.png); background-repeat: no-repeat; outline: none; }
.nav_feat01:hover { background: url(media/Nav_Feat01.png) no-repeat 0 -42px; outline: none; }
.nav_feat02 { position: absolute; left: 119px; height: 42px; width: 118px; background-image: url(media/Nav_Feat02.png); background-repeat: no-repeat; outline: none; }
.nav_feat02:hover { background: url(media/Nav_Feat02.png) no-repeat 0 -42px; outline: none; }
.nav_feat03 { position: absolute; left: 237px; height: 42px; width: 118px; background-image: url(media/Nav_Feat03.png); background-repeat: no-repeat; outline: none; }
.nav_feat03:hover { background: url(media/Nav_Feat03.png) no-repeat 0 -42px; outline: none; }

.nav_menu01 { position: absolute; height: 29px; width: 33px; background-image: url(media/Nav_Menu01.png); background-repeat: no-repeat; outline: none; }
.nav_menu01:hover { background: url(media/Nav_Menu01.png) no-repeat 0 -29px; outline: none; }
.nav_menu02 { position: absolute; left: 33px; position: absolute; height: 29px; width: 112px; background-image: url(media/Nav_Menu02.png); background-repeat: no-repeat; outline: none; }
.nav_menu02:hover { background: url(media/Nav_Menu02.png) no-repeat 0 -29px; outline: none; }
.nav_menu03 { position: absolute; left: 145px; position: absolute; height: 29px; width: 112px; background-image: url(media/Nav_Menu03.png); background-repeat: no-repeat; outline: none; }
.nav_menu03:hover { background: url(media/Nav_Menu03.png) no-repeat 0 -29px; outline: none; }
.nav_menu04 { position: absolute; left: 257px; position: absolute; height: 29px; width: 112px; background-image: url(media/Nav_Menu04.png); background-repeat: no-repeat; outline: none; }
.nav_menu04:hover { background: url(media/Nav_Menu04.png) no-repeat 0 -29px; outline: none; }


#bigNightOut { position: absolute; top: 116px; left: 79px; height: 191px; width: 175px; }
#flashContent { position: absolute; top: 135px; left: 274px; height: 172px; width: 476px;	}
#chooseFrom { position: absolute; top: 135px; left: 770px; height: 172px; width: 162px; }

#mainContent { width: 1024px; position: relative; top: 10px; margin:0px; padding:0px; }

#news { position: relative; margin-left:79px; background-image: url(media/newsBG.jpg);  background-repeat: no-repeat; width: 128px; padding-left: 28px; padding-top: 70px; padding-right: 19px; float:left }
#news h1 {margin-top:0px; margin-bottom:10px; color: #00c3ff; font-size:13px; font-weight: bold; line-height:16px; }
#news p { margin-top:0px; margin-bottom:10px; font-size: 11px; line-height: 14px; color: #3c4141; }
#news p a:link { color: #00c3ff; text-decoration: none; }
#news p a:visited { color: #00c3ff; text-decoration: none;}
#news p a:hover { color: #ff3c00; text-decoration: underline; }
#news hr { color: #fff; background-color: #fff; border: 1px dotted #a7adaf; border-style: none none dotted; margin-top:0px; margin-bottom:10px; }




#contentBody { width: 476px; position: relative; margin-left:19px; float: left; top: 10px; height:auto !important; min-height:750px; height:500px;}	
#contentBody hr { color: #fff; background-color: #fff; border: 1px dotted #a7adaf; border-style: none none dotted; margin-top:8px; margin-bottom:8px; }
#contentBody .articleHead { background-color: #00afc8; color: #ffffff; height: 28px; line-height: 28px; font-size: 11px; font-weight: bold; padding-left: 10px; }
#contentBody .articleBody { background-color: #f2f5f5; color: #3c4141; line-height: 14px; font-size: 11px; font-weight: normal; padding-left: 10px; padding-top: 10px; padding-right: 10px; height:150px; }
#contentBody .articleLink { background-color: #f2f5f5; padding-top: 5px; padding-bottom: 3px; padding-left: 10px; color: #00afc8; font-size: 11px; line-height: 12px; }
#contentBody .articleLink a:link { color: #00afc8; text-decoration: none; }
#contentBody .articleLink a:visited { color: #00afc8; text-decoration: none;}
#contentBody .articleLink a:hover { color: #00afc8; text-decoration: underline; }

#subscribe { position: relative; float: left; top: 10px; height: 167px; width: 176px; background-image: url(media/subscribe.jpg); background-repeat: no-repeat; margin-left:15px; }
#subscribe .name { position: absolute; left: 16px; top: 77px; width: 133px; font-size: 10px; line-height: 13px; vertical-align: middle; }
#subscribe .email { position: absolute; left: 16px; top: 102px; width: 133px; font-size: 10px; line-height: 13px; vertical-align: middle; }
#subscribe .submitbtn { position: absolute; left: 41px; top: 135px; height: 22px; width: 90px; background: url(media/SubmitButton.jpg) no-repeat; outline: none; }
#subscribe .submitbtn:hover { background: url(media/SubmitButton.jpg) no-repeat 0 -22px; outline: none; }

#social { color: #3c4141; line-height: 16px; font-size: 9px; vertical-align: middle; position: relative;  float: left; margin-top:20px; margin-left:20px; height: 95px; width: 142px; background-image: url(media/social.jpg); background-repeat: no-repeat; padding-top: 70px; padding-left: 20px; }
#social a:link { color: #3c4141; text-decoration: none; }
#social a:visited { color: #3c4141; text-decoration: none;}
#social a:hover { color: #00c3ff; text-decoration: underline; }



#atdwlist { position: relative;  background-image: url(media/upcomingEvents.jpg); background-repeat:no-repeat; padding-top:80px; float:left; width:142px; padding-left:20px;  margin-left:20px;  }
#atdwlist h2 { margin-top:0px; margin-bottom:10px; font-size: 11px; line-height: 14px; color: #3c4141; }
#atdwlist h2 a:link { color: #00c3ff; text-decoration: none; }
#atdwlist h2 a:visited { color: #00c3ff; text-decoration: none;}
#atdwlist h2 a:hover { color: #ff3c00; text-decoration: underline;  }
#atdwlist p { margin-top:0px; margin-bottom:10px; font-size: 11px; line-height: 14px; color: #3c4141; }


#footer { clear:both; width: 1024px; position: relative; font-size: 10px; line-height:15px; font-weight: bold; color: #a4aeb5; background-image: url(media/foot.jpg); background-repeat: no-repeat; text-align: center; height: 36px; padding-top: 10px; margin-top: 20px; }
#footer a:link { color: #a4aeb5; text-decoration: none; }
#footer a:visited { color: #a4aeb5; text-decoration: none; }
#footer a:hover { color: #00c3ff; text-decoration: none; }

.divPop { z-index:99; position:fixed; width:100%; top:0px; left:0px; height:100%; background-image:url(media/divBack.png) }



/*TEXT SIZE AND COLOUR STYLES*/

.text9 { font-size:9px; line-height:13px; }
.text10 { font-size:10px; line-height:14px; }
.text11 { font-size:11px; line-height:15px; }
.text12 { font-size:12px; line-height:16px; }
.text13 { font-size:13px; line-height:17px; }
.text14 { font-size:14px; line-height:18px; }
.text18 { font-size:18px; line-height:22px; }

.black { color: #000000 }
.white { color: #ffffff }
.grey { color: #999999 }

.errors  { font-size:12px; color:#FF0000; margin-bottom:2px; margin-left:0px; margin-top:0px; padding:0px; }
.errors li { margin-left:15px; padding:0px; color:#FF0000; margin-bottom:0px; margin-top:0px; line-height:16px; }
.compulsory { font-size:18px; color:#FF0000 ; font-weight: bold; }


#weather .day { font-weight:bold; }
#weather h1 { display:none; }