@import url(Skin.Editor.css);
@import url(TabStrip.css);
/* Include the editor CSS styles for end users */

body {
    margin: 0; padding: 0;
    background-color: #F0F0F0;
    background-image: url(gfx/Main-page-shadow.jpg);
    background-repeat: repeat-y;
    background-position: center top;  
}

br.ClearBoth {
    font-size: 0px;
    clear: both;
}

div#Centerer {
    text-align: center;
}

div#Container {
    margin: 0 auto;
    text-align: left;
    width: 800px;
    background-color: White;
}

    div#Header     
    {
    	position: relative;
        height: 100px;
        background-repeat: no-repeat;
        background-color: White;
        /*background-image: url(gfx/HeaderGradient.jpg);*/
    }
    
        div#Header,
        div#Header a
        {
        }
        
            div#Header a:hover
            {
                text-decoration: underline;
            }
            
        div#Logo 
        {
        	position: absolute;
        	bottom: 10px;
        	left: 10px;
        }
        
        div#QuickLinks
        {
        	position:absolute;
        	bottom: 10px;
        	right: 200px;
        	width: 300px;
        	text-align: left;
        }
        
			div.QuickLink
			{
				display: inline-block;				
				margin-top: 4px;
				margin-left: 4px;
			}
						
        div#ContactInfo
        {
        	position:absolute;
        	bottom: 10px;
        	right: 86px;
        	width: 115px;
        	text-align: right;
        }
        
        div#Social
        {
        	position:absolute;
        	bottom: 10px;
        	right: 10px;
        	width: 61px;
        	height: 61px;
        }
        
			div#SocialButtons
			{
				position: absolute;
				bottom: 0px;
				left: 0px;
			}
			
        div#Banner 
        {
        	position: absolute;
        	left: 350px;
        	top: 10px;
        	z-index: 2;
        }
        
        div#Address 
        {
        	/*
        	position: absolute;
            padding: 12px;
            right: 0px;
            width: 250px;
			*/
            text-align: right;
        }
        
    div#Tabs {
        padding-left: 12px;
        margin-top: 12px;
        border-bottom: 9px solid #BE1E2D;
    }
    
    .HeaderContent
    {
    	background-color: #BE1E2D;
    	color: White;
    	font-size: 18px;
    	padding: 0px 9px 9px 9px;
    }
    
    div#ContentArea {
        clear: both;
        padding-top: 10px;
        padding-left: 23px;
        padding-right: 23px;
    }
    
        div#Breadcrumb {
            text-align: left;
            height: 33px;
            line-height: 33px;
            
            font-size: 12px;
            color: Black;            
        }
    
            div#Breadcrumb a {
                color: #2D2C2F;
                text-decoration: none;
            }
            
                div#Breadcrumb a:hover { text-decoration: underline; }
                
        div.Content {
            min-height: 300px;            
        }                               

    div#FooterArea {
        border-top: 9px solid #BE1E2D;
        
        clear: both;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        padding-left: 23px;
        padding-right: 23px;

        height: 41px;
        line-height: 41px;
    
        font-size: 0.8em;
    }
    
    div#Copyright
    {
    	float: left;
    }
    
        div#Copyright a,
        div#Copyright a:hover,
        div#Copyright a:link,
        div#Copyright a:visited,
        div#Copyright a:active
        {
            color: Black;
            text-decoration: none;
        }
        
            div#Copyright a:hover { text-decoration: underline; }

	div#Support
	{
		float: right;
	}
	
    /* bottom margin causing the background to not show.  make the container use padding instead */
	/* body tag used to give this selector priority over the container's CSS file selector */
    body div.Simple_Container {
        margin-bottom: 0px;
        padding-bottom: 24px;
    }
    
    .FormSubmitButton
    {
    	background-image: url(gfx/ButtonGradient.jpg);
    	background-repeat: repeat-x;
    	background-color: #FEA405;
    	border-color: #FACA06;
    	height: 37px;
    	font-size: 16px;
    }
    
.SlideyPlayControls
{
	width: 28px;
	height: 17px;
}

.SlideyNextImage
{
	position: absolute;
	top: 0px; right: 0px;
	
	width: 11px;
	height: 17px;
	background-image: url(gfx/R-arrow-white-bevel.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}

.SlideyPrevImage
{
	position: absolute;
	top: 0px; left: 0px;
	
	width: 11px;
	height: 17px;
	background-image: url(gfx/L-arrow-white-bevel.gif);
	background-repeat: no-repeat;
	cursor: pointer;
}