

#topnav {

width:300px;

margin:0px;

}

ul.dropmenu {

list-style:none;

margin:0;

padding:0;

float:left;

padding:0;





}

.dropmenu > li {

position:relative;

padding-right:0px;

display:block;

float: left;

box-shadow:1px 0 0 rgba(26, 42, 100, .34);

margin-top:0px;

-webkit-transition: all .35s ease-in-out;

-moz-transition: all .35s ease-in-out;

-o-transition: all .35s ease-in-out;

height:28px;

}



.drop_icon {

font-family:Arial, Helvetica, sans-serif;

position:absolute;

z-index: 99;

color:#000

left: -10px;

top:7px;

}

.drop_icon.search_icon {

top: 11px;

color:#000;

left: 14px;

}

.dropmenu > li:first-child + li  + li + li + li + li:after {



font-family:Arial, Helvetica, sans-serif;

font-size:11px;

font-weight:normal;

position:absolute;

right:4px;

top:-12px;

z-index: 99;

color:#000;

background:#fff;

}

span.notification:before {

position:relative;

right:-8px;

top:-20px;

z-index: 100;

font-size: 10px;

}



.dropmenu > li:hover {

border-radius: 3px 3px 2px 2px;

background: #FF0000;

color:#000;

}



.dropmenu li a {

text-decoration:none;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;



font-weight:bold;

color:#000;

display:inline-block;

padding: 6px ;

text-indent: 25px;

vertical-align: middle;

border-radius: 2px;

}



/**=====================Search Box====================**/

 #searchbox .search_input{

position:relative;

top: 0px;

left: 2px;

margin-top: 2px;

font-family: calibri, helvetica, sans-serif;

border-radius: 2px;

background: rgba(245, 248, 246, .88);

padding: 5px 0px 5px 25px;

-webkit-transition: all .4s ease-in;

}



#searchbox .search_input:focus {

outline: none;

padding: 5px 10px 5px 25px;

background: rgb(250, 248, 250);

box-shadow: 0 0 0 2px rgba(120, 120, 120, .3);

}

::-webkit-input-placeholder {

color: rgba(30, 24, 30, .8);

}

:-moz-placeholder {

color: rgba(30, 24, 30, .8);

}

/**=====================DROP DOWN=======================**/

/***Common for all drops****/

.drop_common {

background:#fff;

color:#000099;

  box-shadow: 0 5px 15px -5px #333;

-webkit-transition: all .35s ease-in-out;

-moz-transition: all .25s ease-in-out;

-o-transition: all .35s ease-in-out;

}

.subdrop  {

position:absolute;



left:0;

top: 48px;

z-index: 99;

float: left;

margin-left:0px;

border-radius: 0 4px 4px 4px;

visibility:hidden;	

opacity:0;

}

.subdrop li {

list-style:none;

}

.column_3 li { 

border-bottom: 1px dashed rgba(165, 167, 168, .45);

}

.column_3 li:nth-child(7) + li {

border-bottom:none;

}

.subdrop li a {

text-indent:0;

white-space: nowrap;

font-size: 11px;

padding:5px;

display: block;

color:#000;

}

.subdrop li a:hover {

color: #0000CC;

}

/**=============3 Column Subdrop===============**/

.column_3 {width: 400px;}

.col_110 { width: 120px;

float:left;

text-align:left;

}

.col_110_head h3, .col_350_head h3   {

white-space: nowrap;

color:#000;

font-family: Arial, Helvetica, sans-serif;

font-size:11px;

}

.col_110_head h3  {

text-align:left;

font-size: 11px;

font-weight: bold;

color:#0743A1;

}

.col_110_head h3 a:hover {

text-align:left;

font-size: 11px;

font-weight: bold;

color:#000;

text-decoration:underline;

}

.col_110_head h3 a:link {

text-align:left;

color:#0743A1;

font-size: 11px;

font-weight: bold;



}

.col_110_head h3 a:visited {

color:#0743A1;

text-align:left;

font-size: 11px;;

font-weight: bold;



}

