html {
margin: 0 auto;
}

body {
    margin: 0;
    padding: 0;
    background: url('/_img/page_background.gif') repeat-y #003366;
}

    #main_menu {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 960px;
        height: 40px;
        background-color: #FFCC00;
    }
    
        #logo {
            position: absolute;
            top: 0;
            right: 0;
            width: 155px;
            height: 40px;
        }
        
        	#logo img {
        		border: 0;
        	}
    
        #main_menu ul {
            margin: 0;
            padding: 0 0 0 20px;
            list-style: none;
        }
        
            #main_menu ul li {
                float: left;
                font-family: Arial;
                font-size: 10px;
                color: #FFFFFF;
                text-transform: uppercase;
                line-height: 40px;
            }
            
                #main_menu ul li a {
                    float: left;
                    padding: 0 15px;
                    color: #000000;
                    text-decoration: none;
                }
                
                    #main_menu ul li a:hover {
                        color: #FFFFFF;
                    }
                    
            #main_menu ul li.selected {
                background-color: #6AA3FB;
            }
            
                #main_menu ul li.selected a {
                    color: #FFFFFF;
                }
                    
    #sub_menu {
        position: absolute;
        top: 0;
        left: 20px;
        z-index: 0;
        width: 960px;
        height: 220px;
        background: url('/_img/header.jpg') no-repeat #6AA3FB;
    }
    
        #sub_menu .sub_menu {
            position: absolute;
            top: 52px;
            left: 12px;
            display: none;
            width: 696px;
            height: 156px;
            background: url('/_img/sub_menu_background.jpg') no-repeat;
        }
        
            #sub_menu .sub_menu.selected {
                display: block;
            }
            
            #sub_menu .sub_menu ul {
                float: left;
                width: 150px;
                height: 156px;
                margin: 0;
                padding: 12px;
                list-style: none;
            }
            
                #sub_menu .sub_menu ul li {
                    font-family: Arial;
                    font-size: 10px;
                    color: #003366;
                    text-transform: uppercase;
                    line-height: 19px;
                }
                
	                #sub_menu .sub_menu ul li.selected a {
	                    color: #FFFFFF;
	                }
	                
                    #sub_menu .sub_menu ul li a {
                        color: #003366;
                        text-decoration: none;
                    }
                    
                    #sub_menu .sub_menu ul li a:hover {
                        color: #FFFFFF;
                    }
                    
    #help_menu {
        position: absolute;
        top: 220px;
        left: 20px;
        width: 960px;
        height: 40px;
        background-color: #003366;
        font-family: Arial;
        font-size: 10px;
        color: #FFFFFF;
        text-transform: uppercase;
        line-height: 40px;
    }
    
        #help_menu a {
            color: #FFCC00;
            text-decoration: none;
        }
        
            #help_menu a:hover {
                color: #FFFFFF;
            }
    
        #bread_crumbs {
            position: absolute;
            top: 0;
            left: 20px;
        }
        
        #extras {
            position: absolute;
            top: 0;
            right: 10px;
            width: 148px;
        }
        
            #extras a,
            #extras form {
                float: right;
                margin: 0;
                padding: 0 0 0 10px;
            }
            
                #extras a img,
                #extras form .textbox,
                #extras form .button {
                    float: right;
                }
                
                #extras form fieldset {
                	margin: 0;
                	border: 0;
                	padding: 0;
                }
                
                #extras a img,
                #extras form fieldset .button {
                    width: 15px;
                    height: 15px;
                    margin: 13px 5px 0 0;
                    border: 0;
                }
                
                #extras form fieldset .textbox {
                    width: 100px;
                    margin: 11px 3px 0 5px;
                    border: solid 1px #FFCC00;
                    background-color: #336699;
                    font-family: Arial;
                    font-size: 11px;
                    color: #FFFFFF;
                }
                
                    #extras form fieldset .textbox.selected {
                        background-color: #6699CC; 
                    }
    
    #content {
        position: absolute;
        top: 260px;
        left: 20px;
        z-index: 0;
        width: 960px;
        padding: 0 0 150px 0;
        background: url('/_img/content_top.gif') no-repeat #fff;
    }
    
        #content .panel {
            padding: 6px 0;
        }
        
            #content .panel h1 {
            	clear: both;
                margin: 0 20px;
                border-bottom: solid 1px #FFCC00;
                font-family: Trebuchet, 'Trebuchet MS', Arial;
                font-weight: normal;
                line-height: 22px;
                color: #003366;
				font-size: 22px;
				padding: 15px 0 10px 40px;
				background: url('/_img/bullet.gif') no-repeat #fff;
				background-position: 0 50%;
            }
            
           #content h2 {
                clear: both;
                margin: 0px 20px;
                border-bottom: solid 1px #FFCC00;
                font-family: Trebuchet, 'Trebuchet MS', Arial;
                font-weight: normal;
                line-height: 22px;
				font-size: 18px;
                color: #003366;
				padding: 20px 0 10px 0px;
            }
			#content .panel h2.dva {
                clear: both;
                margin: 0px 20px;
                border-bottom: solid 1px #FFCC00;
                font-family: Trebuchet, 'Trebuchet MS', Arial;
                font-weight: normal;
                line-height: 22px;
				font-size: 18px;
                color: #003366;
				padding: 6px 0 10px 0px;
            }
            
             
            #content .panel h3 {
                margin: 0 20px;
                padding: 12px 0 6px 0;
                font-family: Trebuchet, 'Trebuchet MS', Arial;
                font-size: 15px;
                color: #003366;
            }
            
            #content .panel p {
                margin: 0 20px;
                padding: 12px 0 6px 0;
                font-family: Trebuchet, 'Trebuchet MS', Arial;
                font-size: 13px;
                line-height: 18px;
                color: #000000;
            }
            
            #content .panel a {
                color: #6699FF;
                text-decoration: none;
            }
            
	            #content .panel a:hover {
	                text-decoration: underline;
	            }
	            
            #content .panel .thumb {
            	width: 120px;
            	height: 90px;
            	border: solid 1px #EEEEEE;
            }
            
	            #content .panel .thumb.inline {
	            	float: left !important;
	            	margin: 16px 16px 0px 20px !important;
	            }
            
            #content .panel .list {
            	clear: both;
            }
            
	            #content .panel .list .item {
	            	float: left;
	            	width: 480px;
	            	height: 126px;
	            	overflow: hidden;
	            }
				#content .gs {
	            	float: left;
	            	width: 440px;
	            	overflow: hidden;
					clear: both;
					margin: 38px 12px 0px 0px !important;
					padding: 0px !important;
	            }
	            
	            #content .panel .list .item .thumb {
	            	float: left;
	            	margin: 17px 12px 6px 20px !important;
	            }
	            
	            #content .panel .list .item p {
	            	float: left;
	            	width: 306px;
	            	height: 70px !important;
	            	margin: 0 !important;
	            	padding: 0 !important;
	            	font-size: 12px;
	            	overflow: hidden;
	            }
	            
	            #content .panel .list .pagination {
	            	clear: both;
	            	margin-top: 16px;
	            	border-top: solid 1px #FFCC00;
	            	font-family: Verdana, Arial;
	            	font-size: 10px;
	            	text-transform: uppercase;
	            	line-height: 10px;
	            }
	            
	            	#content .panel .list .pagination .back_next,
	            	#content .panel .list .pagination .page_number {
	            		float: left;
	            		margin: 0 10px 0 0;
	            	}
		            	
		            	#content .panel .list .pagination .back_next img {
		            		border: 0 !important;
		            	}
                  #content .panel span.story-left {
				  float: left;
				  margin: 16px 16px 0px 20px; 
				  }
				  #content .panel span.story-right {
				  float: right;
				  margin: 16px 16px 0px 20px; 
				  }
				  #content .panel span.story-left img,
				  #content .panel span.story-right img {
				  border: 4px solid rgb(238, 238, 238);
				  }
				  
				
				#content .panel p.cinema, #content .panel p.events {
                margin: 0 20px;
                padding: 24px 0 6px 0;
                font-family: Trebuchet, 'Trebuchet MS', Arial;
                font-size: 13px;
                line-height: 18px;
                color: #000000;
				border-bottom: 1px solid #FFCC00;
                }
			   #content .panel p.cinema span.cinema, #content .panel p.events span.events{
			   float: left;
			   margin: 4px 16px 0px 20px;
			   }
			   #content .panel p.cinema span.cinema img, #content .panel p.events span.events img{
			   border: 4px solid rgb(238, 238, 238)
			   }
			   
			   
    
   #footer {
        position: absolute;
        bottom: 0;
        left: 0;
        display: none;
        width: 960px;
        height: 128px;
        background: url('/_img/footer_top.gif') no-repeat #FFCC00;
        font-family: Arial;
        font-size: 9px;
        line-height: 11px;
        text-transform: uppercase;
    }
    
        #footer_menu {
            height: 80px;
            margin: 12px 33px 0 32px;
            background: url('/_img/footer_menu_background.jpg') repeat-y;
        }
        
            #footer_menu a,
            #footer_menu span {
                float: left;
                margin: 0 6px;
                padding: 1px 0;
                color: #336699;
                text-decoration: none;
            }
            
            #footer a:hover {
                color: #FFFFFF;
            }
            
            #footer .main_link {
                color: #000000;
            }
        
        #footer p {
            margin: 0 32px;
            padding: 8px;
            color: #CC9900;
        }



