body 
{
    margin:0px;
    background-color:#000000;
    font-family:Arial;
    color:#ffffff;
    font-size:12px;
    background-image:url(../images/johnny.png);
    background-repeat:no-repeat;
}

img
{
    border:none;
    vertical-align:text-top;
}


#header
{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    float:left;
    clear:both;
    z-index:10;
    background-color:#000000;
}


    #headerContent
    {
        position:relative;
        top:0px;
        left:50%;
        width:970px;
        height:100%;
        margin-left:-490px;
        padding:0px 0px 0px 0px;
        float:left;
        clear:both;
    }

        #logo
        {
            position:relative;
            top:0px;
            left:0px;
            margin-top:10px;
        }

        #tagLine
        {
            position:relative;
            top:0px;
            left:0px;
            margin-top:10px;
            font-size:15px;
            font-family:Courier New;
            font-weight:bold;
            color:#FFFFFF;
            width:700px;
        }
        
        #navLinks
		{
			position:relative;
			top:0px;
			left:0px;
			height:25px;
			width:940px;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:20px 0px 0px 0px;
			padding:20px 10px 10px 30px;
			background-color:#1b1a1a;
			border-top:solid 1px #cccccc;
		}
		
		    #navLinks li
		    {
			    list-style-image:none;
			    list-style-position:outside;
			    list-style-type:none;
			    float:left;
			    margin-right:40px;
			    margin-left:0px;
			    font-family:Courier New;
			    font-size:16px;
			    font-weight:bold;
			    margin-bottom:0px;
		    }
		
		    #navLinks a:link { color:#ffffff; text-decoration:none;}
		    #navLinks a:visited { color:#ffffff; text-decoration:none;}
		    #navLinks a:active { color:#ffffff; text-decoration:none;}
		    #navLinks a:hover { color:#939819; text-decoration:none;}
		    
		    #navLinks .activeLink
		    {
		        border-bottom:solid 1px #939819;
		    }
		
		
		#siteSkin
		{
		    position:absolute;
			top:50px;
			right:0px;
		}
		
		#skinSelect
		{
		    position:absolute;
			top:40px;
			right:180px;
            background-image:url(../Images/content-back.png);
            padding:10px;
            z-index:15;
            display:none;
		}
		    .siteSkin
		    {
		        margin:0px;
		        border:0px;
		        vertical-align:text-top;
		        width:170px;
		        height:64px;
		    }


#banner
{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:0px;
    float:left;
    clear:both;
}

    #bannerContent
    {
        position:relative;
        top:0px;
        left:50%;
        width:980px;
        height:100%;
        margin-left:-490px;
        padding:0px 0px 10px 0px;
        background-image:url(../images/back.png);
        float:left;
        clear:both;
    }
    
