﻿body 
{
    margin:0px;
    padding:0px;
    background-color:#000000;
    font-family:Arial;
    color:#FFFFFF;
    font-size:12px;
}

img
{
    vertical-align:text-top;
    border:none;
}


a:link{color:#ead700; text-decoration:none;}
a:hover{color:#ead700; text-decoration:underline;}
a:active{color:#ead700; text-decoration:none;}
a:visited{color:#ead700; text-decoration:none;}

.top10
{
    margin-top:10px;
}


#header, #footer
{
    position:relative;
    top:0px;
    left:0px;
    padding:15px 0px 15px 0px;
    background-color:#000000;
    float:left; 
    clear:both;
    width:100%;
}

    .content
    {
        position:relative;
        top:0px;
        left:50%;
        width:1000px;
        height:100%;
        padding:0px 10px 0px 10px;
        margin:0px 0px 0px -500px;
        float:left; 
        clear:both;
    }
    
        #header_logos
        {
            position:relative;
            top:0px;
            left:0px;
            float:left;
            padding:0px;
            margin:0px 10px 0px 0px;
            width:990px;
            padding:0px;
        }
               
            #header_logos li
            {
                position:relative;
                top:0px;
                left:0px;
                float:left;
                list-style-image:none;
	            list-style-position:outside;
	            list-style-type:none;
            }
                #header_logos .right
                {
                    float:right;
                }
                
                 #cockle_logo
                {
                    position:relative;
                    top:0px;
                    left:0px;
                     float:left;
                }
                
                #vision_logo
                {
                    position:relative;
                    top:0px;
                    left:0px;
                    margin-left:20px;
                    width:200px;
                    margin-top:3px;
                    float:left;
                }
                
                #council_logo
                {
                    position:relative;
                    top:0px;
                    left:0px;
                    margin-left:20px;
                    height:20px;
                    margin-top:2px;
                     float:left;
                }
                
                #pro_logo
                {
                    position:relative;
                    top:0px;
                    left:0px;
                    margin-left:10px;
                    height:22px;
                    margin-top:2px;
                     float:left;
                }
                
                #lion_logo
                {
                    position:relative;
                    top:0px;
                    left:0px;
                    margin-left:20px;
                    height:22px;
                    margin-top:2px;
                     float:left;
                }
                
                #shop_logo
                {
                    position:relative;
                    top:0px;
                    left:0px;
                    margin-left:20px;
                    height:22px;
                    margin-top:2px;
                }
#centre
{
    position:relative;
    top:0px;
    left:0px;
    background-image:url(../images/background.jpg);
    background-repeat:no-repeat;
    width:100%;
    min-height:800px;
    float:left; 
    clear:both;
    padding-bottom:20px;
}

    #content_header
    {
    }
    
        #title_starring, #title_logo, #title_strap
        {
            position:relative;
            top:0px;
            left:50%;
            float:left;
            clear:both;
        }
        
        #title_starring{margin:20px 0px 0px -315px;}
        #title_logo{margin:20px 0px 0px -273px;}
        #title_strap{margin:20px 0px 0px -132px;}
        
    #banner_content
    {
        position:relative;
        top:0px;
        left:0px;
        float:left;
        clear:both;
    }
    
        #banner
        {
            position:relative;
            top:0px;
            left:0px;
            margin-top:20px;
            float:left;
            clear:both;
        }
            
            #links_content
            {
                position:relative;
                top:0px;
                left:0px;
                float:left;
                clear:both;
                margin:-55px 0px 0px 1px;
                height:55px;
                width:979px;
                background-image:url(../Images/content_back.png);
            }
            
                #links, #banner_controls
                {
                    position:relative;
                    top:0px;
                    left:0px;
                    float:left;
                    padding:0px;
                    height:55px;
                    margin:0px;
                }
                
                    #links li
                    {
                        position:relative;
                        top:0px;
                        left:0px;
                        float:left;
                        list-style-image:none;
			            list-style-position:outside;
			            list-style-type:none;
			            height:55px;
                    }
                
                    #links li a:link{color:#FFFFFF; text-decoration:none;}
                    #links li a:hover{color:#FFFFFF; text-decoration:none;}
                    #links li a:active{color:#FFFFFF; text-decoration:none;}
                    #links li a:visited{color:#FFFFFF; text-decoration:none;}
                        
                        #links li .link, #links li .link_over
                        {
                            position:relative;
                            top:0px;
                            left:0px;
			                padding:17px 20px 17px 20px;
			                margin:0px;
			                font-size:18px;
			                font-weight:bold;
			                display: inline-block
                        }
                        
                        #links li .link_over
                        {
                            background-image:url(../Images/link_back_over.png); 
                            background-repeat:repeat-x;
                        }
                        
                #banner_controls
                {
                    float:right;
                    margin-right:20px;
                }
               
                #banner_controls li
                {
                    position:relative;
                    top:0px;
                    left:0px;
                    float:left;
                    list-style-image:none;
		            list-style-position:outside;
		            list-style-type:none;
		            padding:12px 0px 0px 8px;
		            height:55px;
                }
                
                
                    .banner_control
                    {
                        position:relative;
                        top:0px;
                        left:0px;
                        cursor:pointer;
                    }
                    
    #main_content
    {
        position:relative;
        top:0px;
        left:0px;
        width:980px;
        margin:20px 0px 0px 0px;
        background-image:url(../Images/content_back.png);
        float:left;
        clear:both;
        padding:0px 0px 20px 0px;
    }
        
        #page_content
        {
            position:relative;
            top:0px;
            left:0px;
            float:left;
            margin:20px 0px 0px 20px;
            width:480px;
            clear:both;
        }
        
        #page_content_full
        {
            position:relative;
            top:0px;
            left:0px;
            float:left;
            margin:20px 0px 0px 20px;
            clear:both;
        }
        
            #page_content h1, #latest_news h2, #page_content_full h1
            {
                color:#818181;
                font-size:30px;
                font-family:calibri, Arial;
                margin:0px;
            }
            
            #page_content p
            {
                position:relative;
                top:0px;
                left:0px;
                margin:15px 0px 0px 0px;
                padding:0px;
            }
            
            #page_content a:link{color:#ead700; text-decoration:none;}
            #page_content a:hover{color:#ead700; text-decoration:underline;}
            #page_content a:active{color:#ead700; text-decoration:none;}
            #page_content a:visited{color:#ead700; text-decoration:none;}
            

                            
        #latest_news
        {
            position:relative;
            top:0px;
            left:0px;
            width:400px;
            min-height:100px;
            background-color:#171717;
            margin:0px 20px 0px 0px;
            padding:20px 20px 20px 20px;
            float:right;
        }
        
        
            .news
            {
                position:relative;
                top:0px;
                left:0px;
                float:left;
                clear:both;
                margin-top:15px;
                margin-bottom:15px;
            }
            
                .news h3
                {
                    color:#FFFFFF;
                    font-size:20px;
                    font-family:calibri, Arial;
                    margin:0px;
                }
                
                .news p
                {
                    position:relative;
                    top:0px;
                    left:0px;
                    margin:15px 0px 0px 0px;
                    padding:0px;
                }
                
                .news a:link{color:#ead700; text-decoration:none;}
                .news a:hover{color:#ead700; text-decoration:underline;}
                .news a:active{color:#ead700; text-decoration:none;}
                .news a:visited{color:#ead700; text-decoration:none;}
                
                .news .right
                {
                    float:right;
                    margin-left:20px;
                }
        
        
        #content_links
        {
            position:relative;
            left:0px;
            top:0px;
            margin:0px 20px 0px 0px;
            padding:20px 20px 0px 20px;
            float:right;
        }

            #content_links ul
            {
                position:relative;
                left:0px;
                top:0px;
                margin:0px;
                padding:0px;
            }
            
                #content_links ul li
                {
                    float:left;
                    list-style:none;
                    margin:0px;
                    padding:0px;
                    margin-left:10px;
                }
                
                #content_links ul li img
                {
                    width:100px;
                }
        
        .contentImage
        {
            width:480px; 
            margin-top:10px;
        }
        
#footer{}

    #footer_conent
    {
        padding:5px 0px 5px 20px;
    }
    
    #footer_conent p
    {
        padding:0px;
        margin:0px;
    }
    
    
    
    
    

    #contact
	{
		position:relative; 
		top:0px;
		left:0px;
		margin-left:10px;
		margin-top:20px;
	}

		.contactFormControl
		{
			position:relative;
			left:0px;
			top:0px;
			height:35px;
		}

		.contactFormLabel
		{
			position:relative;
			left:0px;
			top:0px;
			font-weight:bold;
			width:100px;
		}

		.contactFormElement
		{
			width:343px;
			position:absolute;
			left:100px;
			top:0px;
			
		}
		
		.contactFormMessage
		{
			position:relative;
			left:0px;
			top:0px;
			height:150px;
		}

		#txtMessage
		{
			position:absolute;
			left:100px;
			top:0px;
			width:340px;
			height:10em;
		}
		
		#submitContact
		{
		    width:445px;
		}
		
		#submit
		{
			position:relative;
			left:0px;
			top:0px;
			background-color:#000000;
			color:#ffffff;
			border:solid 1px #000000;
			text-decoration:none;
			float:right;
		}
		
		#contactSent
		{
		    position:relative;
			font-weight:bold;
			position:absolute;
			top:0px;
			float:left;
			display:none;
		}
		
		    #sending
		    {
		        position:absolute;
			    left:60px;
			    top:0px;
			    width:16px;
		    }
		    
		    
.yoxview
{
    margin-left:-8px;
} 

    .yoxview img
    {
        margin:8px;
    }
    		 
	
#player
{
    position:relative;
    margin:10px 0px 10px 0px;
    display:block; 
    width:400px; 
    height:225px;
    z-index:1;
}

#social_links
{
    position:relative;
    top:0px;
    left:0px;
    padding:0px;
    margin:0px;
}

#social_links li
{
    position:relative;
    top:0px;
    left:0px;
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-right:10px;
}

.award
{
    width:97px;
}
