/**
 * @file
 * Navigation Styling
 */


/*
 * Markup generated by theme_menu_tree().
 */

ul li.expanded {
  *list-style-image: url(../images/menu-expanded.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  list-style-type: circle;
}

ul li.collapsed {
  *list-style-image: url(../images/menu-collapsed.png); /* LTR */
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */
  list-style-type: disc;
}

ul li.leaf {
  *list-style-image: url(../images/menu-leaf.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC');
  list-style-type: square;
}

/*
 * The active item in a Drupal menu
 */

li a.active {
  color: #000;
}

/*
 * Navigation bar
 */

#navigation {
  /* overflow: hidden; */ /* Sometimes you want to prevent overlapping with main div. */
}

#navigation .block {
  margin-bottom: 0;
}

#navigation .block-menu .block-title,
#navigation .block-menu-block .block-title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

#navigation ul.links, /* Main menu and secondary menu links */
#navigation ul.menu { /* Menu block links */
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

#navigation ul.links li,
#navigation ul.menu li { /* A simple method to get navigation links to appear in one line. */
  float: left; /* LTR */
  padding: 0 10px 0 0; /* LTR */
  list-style-type: none;
  list-style-image: none;
}

.region-navigation {
}

/*
 * Main menu and Secondary menu and General Menu links
 */

#main-menu {
	display:none;
}

#secondary-menu {
  float: right; /* LTR */
}
#block-menu-menu-general-menu {
	float:right;
}
#block-menu-menu-general-menu ul.menu {
	list-style-type:none;
	list-style:none;
	margin-top:0px;
}
#block-menu-menu-general-menu ul.menu li {
	float:left;
	list-style-type:none;
        list-style:none;
	padding:10px;
	margin-top:20px;
}

#block-menu-menu-general-menu ul.menu li a, #block-menu-menu-general-menu ul.menu li a:visited, #block-menu-menu-general-menu ul.menu li a:hover {
	color:#fff;
	text-decoration:none;
	font-size:11px;
}


/*
 * Menu blocks
 */

.block-menu {
}

/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */

.block-menu-block {
}

.region-highlighted .block-menu-block {
        float:left;
        width:200px;
}

.region-highlighted ul.menu {
        margin-left:0px;
        padding-left:0px;
        margin-top:10px;
        padding-top:0px;
}

.region-highlighted ul.menu li {
        list-style-type:none;
        list-style:none;
        list-style-position:outside;
        list-style-image:none;
}

.region-highlighted ul.menu li a {
        font-size:14px;
        color:#333;
        display:block;
        text-decoration:none;
        background-image:url('../images/about_menu_line.png');
        background-position:left bottom;
        background-repeat:no-repeat;
        padding:8px 0px 9px 30px;
        font-weight:normal;
}

.region-highlighted ul.menu li ul.menu {
        margin-top:5px;
}

.region-highlighted ul.menu li ul.menu li a {
        font-size:100%;
        padding:0px 0px 0px 40px;
        background-image:none;
}
.region-highlighted ul.menu li ul.menu li.last a {
        padding-bottom:8px;
        background-image:url('../images/about_menu_line.png');
}

.region-highlighted h2.block-title a {
        display:block;
        color:#fff;
        text-decoration:none;
        font-wieght:normal;
        padding:0px 30px;
        font-size:24px;
        background-color:#888;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-bottomright: 20px;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 20px;
        -webkit-box-shadow:  1px 3px 2px 1px rgba(33, 33, 33, .3);
        box-shadow:  1px 3px 2px 1px rgba(33, 33, 33, .3);
}

body.section-visit .region-highlighted ul.menu li a, body.section-explore .region-highlighted ul.menu li ul.menu li.last a { background-image:url('../images/visit_menu_line.png'); }
body.section-explore .region-highlighted ul.menu li a, body.section-explore .region-highlighted ul.menu li ul.menu li.last a { background-image:url('../images/explore_menu_line.png'); }
body.section-teachers .region-highlighted ul.menu li a, body.section-teachers .region-highlighted ul.menu li ul.menu li.last a { background-image:url('../images/teachers_menu_line.png'); }
body.section-join .region-highlighted ul.menu li a, body.section-join .region-highlighted ul.menu li ul.menu li.last a { background-image:url('../images/join_menu_line.png'); }