#centre
{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    float:left;
    clear:both;
}
    #mainContent
    {
        position:relative;
        top:0px;
        left:50%;
        width:970px;
        height:100%;
        margin-left:-490px;
        padding:0px 0px 10px 10px;
        float:left;
        clear:both;
        background-image:url(../images/back.png);
        border-top:solid 1px #cccccc;
    }
    
    #leftSide, #rightSide, #leftSideLarge, #rightSideSmall
    {
        position:relative;
        top:0px;
        left:0px;
        float:left;
    }
    
    #leftSide
    {
        width:410px;
        margin-right:10px;
    }
    
    #leftSideLarge
    { 
        width:650px;
        margin-right:10px;
    }
    
    #rightSide
    {
        width:540px;
    }
    
    #rightSideSmall
    {
        width:300px;
    }
    
    .contentEle
    {
        position:relative;
        top:0px;
        left:0px;
        width:380px;
        padding:15px 15px 15px 15px;
        margin-top:10px;
        float:left;
        border-bottom:dashed 1px #1b1a1a;
    }
    
        .contentEle a:link { color:#939819; text-decoration:none;}
		.contentEle a:visited { color:#939819; text-decoration:none;}
		.contentEle a:active { color:#939819; text-decoration:none;}
		.contentEle a:hover { color:#939819; text-decoration:none;}
    
        .medImage
        {
            position:relative;
            top:0px;
            left:0px;
            float:left;
            margin-top:10px;
            margin-right:10px;
            width:200px;
        }
        
        .smallImage, .missYouImage
        {
            position:relative;
            top:0px;
            left:0px;
            float:left;
            margin-right:10px;
        }
        
        .fullImage
        {
            position:relative;
            top:0px;
            left:0px;
            float:left;
            clear:both;
            margin-top:10px;
            margin-bottom:10px;
            width:380px;
        }

    .contentEle2
    {
        position:relative;
        top:0px;
        left:0px;
        width:510px;
        padding:15px 15px 15px 15px;
        margin:0px;
        float:right;
        margin-top:10px;
        border-bottom:dashed 1px #1b1a1a;
    }
    
        .contentEle2 a:link { color:#939819; text-decoration:none;}
		.contentEle2 a:visited { color:#939819; text-decoration:none;}
		.contentEle2 a:active { color:#939819; text-decoration:none;}
		.contentEle2 a:hover { color:#939819; text-decoration:none;}
    
        h1
        {
            font-family:Courier New;
            margin:0px;
            padding:0px;
            font-size:16px;
            font-weight:bold;
        }
        
        h1 a:link { color:#ffffff; text-decoration:none;}
        h1 a:visited { color:#ffffff; text-decoration:none;}
        h1 a:active { color:#ffffff; text-decoration:none; }
        h1 a:hover { color:#939819; text-decoration:underline;}
        
        h2
        {
            font-family:Courier New;
            margin:0px;
            padding:0px;
            font-size:16px;
            font-weight:bold;
        }
        
        h3
        {
            font-family:Courier New;
            margin:0px;
            padding:0px;
            font-size:14px;
            font-weight:bold;
        }
        
        p
        {
            margin:10px 0px 0px 0px;
            padding:0px;
            font-family:Arial;
            font-size:12px;
        }
        
        #player
        {
            position:relative;
            margin:10px 0px 10px 0px;
            display:block; 
            width:511px; 
            height:288px;
            z-index:1;
        }

        #youTubeLogo
        {
            margin-right:10px;
            margin-top:5px;
        }
        
    .contentEle3
    {
        position:relative;
        top:0px;
        left:0px;
        width:620px;
        padding:15px 15px 15px 15px;
        margin-top:10px;
        float:left;
    }
    
    .contentEle4
    {
        position:relative;
        top:0px;
        left:0px;
        width:270px;
        padding:15px 15px 15px 15px;
        margin:0px;
        float:right;
        margin-top:10px;
    }
    
#footer
{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:300px;
    background-color:#1b1a1a;
    float:left;
    clear:both;
    z-index:10;
    padding-bottom:80px;
}
    #footerContent
    {
        position:relative;
        top:0px;
        left:50%;
        width:960px;
        height:100%;
        margin-left:-480px;
        font-size:12px;
        padding:0px;
        float:left;
        clear:both;
    }
    
    
        #footerContent li
        {
            list-style-image:none;
            list-style-position:outside;
            list-style-type:none;
            float:left;
            margin-left:0px;
            
        }
        
        #copy
        {
            margin-left:0px;
        }
    	
        #sig
        {
            padding-left:570px;
        }
    	
            #sig a:link { color:#ffffff; text-decoration:none;}
            #sig a:visited { color:#ffffff; text-decoration:none;}
            #sig a:active { color:#ffffff; text-decoration:none; }
            #sig a:hover { color:#01b5e2; text-decoration:none;}
				


/* News page*/
.newsItem
{
    position:relative;
    top:0px;
    left:0px;
    margin-top:20px;
}

    .titleLink
    {
        color:#FFFFFF;
    }
    
    .newsList a:link { color:#ffffff; text-decoration:none;}
    .newsList a:visited { color:#ffffff; text-decoration:none;}
    .newsList a:active { color:#ffffff; text-decoration:none; }
    .newsList a:hover { color:#939819; text-decoration:underline;}
    



/*Thatre*/

.comment
{
    padding:10px 0px 10px 0px;
}

.theatreImage
{
    width:380px;
    height:75px;
}


    #contactForm
    {
        position:relative;
        margin:0px;
        margin-top:15px;
    }

.contactFormControl
{
    position:relative;
    left:0px;
    top:0px;
    height:35px;
}

.contactFormLabel
{
    position:relative;
    left:0px;
    top:0px;
    font-weight:bold;
    width:100px;
}

.contactFormElement
{
    width:290px;
    position:absolute;
    left:100px;
    top:0px;
}

.contactFormMessage
{
    position:relative;
    left:0px;
    top:0px;
    height:180px;
}

.txtMessage
{
    position:absolute;
    left:100px;
    top:0px;
    width:290px;
    height:12em;
}

.btnSubmit
{
    position:relative;
    left:340px;
    top:0px;
}

#lblContactSent
{
    font-weight:bold;
    position:absolute;
    top:10px;
}

.festival-logos, #links
{
    position:relative;
    left:0px;
    top:0px;
}

    .festival-logos ul, #links ul
    {
        position:relative;
        left:0px;
        top:0px;
        margin:0px;
        padding:0px;
    }
    
        .festival-logos ul li, #links ul li
        {
            float:left;
            list-style:none;
            margin:0px;
            padding:0px;
            margin-left:10px;
        }
        
        #links ul li img
        {
            width:100px;
        }