/* Webfont: Lato-Medium */@font-face { 
    font-family: 'LatoMedium';
    src: url('../media/fonts/Lato-Medium.eot'); /* IE9 Compat Modes */
    src: url('../media/fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../media/fonts/Lato-Medium.woff') format('woff'), /* Modern Browsers */
         url('../media/fonts/Lato-Medium.ttf') format('truetype'); 
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
/* Webfont: Lato-Light */@font-face {
    font-family: 'LatoLight';
    src: url('../media/fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('../media/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../media/fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('../media/fonts/Lato-Light.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
body 
{
    background-color:#FFF;	
    background-image:url(../media/background_PUBLISH.jpg);
    background-origin:padding-box;
    background-position-x:50%;
    background-position-y:50%;
    background-repeat-x:;
    background-repeat-y:;
    background-size:cover;
    background-attachment: fixed;
}
#bannercontainer {
    width:100%;
    background-color:#fff;
    height: 124px;
    top: 0px;
    position:relative;
}

#banner {
    max-width:1200px;
    margin: auto;    
}
#top_panel_text {
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    text-align:left;
    color:white;
    line-height:135%;
}

#navcontainer {
   height: 52px;
   background-color: black;
   width:100%;

}
#nav {
    /* clear:both;*/
    /*float:right;*/    
    text-align:left;
    padding:0px;
    /*border:solid 1px #aaa;	/* for wireframing */
    max-width:1200px;    
    position: relative;
    margin: auto; 
}
#contentcontainer {

   width:100%;
}
#content {

}
/* FOOTER */
#footer1container {
    clear:both;
    background-color:#1a1a1a;
    width:100%;  
    color:white;    
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size:12pt;
	line-height:1.2em;	
	text-align:left; 
	float:left;
}
#footer1container a {color:white;}
#footer2container 
{
    clear:both;
    background-color:#000;
    width:100%;     
    height:40px;  
    color:#AAA;    
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size:9pt;
	line-height:1.2em;	
	text-align:center;    
	}



#footer1container  h1
{
    color:#999;        
	font-size:13pt;
	line-height:1.8em;	
	text-align:left;
}
#footer1container  h2
{
    color:#999;    
	font-size:12pt;
	line-height:1.8em;	
	text-align:left;
}
#footer1container .section1
{    
    max-width:1200px;
    margin:0 auto;    
    text-align:left;
}

#footer1container .section1 .section1_1
{    
    float:left;
    margin:0 auto;
	padding-top:12px;
	width:25%;

}
#footer1container  .section1 .section1_2
{    
    float:left;
    margin:0 auto;
	padding-top:12px;
	width:50%;

}
#footer1container  .section1 .section1_3
{    
    float:left;
    margin:0 auto;
	padding-top:12px;
	width:25%;
}

#footer2container  .section1
{
    /*max-width:980px;*/
    margin:0 auto;    
    text-align:left;
    padding-top:12px;
}
/* Home Page slider*/
.slider {
    visibility:hidden;
}

/* NAVIGATION */

#nav input[type=button] {
    display:block;
    width:100%;
    height:100%;
    color:transparent;
    border:none;
    outline:none;
    background:transparent;
    cursor:pointer;

}

#nav input[type=button]:focus, #nav input[type=button]:active {
    border:none;
    text-decoration:none;
    border: none;
    outline:none;
}

.navigation {
   /*float:right;*/
    /*padding-bottom:15px;*/
}

.navHeader {
    float:left;
    width:100%;
    visibility:hidden;
}

