/* This need to be pasted into the page to have the correct effect */
/* Sets page as full height & width based on users resolution */
    body
    {
        height: 100%; /* this is the key! */
        width: 100%;
        margin: 0 auto;
        padding: 0;
        position: absolute;
        background-color: #ffffff;
        /*background-image: url('graphics/page-background.jpg');
        background-repeat: repeat-x;*/
        font-family: Arial;


    }


/* Sets a container within the 'body' that has a minimum height slightly Arial09er than the 'body' */
/* All Items EXCEPT footer should be placed inside this container */
	#container 
    {        
        min-height: 100%;
        min-width: 1001px;
        width: 100%;
        margin-top: 0px; /* the auto margins (in conjunction with a width) center the page */
        margin-left: auto;
        margin-right: auto;
        margin-bottom: -60px; /* Bottom margin is set to accomodate the footer.  This is not needed if there is no footer */
        text-align: justify;
        border-top: 0px solid black;
        border-bottom: 0px solid black;
        border-left: 0px solid black;
        border-right: 0px solid black;
        /*background-image: url(../graphics/page-background2.jpg);*/
        background-color: #ffffff;
        border-width: 0px 0px 0px 0px;
        border-style: none solid none solid;
    }


/* Sets a container for the Page Header */
	#pageheader-TD360
    {
        /*float: top;*/          
        height: 150px; /* Based on height of Header */
        width: 100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        /*border-top: 2px Solid #232323;
        border-bottom: 2px Solid #232323;*/
        background-color: Blue;
        background-image: url(../images/page/metalHoneycomb.jpg);
        /*background-repeat: repeat-x;*/
    }
    

/* Sets a container for Login Link */
    #loginmenubar-dis
    {
        height: 30px; 
        width: 100%; 
        padding-top: 0px;
        background-color: Black;
        color: White;  
        /*background-image: url('../graphics/bkgrd-menugradient-blue.jpg'); 
        background-repeat: repeat-x;*/
    } 
  
 
/* Sets a container for the Horizontal Menu Bar */
    #horizontalmenubar-dis
    {
        height: 40px; /* Based on Menu Bar */
        width: 100%; /* text-align: center;*/
        margin-top: -0px;
        background-color: Black;
        /*background-image: url('../graphics/bkgrd-menugradient-orange.jpg');
        background-repeat: repeat-x;*/
        border-bottom: 1px solid Black;
    }
      
    /* CSS class for Non-Selected Menu Item */
        #horizontalmenubar-dis .Item
        {
            /*min-width: 200px;*/
            height: 28px;
            padding-top: 6px;
            padding-left: 10px;
            padding-right: 10px;
            color: White;
        }
                
    /* CSS class for Selected Menu Item */
        #horizontalmenubar-dis .ItemSelected
        {
            /*Not Used*/ 
        }
        
        #horizontalmenubar-dis .ItemDynamic
        {
            color: Black;                
        }

    /* CSS class for Hovering Menu Item */
        #horizontalmenubar-dis .ItemHover
        {
            margin-top: 0px;
            text-decoration: none;
        }

    /* CSS class for Dynamic Menu Item */
        #horizontalmenubar-dis .DynamicItem, #horizontalmenubar-dis .DynamicHover
        {
            text-align: left;
            padding-left: 2px; 

        }

    /* CSS class for Hovering Menu Item */
        #horizontalmenubar-dis .DynamicHover
        {
            text-decoration: none;
        }
                
        #horizontalmenubar-dis .StaticHover
        {
            vertical-align: middle;
            text-decoration: none;
        }
        
       
    /* CSS classes for Arial11 Links, only valid inside the #menu DIV */
        #horizontalmenubar-dis a, #horizontalmenubar-dis a:visited
        {
            background: transparent!important;
            display: block;
        }

        #horizontalmenubar-dis a:hover, #horizontalmenubar-dis a:active, #horizontalmenubar-dis a:focus
        {
            background: transparent!important;
            display: block;       
        }
    
