header { 
	height: 180px;
}
#full-menu {
	width: 100%;
	height: 180px;
	top: 0;
	position: fixed;
	
	z-index: 100;
}
img.menuLogo {
    position: absolute;
    top: 0px;
	max-width: 120px;
	left: 50%;
	margin-left: -60px;
	
	z-index: 1000;
}

.dropdowns nav, .dropdowns ul, .dropdowns li, .dropdowns a  { margin: 0; padding: 0; }
.dropdowns {
	display: none;
}
.toggleMenu {
    display:  none;
}





/* --------------------------------------------------------------------------------------------------------------- */
/* ---- TOP BAR ---- TOP BAR ---- TOP BAR ---- TOP BAR ---- TOP BAR ---- TOP BAR ---- TOP BAR ---- TOP BAR ------- */
/* --------------------------------------------------------------------------------------------------------------- */
#full-menu .top {
	height: 120px;
	background-color: #000;
	width: 100%;
}

.socialMediaIcons .topRow img, .socialMediaIcons .bottomRow img {
	float: left;
	max-width: 34px;
}
.socialMediaIcons .topRow {
	top: 30px;
	left: 10px;
	position: absolute;
}
.socialMediaIcons .bottomRow {
	top: 61px;
	left: 10px;
	position: absolute;
}

#socialMediaLabels {
	top: 30px;
	left: 80px;
	position: absolute;
	padding-left: 8px;
}
#socialMediaLabels p {
	color: #FFF;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#socialMediaLabels .topRow {
	padding-top: 7px;
	padding-left: 7px;
	height: 23px;
}
#socialMediaLabels .bottomRow {
	padding-top: 7px;
	padding-left: 7px;
	height: 23px;
}



/* EMAIL LINK - TEMPORARY */
#menuContactWrap {
	top: 30px;
	right: 10px;
	position: absolute;
	max-width: 300px;
}
.menuEmail {
	vertical-align: middle;
	float: right;
}
.menuEmail p a img {
	max-width: 34px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
.menuEmail a, .menuEmail span, .phoneNumber a {
	text-decoration: none;
	color: #FFF;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.menuEmail span {
	padding-right: 11px;
}
.menuEmail a.textLink {
	padding-right: 45px;
	margin-top: 7px;
}
.menuEmail a.phoneNumber {
	padding-right: 0px;
}
.menuEmail a:hover {
	color: #5f5f5f;
}
.smallSpace {
	margin-top: 1px;
}





/* --------------------------------------------------------------------------------------------------------------- */
/* ---- BOTTOM BAR ---- BOTTOM BAR ---- BOTTOM BAR ---- BOTTOM BAR ---- BOTTOM BAR ---- BOTTOM BAR ---- BOTTOM BAR */
/* --------------------------------------------------------------------------------------------------------------- */


#full-menu .bottom {
	height: 60px;
	background-color: #FFF;
	width: 100%;
	border: 1px solid #FFF;
}

#mainMenu {
	margin: 0 auto 0;
}

#leftSide {
	float: left;
	width: 50%;
}

#rightSide {
	float: left;
	width: 50%;
}

#rightSide .nav {
	margin-left: 53px;
}
#leftSide .nav {
	float: right;
	margin-right: -53px;
}



.nav {
    list-style: none;
     *zoom: 1;
}
.nav a {
    color: #000;
	text-decoration: none;
	padding: 21px 18px 22px;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-transform: uppercase;
}
.nav a:hover {
	color: #FFF;
	background-color: #000;
}
.current-menu-item a { color: #5F5F5F; }

.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
}
.nav > li > a {
    display: block;
}
.nav li ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}

.nav li li a {
	background: #000;
    border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
 	display: block;
    position: relative;
    z-index: 10000;
	padding: 10px 20px 10px 18px;
	margin-left: -1px;
	color: #FFF;
	text-transform: none;
}
.nav li li {	
	border-bottom: 1px solid #FFF;
}
.nav ul {
	width: 350px;
}
.nav > li > .parent {
	padding-right: 18px;
	background-position: 90% 50%;	
}
.nav > li:hover > .parent {
	background: #000;
	color: #FFF;
}

/* DIFFERENT SCHOOL COLOURS */

.nav ul li a:hover {
	background: #777;
}


a.toggleMenu {
	padding: 10px 0;
	width:100%;
	text-align: center;
}


/* VERTICAL IPADS */
@media screen and (max-width: 800px) {

	#socialMediaLabels p {
		color: #FFF;
		font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
	#socialMediaLabels {
		padding-left: 2px;
	}
	#socialMediaLabels .topRow {
		padding-top: 10px;
		height: 20px;
	}
	#socialMediaLabels .bottomRow {
		padding-top: 10px;
		height: 20px;
	}
	.menuEmail a, .menuEmail span {
		font-size: 10px;
	}
	.nav a {
	    color: #000;
		text-decoration: none;
		padding: 21px 12px 21px;
		font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
		font-size: 16px;
		text-transform: uppercase;
	}
	#rightSide .nav {
		margin-left: 73px;
	}
	#leftSide .nav {
		float: right;
		margin-right: -73px;
	}
}


@media screen and (max-width: 766px) {
	
	#full-menu {
		display: none;
	}
	.HideMenu {
		display: block;
	}
	/*
	.toggleMenu h1 {
		float: left;
		margin: 3% 0 0 1.25em;
		font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.025em;
		color: #FFF;
		font-size: 1.1em;
	}
	*/
	/*
	.toggleMenu {
		max-height: 3.55em;
		background: #333;
	}
	*/
	.toggleMenu img.menuIcon {
		width: 50%;
		float: right;
		/*
		margin: 1.0% 2% 0 0;
		*/
		max-width: 2.55em;
		margin: 0.5em 1.25em 0 0;
	}
	.toggleMenu img.menuLogoMobile {
		width: 70%;
		float: left;
		margin: 0.25em 0 0 1.25em;
		
		max-width: 15em;
	}
	
	
	#nav {
		display: block;
	}
	header {
		z-index: 1000;
	}
	.dropdowns {
		width: 100%;
		float: left;
		
		position: absolute;
	}
	#logo-mobile {
		display: block;
		float: left;
	}
	.active {
        display: block;
    }
	.nav {
		width: 100%;
	}
    .nav > li {
        float: none;
		background: #3b3b3b;
		border-bottom: 1px solid #a9a9a9;
		padding: 0px;
		z-index: 1000;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
	#menu-wrap {
		width: 100%;
		display: inline-block;
	}
	
	.nav a {
		font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #FFF;
		padding: 6px 20px;
	}
	.current-menu-item a { color: #000; }
    	
	.nav li li {
		padding-left: 0px;
	}
	.nav li li a {
		padding: 6px 21px;
		border: none;
	}
	.nav li li:nth-child(1) {
		border-top: 1px solid #FFF;
	}
	.nav li li li a {
		padding-left: 35px;
	}
	/*
    .nav > li > .parent {
        background-position: 95% 50%;
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
		
		background-size: 20px 11px;
    }
    */
    .nav > .parentItem > .parent {
		/*
        background-position: 95% 50%;
		*/
		background-position: right 20px center;
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
		background-size: 20px 11px;
    }
    .nav > .parentItemClicked > .parent {
        background-position: right 20px center;
        background-image: url("../images/upArrow.png");
        background-repeat: no-repeat;
		background-size: 20px 11px;
    }
	
	
	
	.nav > li.hover > ul , .nav li li.hover ul {
	    position: static;
	}
	
	
}