body.section-visit .region-highlighted ul.menu li a.active, .region-highlighted ul.menu li a:hover { color:#faa41a; }
body.section-join .region-highlighted ul.menu li a.active, body.section-join .region-highlighted ul.menu li a:hover { color:#0054a6; }
body.section-teachers .region-highlighted ul.menu li a.active, body.section-teachers .region-highlighted ul.menu li a:hover { color:#6ea845; }
body.section-explore .region-highlighted ul.menu li a.active, body.section-explore .region-highlighted ul.menu li a:hover { color:#dc3a79; }

body.section-visit .region-highlighted h2.block-title a { background-color:#faa41a; }
body.section-explore .region-highlighted h2.block-title a { background-color:#dc3a79; }
body.section-teachers .region-highlighted h2.block-title a { background-color:#6ea845; }
body.section-join .region-highlighted h2.block-title a { background-color:#0054a6; }

.region-sidebar-first .block-menu-block {
        float:left;
        width:200px;
}

.region-sidebar-first ul.menu {
        margin-left:0px;
        padding-left:0px;
        margin-top:10px;
        padding-top:0px;
}

.region-sidebar-first ul.menu li {
	list-style-type:none;
        list-style:none;
        list-style-position:outside;
	list-style-image:none !important;
}

.region-sidebar-first ul.menu li a {
        font-size:14px;
        color:#333;
        display:block;
        text-decoration:none;
        background-image:url('../images/about_menu_line.png');
        background-position:left bottom;
        background-repeat:no-repeat;
        padding:8px 0px 9px 30px;
        font-weight:normal;
}

.region-sidebar-first ul.menu li ul.menu {
        margin-top:5px;
}

.region-sidebar-first ul.menu li ul.menu li a {
        font-size:100%;
        padding:0px 0px 0px 40px;
        background-image:none;

}

.region-sidebar-first ul.menu li ul.menu li.last a {
        padding-bottom:8px;
        background-image:url('../images/about_menu_line.png');
}

.region-sidebar-first h2.block-title a {
        display:block;
        color:#fff;
        text-decoration:none;
        font-weight:normal;
        padding:0px 30px;
        font-size:24px;
        background-color:#888888;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-bottomright: 20px;
	border-top-left-radius: 9px;
	border-bottom-right-radius: 20px;
	-webkit-box-shadow:  1px 3px 2px 1px rgba(33, 33, 33, .3);
        box-shadow:  1px 3px 2px 1px rgba(33, 33, 33, .3);
}

body.section-visit .region-sidebar-first ul.menu li a, body.section-visit .region-sidebar-first ul.menu li ul.menu li.last a { background-image:url('../images/visit_menu_line.png'); }
body.section-explore .region-sidebar-first ul.menu li a, body.section-explore .region-sidebar-first ul.menu li ul.menu li.last a { background-image:url('../images/explore_menu_line.png'); }
body.section-teachers .region-sidebar-first ul.menu li a, body.section-teachers .region-sidebar-first ul.menu li ul.menu li.last a { background-image:url('../images/teachers_menu_line.png'); }
body.section-join .region-sidebar-first ul.menu li a, body.section-join .region-sidebar-first ul.menu li ul.menu li.last a { background-image:url('../images/join_menu_line.png'); }

body.section-visit .region-sidebar-first ul.menu li a.active, body.section-visit .region-sidebar-first ul.menu li a:hover { color:#faa41a; }
body.section-join .region-sidebar-first ul.menu li a.active, body.section-join .region-sidebar-first ul.menu li a:hover { color:#0054a6; }
body.section-teachers .region-sidebar-first ul.menu li a.active, body.section-teachers .region-sidebar-first ul.menu li a:hover { color:#6ea845; }
body.section-explore .region-sidebar-first ul.menu li a.active, body.section-explore .region-sidebar-first ul.menu li a:hover { color:#dc3a79; }

body.section-visit .region-sidebar-first h2.block-title a { background-color:#faa41a; }
body.section-explore .region-sidebar-first h2.block-title a { background-color:#dc3a79; }
body.section-teachers .region-sidebar-first h2.block-title a { background-color:#6ea845; }
body.section-join .region-sidebar-first h2.block-title a { background-color:#0054a6; }


/*** General Overrides ***/
#block-menu-menu-general-menu ul.menu li ul.menu {
        display:none;
}

#footer .block-menu-block ul, #footer .block-menu-block li {
        list-style-type:none;
        list-style:none;
        list-style-position:outside;
	list-style-image:none;
}