.column3_footer {

background:#0A256D;

box-shadow:inset 0 0 100px rgba(5, 30, 90, .92), 2px 2px 2px  rgba(10,37,109,.3);

float: left;

width: 100%;

}

.column3_footer p a{

font: italic 13px  'GandhiSansRegular';

color: #e6e6e6;

float: right;

margin-right: 10px;

}



/**=====================Drop Column=================**/

.dropmenu li .full_drop {

text-indent: 0;

}



.drop_column {

width: 130px;

}

.drop_col_menu {

margin: 6px 0;

}

.drop_col_menu li a {

font-size: 13px;

padding: 6px 15px;

letter-spacing: 1px;

}

.nested_drop {

position:relative;

}

.nested_drop li a {

padding: 8px 40px 8px 15px;

}

.nested_drop .right-arrow{

background: url(../img/right-arrow.png) no-repeat 90px;

}

.nested_sub_drop .right-arrow {

background: url(../img/right-arrow.png) no-repeat 70px;

}

.nested_right_drop, .nested_right_sub_drop  {

position:absolute;

visibility: hidden;

opacity:0;

border-radius: 4px;

}

.nested_right_drop {

top: -10px;

 left: 120px;

}

 .nested_right_sub_drop {

 top:30px;

left: 90px;

 }

.nested_right_sub_drop li a {

padding: ;

}



/**==================1 Column  Subdrop=================**/

.column_1 {width: 350px;}

.col_350 {

margin: 35px 10px 15px 0;

}

.col_350_head h3 {

margin: -15px 95px 5px;

font-size: 14px;

}

.col_350 p {

margin-left:px;

color: #eee;

font:  13px/1.6  'GandhiSansRegular', helvetica;

}

.col_350 p a {

text-indent:3px;

padding:px;

float:;

font-size: 13px;

color:rgb(188, 180, 180);

}

.col_350  img {

float: left;

width: 72px;

height: 68px;

border: 4px solid #ddd; /**fallback**/

border: 4px solid rgba(220, 220, 220, .3);

margin-top: -20px;

box-shadow: 0 0 1px 2px rgba(210, 210, 210, .3);

margin-left: 8px

}







/**====================Sign Up========================**/

#sign-up {

position:absolute;

padding: 15px 18px;

right:0;

z-index: 99;

visibility:hidden;

top:47px;

opacity:0;

border-radius:4px 0 4px 4px;

}



#sign-up label {

color:rgb(248, 248, 248);

margin: 5px 2px;

font: 1em/1.2 'GandhiSansRegular', helevtica, arial;

}

#sign-up input {

border-radius: 1px;

border: none;

display: block;

width: 150px;

margin: 4px 0;

box-shadow: 0 0 1px 2px rgba(38, 65, 118, .34);

padding: 3px 0px 3px 6px;

}

#sign-up input:focus {

outline:none;

box-shadow:  inset 0 0 2px 1px rgba(2, 2, 2, .47);

}

#sign-up .sign-up-button {

padding: 2px 15px;

display: inline-block;

cursor: pointer;

border: none;

color: rgb(230, 232, 230);

border-radius: 4px;

width: 75px;

font: 13px/1.4 'Trebuchet MS', helevtica, arial;

margin: 5px 2px 5px 2px;

background:#1a507c;

box-shadow: 0 1px 1px rgba(22, 45, 109, .9);

}

#signup_footer  a {

display:inline;

font: italic 11px 'Trebuchet MS', helvetica, arial;

margin: 5px 5px 5px 2px; 

white-space:nowrap;

padding:2px;


color:#000;

}

/**===Drop/Sub Drop Down Appear on Hover===**/

.dropmenu li:hover .subdrop {

visibility: visible;

top: 37px;

opacity: 1;

}

.nested_drop:hover > .nested_right_drop, .nested_sub_drop:hover > .nested_right_sub_drop {

visibility: visible;

opacity:1;

}

.dropmenu li:hover > #sign-up {

visibility: visible;

opacity:1;

top:37px;

}





