﻿li {

            font-size:14px; 

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

            line-height:21px;

            text-align:left;

}

 

ul {

            font-size:14px; 

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

            line-height:21px;

            text-align:left;

}

 

body {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 21px;
	text-align: left;

}

 

#menu {

            list-style:none;

            width:99%;
			min-width:1050px;

            margin:0px auto 0px auto;

            height:64px;

            padding:0px 5px 0px 2px;

 

            /* Rounded Corners */

            

            -moz-border-radius: 10px;

            -webkit-border-radius: 10px;

            border-radius: 10px;

 

            /* Background color and gradients */

            

            background: #00548D;

            background: -moz-linear-gradient(top, #1487C2,#00548D);

            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1487C2), to(#00548D	));
			background-image: -o-linear-gradient(#1487C2,#00548D);
            

            /* Borders */

            
			/*
            border: 1px solid #002232;

 

            -moz-box-shadow:inset 0px 0px 1px #edf9ff;

            -webkit-box-shadow:inset 0px 0px 1px #edf9ff;

            box-shadow:inset 0px 0px 1px #edf9ff;
			*/
}

 

#menu li {

            float:left;

            display:block;

            text-align:center;

            position:relative;

            padding: 4px 7px 4px 1px;

            margin-right:0px;

            margin-top:7px;

            border:none;
			z-index: 100;
			width:10%;
            min-width:105px;


}

 

#menu li:hover {

 

 

            

            /* Background color and gradients */

            

            background: #F4F4F4;

            background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);

            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));

            

            /* Rounded corners */

            

            -moz-border-radius: 5px 5px 5px 5px ;

            -webkit-border-radius: 5px 5px 5px 5px ;

            border-radius: 5px 5px 5px 5px 

 

}

 

#menu li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EEEEEE;
	display: block;
	outline: 0;
	text-decoration: none;
	/* [disabled]text-shadow: 1px 1px 1px #000; */

}

 

#menu li:hover a {

            color:#161616;

           /* text-shadow: 1px 1px 1px #ffffff; */

}

#menu li .drop {

            padding-right:21px;

            background:url("img/drop.png") no-repeat right 8px;

}

#menu li:hover .drop {

            background:url("img/drop.png") no-repeat right 7px;

}

 

.dropdown_4columns {

            margin:4px auto;

            float:left;

            position:absolute;

            left:-999em; /* Hides the drop down */

            text-align:left;

            padding:10px 5px 10px 5px;

            border:1px solid #777777;

            border-top:none;

            

            /* Gradient background */

            background:#F4F4F4;

            background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);

            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

 

            /* Rounded Corners 

            -moz-border-radius: 0px 5px 5px 5px;

            -webkit-border-radius: 0px 5px 5px 5px;

            border-radius: 0px 5px 5px 5px; 

            

            -moz-border-radius: 5px 5px 5px 5px;

            -webkit-border-radius: 5px 5px 5px 5px;

            border-radius: 5px 5px 5px 5px;*/

 

}
.dropdown_5columns {

            margin:4px auto;

            float:left;

            position:absolute;

            left:-999em; /* Hides the drop down */

            text-align:left;

            padding:10px 5px 10px 5px;

            border:1px solid #777777;

            border-top:none;

            

            /* Gradient background */

            background:#F4F4F4;

            background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);

            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

 

            /* Rounded Corners 

            -moz-border-radius: 0px 5px 5px 5px;

            -webkit-border-radius: 0px 5px 5px 5px;

            border-radius: 0px 5px 5px 5px; 

            

            -moz-border-radius: 5px 5px 5px 5px;

            -webkit-border-radius: 5px 5px 5px 5px;

            border-radius: 5px 5px 5px 5px;*/

 

}

 

.dropdown_3columns {

            margin:4px auto;

            float:left;

            position:absolute;

            left:-999em; /* Hides the drop down */

            text-align:left;

            padding:10px 5px 10px 5px;

            border:1px solid #777777;

            border-top:none;

            

            /* Gradient background */

            background:#F4F4F4;

            background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);

            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

 

            /* Rounded Corners 

            -moz-border-radius: 0px 5px 5px 5px;

            -webkit-border-radius: 0px 5px 5px 5px;

            border-radius: 0px 5px 5px 5px; 

            

            -moz-border-radius: 5px 5px 5px 5px;

            -webkit-border-radius: 5px 5px 5px 5px;

            border-radius: 5px 5px 5px 5px;*/

 

}

 

.dropdown_2columns {

            margin:4px auto;

            float:left;

            position:absolute;

            left:-999em; /* Hides the drop down */

            text-align:left;

            padding:10px 5px 10px 5px;

            border:1px solid #777777;

            border-top:none;

            

            /* Gradient background */

            background:#F4F4F4;

            background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);

            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

 

            /* Rounded Corners 

            -moz-border-radius: 0px 5px 5px 5px;

            -webkit-border-radius: 0px 5px 5px 5px;

            border-radius: 0px 5px 5px 5px; 

            

            -moz-border-radius: 5px 5px 5px 5px;

            -webkit-border-radius: 5px 5px 5px 5px;

            border-radius: 5px 5px 5px 5px;*/

 

}

 

.dropdown_1column {

            margin:4px auto;

            float:left;

            position:absolute;

            left:-999em; /* Hides the drop down */

            text-align:left;

            padding:10px 5px 10px 5px;

            border:1px solid #777777;

            border-top:none;

            

            /* Gradient background */

            background:#F4F4F4;

            background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);

            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

 

            /* Rounded Corners 

            -moz-border-radius: 0px 5px 5px 5px;

            -webkit-border-radius: 0px 5px 5px 5px;

            border-radius: 0px 5px 5px 5px; 

            

            -moz-border-radius: 5px 5px 5px 5px;

            -webkit-border-radius: 5px 5px 5px 5px;

            border-radius: 5px 5px 5px 5px;*/

 

}

 

