.nav li { list-style: none; }
.nav > li { padding: 0; float: left; position: relative; }
.nav > li:first-child > a{ background:none}
.nav > li:hover > a{ background: #87ceeb; color:#fff	}
.nav > li:first-child > a { border-left: 0; }
.nav > li:last-child > a { border-right: 0; }
.nav > li:hover > div { display: block; }

.nav .selected a{background: #87ceeb !important}
.nav .selected ul li a{background:#fff !important}
/* MEGA DROP DOWN */

.nav > li > div {
	 position: absolute; left: 0; top: 40px; display: none; background: #fff; box-shadow: 0 6px 6px rgba(0,0,0,0.5); overflow: hidden; z-index:99;}
.nav > li.library-menu > div{ left:-292px !important}
.nav > li.resources-menu > div{ left:-399px !important}
.nav > li.secretariat-menu > div{ left:-392px !important}
.nav > li > div.right { right: 0; left: auto }
.container-1, .container-2, .container-3, .container-4 { font-size: 80%; }

.container-2 h3{color:#c0091c; font-size:18px; line-height:20px}

/* COLUMNS */
.col1{ background:#e9e7e8}
.col1,.col2,.col3,.col4,.col5 { padding:10px 13px; float: left;}

/* 1 Column */
.container-1 { width: 250px; }
.container-1 .col1{ padding:0}
.container-1 .col1 { width: 98%;}
.container-1 .col1 li{background:none; border-bottom:solid 1px #ccc; display:block; float:none !important; /*height:32px;*/ line-height:27px; padding:0 10px; }
.container-1 .col1 li a{ color:#2d2d2d; font-size:13px; height:27px; padding:0; text-decoration:none; padding-left:5px; }
.container-1 .col1 li a:hover{background:#e9e7e8; color:#e40b1f}
.container-1 .col2 li a:hover{background:#fff; color:#e40b1f}

/* 2 Column */
.container-2 {border:4px solid #87ceeb;  width: 250px; background:#fff }
.container-2 .col1 { float:left; width: 100%; margin:0; background:#fff }
.container-2 .col2 { float:left; width: 50%; margin:0 }

.col2 ul +ul{margin-left:30px}

.container-2 .col1 li{background:none; border-bottom:solid 1px #dbdadb; display:block; float:none !important; /*height:32px;*/ line-height:27px;margin-right:27px;}
.container-2 .col1 li a{ color:#2d2d2d; font-size:13px; height:auto; padding:0; text-decoration:none;padding-left:5px;}
.container-2 .col1 li a:hover{background:#fff; color:#cc0000}
.container-2 .col2 li a:hover{background:#fff; color:#e40b1f}

.container-2 .col2 ul{ margin-top:20px;}
.container-2 .col2 li{height:60px; line-height:18px; margin-bottom:10px;}
.container-2 .col2 li a{color:#3d3d3d; font-size:13px; padding:0; }
.container-2 .col2 li img{ float:left; margin-right:10px;}


/* 3 Column */
.container-3 {border:4px solid #87ceeb; width: 500px; background:url("../images/menu-divider-bg.jpg") repeat-y scroll 0 0 #fff !important }
.container-3 .col1 { width: 43% }
.container-3 .col2 { width: 45% }

.container-3 h3{color:#87ceeb; font-size:18px; line-height:20px}

.container-3 .col1 li{background:none; border-bottom:solid 1px #dbdadb; display:block; float:none !important;/* height:32px;*/ line-height:27px;}
.container-3 .col1 li a{ color:#2d2d2d; font-size:13px; height:27px; padding:0 0 0 5px; text-decoration:none; background:#e9e7e8 !important;}
.container-3 .col1 li a:hover{background:#fff !important; color:#87ceeb}

.container-2 .col1 li a:hover{background:#E9E8E8 !important; color:#87ceeb}

.container-3 .col2 li{background:none; border-bottom:solid 1px #dbdadb; display:block; float:none !important; height:auto;/* min-height:32px*/ line-height:27px;}
.container-3 .col2 li a{ color:#2d2d2d; font-size:13px; height:auto; padding:0 0 0 5px; text-decoration:none; line-height:32px;}
.container-3 .col2 li a:hover{background:#fff; color:#87ceeb}


/* 4 Column */
.container-4 { width: 550px; }
.container-4 .col1 { width: 40%; }
.container-4 .col2 { width: 60% }
.container-4 .col3 { width: 29% }
.container-4 .col4 { width: 100% }


/* 5 Column */
.container-5 { width: 600px; }
.container-5 .col1 { width: 20%; }
.container-5 .col2 { width: 40% }
.container-5 .col3 { width: 60% }
.container-5 .col4 { width: 80% }
.container-5 .col5 { width: 100% }
