/* ==================================================



Tutorial Title:    jQuery Drop Down Menu with slideToggle() and fadeToggle()

Tutorial Link:    http://html-tuts.com/?p=9961



=================================================== */

p {margin:0 0 3px 0;font-family: 'OpenSansRegular';font-size:12px;}



ul {padding:0;

margin:0;

list-style-type:none;}



li.dropdown {position:relative;}



 

ul li ul.dropdown-menu{

       width: 350px; /* Set width of the dropdown */

        display: none;

        z-index: 999;

        left: 0;

       text-align:center;

      position: absolute;

     padding-top:5px;

}

 

ul li ul.dropdown-menu280{

       width: 280px; /* Set width of the dropdown */

        display: none;

        z-index: 999;

        left: 0;

       text-align:center;

      position: absolute;

     padding-top:5px;

}



.dropdown-menu{

       width: 350px; /* Set width of the dropdown */

        display: none;

        z-index: 999;

        left: 0;

       text-align:center;

      position: absolute;

     padding-top:5px;

}





ul li ul.dropdown-menu150{

       width: 150px; /* Set width of the dropdown */

        display: none;

        z-index: 999;

        left: 0;

       text-align:center;

      position: absolute;

     padding-top:5px;

}

.dropdown-menu150{

       width: 150px; /* Set width of the dropdown */

        display: none;

        z-index: 999;

        left: 0;

       text-align:center;

      position: absolute;

     padding-top:5px;

}





li.drop a{padding: 3px 0 0;

	display: block;

	text-decoration: none;

	color:#830404;

	}

li.dropdown2{	

 background:  url('../images/graphics/backgroundli.png');

 box-shadow: 2px 2px 4px 0 rgba(0,0,0, 0.5);

 padding:3px 0;

 margin-bottom:3px;}



li.drop {

 background:  url('../images/graphics/backgroundli.png');

 box-shadow: 2px 2px 4px 0 rgba(0,0,0, 0.5);

 padding:3px 0;

 margin-bottom:3px;}

 

 

li.dropl {

 background:  url('../images/graphics/backgroundli.png');

 box-shadow: 2px 2px 4px 0 rgba(0,0,0, 0.5);

 padding:3px 5px;

 text-align:center;

 margin-bottom:3px;}

 

 li.drop2 {

 background:  url('../images/graphics/backgroundli.png');

 box-shadow: 2px 2px 4px 0 rgba(0,0,0, 0.5);

 padding:3px 0 5px 0;

 margin-bottom:3px;}





li.drop a:hover {

color: red;}



li .wide{width:320px;float:left;margin:0 5px 3px 0;

 background:  url('../images/graphics/backgroundli.png');

 box-shadow: 2px 2px 4px 0 rgba(0,0,0, 0.5);

 text-align:left;

padding:5px 0}



li .wide p{margin:0 0 3px 0;}



li .wide a{padding:5px;}



.haschild  ul li > ul {



                position: absolute;



                background-color: #333;



                top: 0;



                left: -200px;



                min-width: 200px;



                z-index: -1;



                height: 100%;



                -webkit-transition: left 200ms ease-in;



                -moz-transition: left 200ms ease-in;



                -ms-transition: left 200ms ease-in;



                transition: left 200ms ease-in;



            }





	

.dropdown-menu a:hover {

	color: red;

}