.dropdown_1column {width: 180px;}

.dropdown_2columns {width: 280px;}

.dropdown_3columns {width: 420px;}

.dropdown_4columns {width: 560px;}

.dropdown_5columns {width: 700px;}

 

#menu li:hover .dropdown_5columns {

            left:-1px;

            top:auto;

}

 

#menu li:hover .dropdown_4columns {

            left:-1px;

            top:auto;

}

 

#menu li:hover .dropdown_3columns {

            left:-1px;

            top:auto;

}

 

#menu li:hover .dropdown_2columns {

            left:-1px;

            top:auto;

}

 

#menu li:hover .dropdown_1column {

            left:-1px;

            top:auto;

}

 

.col_5 {

            display:inline;

            float: left;

            position: relative;

            margin-left: 5px;

            margin-right: 5px;

}

 

.col_4 {

            display:inline;

            float: left;

            position: relative;

            margin-left: 5px;

            margin-right: 5px;

}

 

.col_3 {

            display:inline;

            float: left;

            position: relative;

            margin-left: 5px;

            margin-right: 5px;

}

 

.col_2 {

            display:inline;

            float: left;

            position: relative;

            margin-left: 5px;

            margin-right: 5px;

}

 

.col_1 {

            display:inline;

            float: left;

            position: relative;

            margin-left: 5px;

            margin-right: 5px;

}

.col_1 {width:280px;}

.col_2 {width:270px;}

.col_3 {width:410px;}

.col_4 {width:550px;}

.col_5 {width:690px;}

 

#menu .menu_right {

            float:right;

            margin-right:0px;

}

#menu li .align_right {

            /* Rounded Corners */

            -moz-border-radius: 5px 0px 5px 5px;

    -webkit-border-radius: 5px 0px 5px 5px;

    border-radius: 5px 0px 5px 5px;

}

 

#menu li:hover .align_right {

            left:auto;

            right:-1px;

            top:auto;

}

 

#menu ul li {

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

            line-height:21px;

            font-size:12px;

            text-align:left;

            /*text-shadow: 1px 1px 1px #FFFFFF;*/

}

 

#menu h3 {

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

            line-height:21px;

            font-size:12px;

            text-align:left;

           /* text-shadow: 1px 1px 1px #FFFFFF; */

}

 

#menu h2 {

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

            line-height:21px;

            font-size:12px;

            text-align:left;

           /* text-shadow: 1px 1px 1px #FFFFFF; */

}

 

#menu p {

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

            line-height:21px;

            font-size:12px;

            text-align:left;

            /*text-shadow: 1px 1px 1px #FFFFFF; */

}

#menu h2 {

            font-size:21px;

            font-weight:400;

            letter-spacing:-1px;

            margin:7px 0 14px 0;

            padding-bottom:14px;

            border-bottom:1px solid #666666;

}

#menu h3 {

            font-size:14px;

            margin:7px 0 14px 0;

            padding-bottom:7px;

            border-bottom:1px solid #888888;

}

#menu p {

            line-height:18px;

            margin:0 0 10px 0;

}

 

#menu li:hover div a {

            font-size:12px;

            color:#015b86;

}

#menu li:hover div a:hover {

            color:#029feb;

}

.drop:hover {

                                                

 

            -moz-border-radius: 5px 5px 5px 0px ;

            -webkit-border-radius: 5px 5px 0px 0px ;

            border-radius: 5px 5px 0px 0px ;

}

.nodrop:hover {

                                                

 

            -moz-border-radius: 5px 5px 5px 5px ;

            -webkit-border-radius: 5px 5px 5px 5px ;

            border-radius: 5px 5px 5px 5px ;

}

 

.strong {

            font-weight:bold;

}

.italic {

            font-style:italic;

}

 

.imgshadow { /* Better style on light background */

            background:#FFFFFF;

            padding:4px;

            border:1px solid #777777;

            margin-top:5px;

           /* -moz-box-shadow:0px 0px 5px #666666;

            -webkit-box-shadow:0px 0px 5px #666666;

            box-shadow:0px 0px 5px #666666;*/

}

.img_left { /* Image sticks to the left */

            width:auto;

            float:left;

            margin:5px 15px 5px 5px;

}

 

#menu li .black_box {

            background-color:#333333;

            color: #eeeeee;

            /*text-shadow: 1px 1px 1px #000;*/

            padding:4px 6px 4px 6px;

 

            /* Rounded Corners */

            -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

 

            /* Shadow */
			/*
            -webkit-box-shadow:inset 0 0 3px #000000;

            -moz-box-shadow:inset 0 0 3px #000000;

            box-shadow:inset 0 0 3px #000000;*/

}

 

#menu li ul {

            list-style:none;

            padding:0;

            margin:0 0 12px 0;

}

#menu li ul li {

            font-size:12px;

            line-height:24px;

            position:relative;

           /* text-shadow: 1px 1px 1px #ffffff; */

            padding:0;

            margin:0;

            float:none;

            text-align:left;

            width:330px;

}

#menu li ul li:hover {

            background:none;

            border:none;

            padding:0;

            margin:0;

}

 

#menu li .greybox li {

            background:#F4F4F4;

            border:1px solid #bbbbbb;

            margin:0px 0px 4px 0px;

            padding:4px 6px 4px 6px;

            width:116px;

 

            /* Rounded Corners */

            -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    border-radius: 5px;

}

#menu li .greybox li:hover {

            background:#ffffff;

            border:1px solid #aaaaaa;

            padding:4px 6px 4px 6px;

            margin:0px 0px 4px 0px;

}