form#contact-form {
font-family: Trebuchet, 'Trebuchet MS', Arial;
width: 500px;
height: 450px;
margin-top: 5px;
margin-left: 20px;
margin-bottom: 20px;
}
					
form#contact-form table {
width: 500px;
height: 450px;
margin: 0px;
}
						
form#contact-form table th,
form#contact-form table td {
padding: 3px;
font-size: 13px;
}
							
form#contact-form input,
form#contact-form select,
form#contact-form textarea {
font-size: 13px;
}
							
form#contact-form .button {
padding: 3px;
background: #eaeaea;
border-top: solid 1px #FFF;
border-left: solid 1px #FFF;
border-bottom: solid 1px #000;
border-right: solid 1px #000;
cursor: pointer;
}

form.pp {
font-family: Trebuchet, 'Trebuchet MS', Arial;
width: 500px;
height: auto;
margin-top: 5px;
margin-left: 20px;
margin-bottom: 20px;
}
					
form.pp table {
width: 500px;
height: auto;
margin: 0px;
}
						
form.pp table th,
form.pp table td {
padding: 3px;
font-size: 13px;
}
							
form.pp input,
form.pp select,
form.pp textarea {
font-size: 13px;
}

a.booking {
padding: 5px 15px;
font-size:14px;
color:#036 !important;
background-color: #fc0;
text-decoration:none !important;
}
a.booking:hover {
padding: 5px 15px;
font-size:14px;
color:#fff !important;
background-color: #39F;
}
table.directory {
width: 920px;
margin: 0 20px;
font-family: Trebuchet, 'Trebuchet MS', Arial;
font-size: 13px;
}