/* Sets a container for the CSS Horizontal Menu Bar */
    #horizontalmenubar-css
    {
        height: 35px; /* Based on Menu Bar */
        width: 100%; 
        margin-left: 0px;
        margin-right: 0px;
        background-color: #660000;
        /*background-image: url('../graphics/#');
        background-repeat: repeat-x;*/
    }

    /*Sets look of Horizontal Menu Bar*/
         .nav 
        {
             /*background-color: #444; */
             width: 900px;
             background-color: #000000;
             margin: 0 auto;
             text-align: left;

        }
        
        .nav ul 
        {
            list-style: none;
            background-color: #660000;
            text-align: center;
            padding: 0;
            overflow: auto;
            min-width: 900px;
            width: 100%;
            margin: 0 auto;
        }

        .nav li 
        {
            font-family: 'Oswald', sans-serif;  
            float: left;
            border-bottom: none;
            /*border-bottom: 1px solid #888;*/
            height: 35px;
            line-height: 32px;
            font-size:10pt;
        }
 
        .nav a 
        {
            text-decoration: none;
            color: #fff;
            display: block;
            transition: .4s background-color;
        }
 
        .nav a:hover 
        {
            /*background-color: #005f5f;*/
            background-color: rgba(18, 9, 9, 0.92);
            border-bottom: 3px solid red; 
        }
 
        .nav a.active 
        {
            /*background-color: #444;*/
            background-color: #ffffff;
            color: #000;
            cursor: default;
            line-height: 32px;
            border-bottom: 3px solid white; 
        }    

    /*Setup for Sticky Menu*/
        .menu
        {

        }

        .sticky 
        {
            position: fixed;
            width: 100%;
            left: 0;
            top: 0;
            z-index: 100;
            border-top: 0;
        }


/* Sets a container for the Left Pane Area */                
    #leftpane 
    {
        float: left;
        height: 100%;
        width: 150px; /* Based on width of Left Side Items */
        text-align: center;
        left: 0px;
        margin-left: 0px;
        border: 0px solid black;
        background-color: #FFCC00;
    }


/* Sets a container for the Left Pane Area */
/* Use with two pane screen and Arial09 main content area */                
    #leftpanelarge 
    {
        float: left;
        height: 100%;
        width: 254px; /* Based on width of Left Side Items */
        text-align: center;
        left: 0px;
        margin-left: 0px;
        border: 0px solid black;
        /*background-color: #FFCC00;*/
    }
	
	
/* Sets a container for the Right Pane Area */            
    #rightpane 
    {
        float: right;
        height: 100%;
        width: 205px; /* Based on width of Right Side Items */
        text-align: center;
        left: 0px;
        margin-left: 0px;
        border: 0px solid black;
        background-color: White;
    }


/* Sets a container for the Right Pane Area */
/* Use with two pane screen and Arial09 main content area */                            
    #rightpanellarge 
    {
        float: right;
        height: 100%;
        width: 254px; /* Based on width of Right Side Items */
        text-align: center;
        left: 0px;
        margin-left: 0px;
        border: 0px solid black;
        /* background-color: #FF66FF; */
    }        

		
/* Sets a container for the Main Conetent (Center of Page) Area */            
    #maincontent 
	{
	    height: 100%;
        min-height: 380px; /*width: 711px; /* This should be ('container' width - 'leftmenu' width) */
        width: 900px;

        /*margin-left: 2.5%;  This should be the same as 'leftmenu' width */
        /*margin-right: 2.5%; Use this if Width is not set */
        margin: 0 auto;
        text-align: center;
        border: 0px solid white;
        background-color: transparent;
    	}


/* Sets a container for the Main Conetent (Center of Page) Area */
/* Use with #leftpanelarge */            
    #maincontentlargeleft 
	{
	height: 100%;
        min-height: 100%; /*width: 711px; /* This should be ('container' width - 'leftmenu' width) */
        text-align: center;
        margin-left: 254px;  /*This should be the same as 'leftmenu' width */
        margin-right: 0px; /*Use this if Width is not set */
        border: 0px solid black;
        /*background-color: #66CCFF;*/
    	}
       
         
/* Sets a container for the Main Conetent (Center of Page) Area */            
    #maincontentlargeright 
	{
	height: 100%;
        min-height: 380px; /*width: 711px; /* This should be ('container' width - 'leftmenu' width) */
        text-align: center;
        margin-left: 0px;  /*This should be the same as 'leftmenu' width */
        margin-right: 200px; /*Use this if Width is not set */
        border: 0px solid black;
        background-color: White;
    	}
	
	
/* Use this to clear space for footer*/
	#clearfooter 
	{
        clear:both;
	    height: 60px;  /*needed to make room for footer*/
	}

/* Sets a container for Page Footer */        
	#pagefooter-TD360
	{
	height: 60px;
        width: 100%;
        min-width: 1001px;
        text-align: center;      
        margin-left: auto;
        margin-right: auto;
        font-size: 9pt;
        border-top: 0px Solid #232323;
        border-bottom: 0px Solid Black;
        color: White;
        background-color: #660000;    
        /*background-image: url('../graphics/footer-background.jpg');
        background-repeat: repeat-x;*/
	}
	
    .wowslidercontainer
    {
        position:relative;
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align:center;
        z-index: 1;

    }

    .wowslidercontainer1
    {
        border: 1px solid #f3f2f2;
    }