.navHeader .navToggle {
    float:right;
    margin:0 20px;
    line-height:40px;
    background:url('/media/hamburger_white.png') no-repeat #000;
    color:#FFF;
    width:50px;
    height:40px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.navigation ul {
    position:relative;
    z-index:1000;
    list-style:none; 
    margin:0; 
    padding:0;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-weight: normal;
    font-size: 15px;
}

.navigation > ul > li {
    float:left;
    margin-right: 1px;
    margin-top:0px;
    top:-40px;
    
}


.navigation ul li {
    position: relative;    
}


.navigation ul li a {
    display:block;  
    padding-left:12px;
    padding-right:24px;
    text-decoration:none;
    line-height:40px;     
    color:#FFF;      
    text-transform: uppercase;
}
.navigation > ul > li > a {
    float:left;
    font-size:120%;  
    line-height:52px;  
    padding-left:6px;
    padding-right:20px;
}

.navigation > ul > li > .navItemToggle {
    position:relative;
    float:right;
    visibility: hidden;
    width:0px;
    height:40px;
    display:block;
    background:url('/media/arrow_down_grey.png') no-repeat;
}

.navigation > ul > li.toggled > .navItemToggle {
    background:url('/media/arrow_up_grey.png') no-repeat;
}

.navigation ul li a:hover{
    background-color:#53cfd7;
    color:#000;
}

.navigation ul > li > div.submenu {
    position:absolute;
    float:left;
    left:0;
    top:52px;
    margin:0 auto;
    padding:0;
    z-index:100;
    max-height: 0;
    width:1000px;
    white-space:nowrap;
    -webkit-transition: max-height 0.3s ease-in;
    -moz-transition: max-height 0.3s ease-in;
    -o-transition: max-height 0.3s ease-in;
    -ms-transition: max-height 0.3s ease-in;
    transition: max-height 0.3s ease-in;
    border-top:solid 1px #FFF;
}


.navigation ul > li > div > div {
    float:left;
    width:auto;
    background:#000;
    overflow:hidden;
    max-height: 0;
    -webkit-transition: max-height 0.3s ease-in;
    -moz-transition: max-height 0.3s ease-in;
    -o-transition: max-height 0.3s ease-in;
    -ms-transition: max-height 0.3s ease-in;
    transition: max-height 0.3s ease-in;
    -webkit-box-shadow: 6px 6px 17px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 17px -6px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 17px -6px rgba(0,0,0,0.75);
}

.navigation ul > li > div > div > ul:first-child {
    border-left:none;
}

.navigation ul ul {
    position: relative;
    float: left;
    margin-top: 0px;
    padding: 0 0 0 0px;
    background: #000;
    font-size: 15px;
}


@media (max-width : 960px) {
    .navigation > ul > li > a {
        font-size: 110%;
        color: white;
        background-color:#999;
        font-weight: bold;
        border-bottom: solid 2px #999;
    }
}

@media (min-width:960px) {
    .navigation > ul > li:hover div {
        max-height:700px; /* need a height to accommodate any tertiary menus */
    }
}


@media (max-width:1024px) {

    #nav {
        margin:0;
        width: 100%;
    }

    #nav .navigation {
        float:left;
        width:100%;
        overflow:hidden;
        max-height:0;
        -webkit-transition: max-height 0.3s ease-in;
        -moz-transition: max-height 0.3s ease-in;
        -o-transition: max-height 0.3s ease-in;
        -ms-transition: max-height 0.3s ease-in;
        transition: max-height 0.3s ease-in;
    }
    
    .navHeader {
        visibility:visible;
    }

    #nav .displayNav .navigation {
        max-height:2000px;
    }

    .navigation ul li {
        float:none;
        width:100%;
        font-size:150%;
        color:black;
    }

    .navigation > ul > li > a {
        width: calc(100% - 100px);
    }

    .navigation > ul > li > .navItemToggle {
        width:40px;
        visibility: visible;
    }

    .navigation ul > li > div.submenu, 
    .navigation ul > li > div > div {
        position:relative;
        width:100%;
        padding-bottom:0;
        top:0;
        -webkit-transition: max-height 0.3s ease-in;
        -moz-transition: max-height 0.3s ease-in;
        -o-transition: max-height 0.3s ease-in;
        -ms-transition: max-height 0.3s ease-in;
        transition: max-height 0.3s ease-in;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    
    .navigation ul ul {
        float:none;
        width:100%;
    }

    .navigation ul > li > div > div > ul {
        border-left:none;
        border-top:1px solid #EEE;
        margin-top:1px;
        margin-left:0;
        padding-bottom:5px;
    }
    
    .navigation ul > li > div > div > ul:last-child {
        border-bottom: 1px solid #EEE;
    }
    
    .navigation > ul > li.toggled div {
        max-height:700px; /* need a height to accommodate any tertiary menus */
    }
}

.main 
{
    /*float:left;*/
    text-align:left;
    margin:6px auto;
    padding:0px;
    /*border:solid 1px #aaa;	/* for wireframing */
    max-width:1200px;    
    position: relative;
}
.main a img
{
	border:none;
}