/* Style Sheet: 'RWD-General_CWG.css' */


.mwrapper {
    display: block;
    margin: 0;
    
}

    .mwrapper ul {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font-family: Helvetica, 'Trebuchet MS', Tahoma, sans-serif;
        vertical-align: baseline;
        outline: none;
        box-sizing: border-box;
    }

#menu {
    display: block;
    position: relative;
    z-index: 99;
}

img {
    border: 0;
}

#menu li {
    display: block;
    float: left;
    
}

    #menu li a {
        display: block;
        position: relative;
        float: left;
        padding: 1px 1px 0 1px;
        font-size: 1.5em;
        font-weight: bold;
        text-decoration: none;
        color: black;
       
    }

#menu > li {
    background: wheat;
    border-radius: 5px 5px;
    height: 10px;
}

#menu li a:hover, #menu li a:active {
    background: #0C1C8C; /*TVX*/
    border-radius: 5px 5px;
}

     

    #menu li ul {
        display: none;             
        position: absolute;
        top: 66px;
        width: 62px;
        z-index: -1;
        background-color: #fff;
        --border-bottom: 2px solid silver;
        --overflow: auto;
    }

.unused {
    -webkit-box-shadow: 0 2px 7px rgba(0,0,0,0.45);
    -moz-box-shadow: 0 2px 7px rgba(0,0,0,0.45);
    box-shadow: 0 2px 7px rgba(0,0,0,0.45);
}

#menu li ul li {
    display: block;
    --padding: 4px;
    --border: 1px red solid;
    --width: 200px;
    line-height: 1;
    --background-color: #333333;
}

    #menu li ul li a {
        display: block;
        float: none;
        color: black;
        font-size: 1em;
        --line-height: 50px;
        --padding: 0 35px 0 15px;
        --background-color: transparent;
    }

        #menu li ul li a:hover {
            background: #384958;
            color: #000;
        }

#menu li ul.expanded {
    width: 280px;
}

    #menu li ul.expanded li {
        margin-right: 100px;
    }



#menu li ul li ul {
    display: none;      
    position: absolute;
    left: 60px;
    top: 0;
    height: 100%;
    background: none;
    width: 280px;
    overflow: auto;
    font-size: 0.9em;
}

.unused {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#menu li ul li ul li {
    border-bottom: 1px solid silver;/**/
    white-space: nowrap;
    width: 280px;
}

    #menu li ul li ul li a {
        color: black;
        line-height: 2.5;
        padding: 4px 0 4px 8px;
    }

        #menu li ul li ul li a:hover {
            text-decoration: underline;
        }

#menu li ul li.color1 a:hover, #menu li ul li.color1 a.active {
    background: #cccccc;
    color: #fff;
}

#menu li ul li.color1 ul {
    background: #4f4c83;
}

#menu li ul li.color2 a:hover, #menu li ul li.color2 a.active {
    background: #65834c;
    color: #fff;
}

#menu li ul li.color2 ul {
    background: #65834c;
}

#menu li ul li.color3 a:hover, #menu li ul li.color3 a.active {
    background: #a6a6a6;
    color: #fff;
}

#menu li ul li.color3 ul {
    background: #a6a6a6;
}



/** clearfix **/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* TVX Additions */

.iconStyle {
    width:60px; 
    /*border: 1px solid silver;*/
}


/* <<<<<------------------------------ <<<<<<<<<<     MEDIA QUERIES     >>>>>>>>>>  ---------------------------->>>>> */
/* ------------------------------------------------------------------------------------------------------------------ */


/* 'PHONE REGULAR' */

@media screen and (min-width: 320px) {

}
       


/* 'PHONE LARGE' */

@media screen and (min-width: 400px) {

	
	
}


/* 'PHONE LANDSCAPE' | 'TABLET MINI' */

@media screen and (min-width: 500px) {

	
}


/* 'TABLET PORTRAIT' */

@media screen and (min-width: 600px) {


}


/* 'TABLET FULL'  */

@media screen and (min-width: 720px) {

	
}





/* 'TABLET LANDSCAPE */

@media screen and (min-width: 800px) {
 

}


/* 'LAPTOP' */

@media screen and (min-width: 1000px) {

	
}


/* 'DESKTOP' */

@media screen and (min-width: 1200px) {

    
	
}


/* 'DESKTOP - MEDIUM' */

@media screen and (min-width: 1400px) {

	
     

}

/* 'DESKTOP - LARGE' */

@media screen and (min-width: 1600px) {



}
/*************************************************************************************************************************************************/


@media screen and (max-width: 905px) {
	/*.mwrapper {width: 25%; }*/
	
}	

@media screen and (max-width: 800px) {
	/*.mwrapper {width: 20%; }*/
	
}
	
@media screen and (max-width: 769px) {
	 /* iPads */
	
	/*.mwrapper {width: 20%; }*/
	
}

@media screen and (max-width: 721px) {
	/*.mwrapper {width: 20%; }*/
	
}


@media screen and (max-width: 668px) {
    /* phones */
	
	/*#menu li ul {background-color: #F0F2D9;*/	}
	
	
}
@media screen and (min-width: 1280px) {
	
}