@font-face {
    font-family: 'MuseoSans';
    src: url('/fonts/MuseoSans/MuseoSans.eot');
    src: url('/fonts/MuseoSans/MuseoSans.eot?#iefix') format('embedded-opentype'),
         url('/fonts/MuseoSans/MuseoSans.woff') format('woff'),
         url('/fonts/MuseoSans/MuseoSans.ttf') format('truetype'),
         url('/fonts/MuseoSans/MuseoSans.svg#MusueSans') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
	height:100%;
}

body {
	height: 100%;
    min-height: 100%;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/img/bespoke/douglassocialcredit/bg.jpg);
}

#wrapper {
	width: 1040px;
    min-width: 1040px;
    background: #ffffff;
	margin-left: auto;
	margin-right: auto;
    -webkit-box-shadow: 0 0 20px 0 #BDBDBD;
    box-shadow: 0 0 20px 0 #BDBDBD;
    margin-top: 30px;
    margin-bottom: 30px;
}

#header {
	position:relative;
}

#header h1 {
	font-size: 42px;
	color: #eeffb5;
	font-family: 'MuseoSans', sans-serif;
    font-weight: normal;
    background: #b7d0a7;
    padding: 15px 40px;
    border-top: 12px solid #6a7f5c;
    margin: 0;
}

#header img {
	display: none;
    width: 100%;
}

/*  Nav
    ===  */
#nav {
	width: 960px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 2px solid #6a7f5c;
    
	height: 41px;
	overflow: hidden;
}

#nav #search {
    width: 235px;
    height: 26px;
    margin: 5px auto;
}

#nav #search td {
    padding: 0;
}

#nav #search input {
    border: 1px solid #86947d;
    border-radius: 0;
    height: 26px;
}

#nav #search input.btn {
    border: none;
    background: url(/img/bespoke/douglassocialcredit/search.png) no-repeat;
    background-size: cover;
    text-indent: -9999px;
    filter: none;
    width: 34px;
}

	#nav ul {
		list-style: none;
		margin: 0;
        text-align: left;
		height: 26px;
	}

		#nav ul li {
			min-height: 32px;
			line-height:32px;
			display: inline-block;
			*zoom: 1;
			*display: inline;
			margin-right: 3px;
		}

			#nav ul li a {
				display:block;
				padding: 0 20px;
                font-family: 'MuseoSans', sans-serif;
                color: #6a7f5c;
                font-weight: 500;
                font-size: 17px;
                text-transform: uppercase;
			}

            #nav ul li a:hover {
                text-decoration: none;
            }

            #nav > ul > li:hover {
                border-bottom: 4px solid #b7d0a7;
                box-sizing: border-box;
            }

#nav ul.dropdown, #search {
    display: inline-block;
}

#nav ul.dropdown {
			position:relative;
			text-align: left;
        width: 705px;
        
			height: 41px;
		}

		#nav ul.dropdown, #nav ul.dropdown ul {
			list-style: none;
			margin: 0;
			padding: 0;
			position: relative;
			z-index: 555;
		
			float: left;
}

		#nav ul:after {
			content: ".";
			display: block;
			clear: both;
			visibility: hidden;
			line-height: 0;
			height: 0;
		}

		#nav ul.dropdown ul {
			position:absolute;
			width: 170px;
			display: none;
			padding-top: 4px;
		}

        #nav ul.dropdown ul ul {
            padding-top: 0;
        }

		#nav ul.dropdown ul li {
			background: #b7d0a7;
			box-shadow: none;
			border-top-left-radius: 0;
			border-top-right-radius: 0;
			margin: 0;
		}

        #nav ul.dropdown ul li a {
            border-bottom: 1px solid #6a7f5c;
            padding: 0;
            margin: 0px 20px;
        }

        #nav ul.dropdown ul li:last-child > a {
            border-bottom: none;
        }

        #nav ul.dropdown ul li:hover {
            background: #c6d9ba;
        }

		#nav ul.dropdown ul ul {
			left: 100%;
			top: 0;
		}

		#nav ul.dropdown ul ul.left, #nav ul.dropdown ul ul.left ul {
			left: -100%;
		}

		#nav ul.dropdown li {
			display: inline-block;
			*zoom: 1;
			*display: inline;
			line-height:32px;
			position: relative;

		
			height: 100%;
}

        #nav ul.dropdown > li {
            line-height: 39px;
        }

		#nav ul.dropdown li.more {
		}

		#nav ul.dropdown li.more span {
			display: block;
			padding-top: 32px;
			height: 0;
			width: 32px;
			position: absolute;
			right: 0;
			top: 0;
			overflow: hidden;
			cursor: pointer;
		}

		#nav ul.dropdown li li.more span {
			background-position: left -32px;
		}

		#nav ul.dropdown li li {
			clear: both;
			display: block;
            height: auto;
		}

		#nav ul.dropdown li a {
			display:block;
			padding: 0 20px;
		}

		@media (max-width: 767px) {
			ul.dropdown, ul.dropdown ul {
				width:100%;
				position: relative;
			}

			ul.dropdown li {
				width: 100%;
				padding-right: 0 !important;
				position: relative;

			}

			ul.dropdown ul {
				left: 0 !important;
				text-indent: 14px;
			}

			ul.dropdown ul { text-indent:12px; }
			ul.dropdown ul ul { text-indent:24px; }
			ul.dropdown ul ul ul { text-indent:36px; }
			ul.dropdown ul ul ul ul { text-indent:48px; }

			ul.dropdown ul li.more span {
				background-position: left -32px !important;
				border-left: 1px solid #b05552;
			}

			ul.dropdown ul li.down > span {
				background-position: left top !important;
			}

			.extra {
				cursor: pointer;
			}

			.extra > a {
				display:none !important;
			}

			.extra:before {
				content: 'Menu';
				padding-left:10px;
			}
		}


#content {
	width:930px;
	padding:10px 55px;
}

#content p small {
    color: black;
}

#content li {
    color: black;
}

.element {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

#footer {
    width: 960px;
    margin: 0 auto;
	color: #f2f2f2;
	padding: 20px 0;
	font-size: 12px;
	text-align: center;
}

#footer #address {
    color: #4c5c42;
    font-family: 'MuseoSans', sans-serif;
    font-size: 18px;
    border-top: 3px solid #6a7f5c;
    padding: 20px;
}

#footer #admin {
    color: #000000;
}

#footer small {
        font-size: 12px;
}

#footer a {
	color: inherit;
}

@media (max-width: 767px) {
	#wrapper, #header, #content, #footer, #nav {
		width: auto;
        min-width: 0;
	}

	#wrapper {
		margin: 10px;
	}
    
    #content {
        padding: 10px 15px;
    }

	#header {
		padding-bottom: 6px;
		height: auto;
	}

	#header #search {
		top: -10px;
	}

	#header h1 {
		margin: 0;
	}

	#nav {
		height: auto;
	}

	#nav ul.dropdown li {
		margin-right: 0;
	}

	#nav ul.dropdown, #nav ul.dropdown ul {

		height: auto;
		position: relative;
		width: auto;
	}

	#nav ul.dropdown ul {
		background: none;
		padding: 0;
	}

	#nav ul.dropdown ul li {
		background: none;
		border-top: 1px solid #b05552;
	}

	#nav ul.dropdown li {
		height: auto;
		width: auto;
		display: block;
	}


}


#nav-mobile { 
position: relative; 
width: auto; 
margin: 0 auto; 
height: 69px; 
z-index: 3; 
display:none; 
background: #b7d0a7; 
-moz-border-radius:15px; 
-webkit-border-radius:15px; 
border-radius:15px; 
border: solid 1px #fff; 
box-shadow: inset 0px 0px 25px black; }	

#nav-mobile #nav-more{ 
font-size: 18px; 
color: #6a7f5c; 
width:auto; 
height:50px; 
padding:0 20px; 
line-height:50px; 
    font-family: 'MuseoSane', sans-serif;
text-align:left; 
cursor:pointer;  }	


#nav-mobile ul { 
margin: 0; 
list-style: none; 
height: auto; 
position: relative; 
z-index: 4; 
padding: 0px; 
} 


#nav-mobile ul li { 
position: relative; 
float: left; 
height: 100%; 
line-height: 58px; 
display: block; 
color: #6a7f5c; 
font-size: 15px; 
font-weight: bold; 
z-index: 4; 

} 

#nav-mobile ul li:last-child { 
background: none; 
} 

#nav-mobile ul li a { 
text-decoration: none; 
color:#6a7f5c !important; 
display: block; 
padding: 0 22px; 
z-index: 4; 
position: relative; 
font-family: 'MuseoSane', sans-serif;
} 

#nav-mobile > ul > li > a { 
height: 60px; 
} 

#nav-mobile ul.dropdown ul { 
position:absolute; 
width: 175px; 
display: none; 
height: auto; 
margin:0; 
background-image: none; 
background-color: #533EA6; 
border: 1px solid #B28939; 
margin-top: -1px; 
padding:0; 
} 

#nav-mobile ul.dropdown li.extra.more ul { 
margin-left:-90px; 
} 

#nav-mobile ul.dropdown ul li { 
display: block; 
float: none; 
margin: 0; 
border: none; 
background-image: none; 

} 

#nav-mobile ul.dropdown ul ul { 
left: 100%; 
top: 0; 
} 

#nav-mobile ul.dropdown ul ul.left, #nav-mobile ul.dropdown ul ul.left ul { 
left: -100%; 
} 

#nav-mobile ul.dropdown li { 
display: inline-block; 
line-height:56px; 
position: relative; 
} 

#nav-mobile ul.dropdown li.more { 
padding-right: 36px; 
} 

#nav-mobile ul.dropdown li.more span { 
display: block; 
padding-top: 46px; 
height: 0; 
width: 56px; 
position: absolute; 
right: 0; 
top: 0; 
overflow: hidden; 
cursor: pointer; 
background: url(/img/bespoke/wykehamprimary/dropdown-white.png) no-repeat 15px 0; 
} 

#nav-mobile ul.dropdown li li.more span { 
background-position: 15px -66px; 
} 

#nav-mobile ul.dropdown li li { 
clear: both; 
display: block; 
line-height: 40px; 
} 

#nav-mobile ul.dropdown li a { 
display:block; 
padding: 0 10px; 

} 

#nav-mobile ul.dropdown li li a { 
font-weight: normal; 

} 

@media (max-width: 767px) { 
#nav-mobile ul.dropdown, #nav-mobile ul.dropdown ul { 
width:100%; 
position: relative; 
} 
#nav-mobile ul.dropdown li { 
width: 100%; 
padding-right: 0 !important; 
position: relative; 

} 

#nav-mobile ul.dropdown ul { 
left: 0 !important; 
text-indent: 14px; 
} 

#nav-mobile ul.dropdown ul { text-indent:20px; } 
#nav-mobile ul.dropdown ul ul { text-indent:40px; } 


#nav-mobile ul.dropdown ul ul ul { text-indent:60px; } 
#nav-mobile ul.dropdown ul ul ul ul { text-indent:80px; } 

#nav-mobile ul.dropdown ul li.more span { 
background-position: 4px -64px !important; 
width:45px; 
padding-top: 40px; 
z-index: 5; 
border-left: 1px solid #B28939; 
} 

#nav-mobile ul.dropdown ul li.down > span { 
background-position: 4px -8px !important; 
} 

#nav-mobile .extra { 
cursor: pointer; 
} 
#nav-mobile .extra > a { 
display:none !important; 
} 

#nav-mobile .extra:before { 
content: 'Menu'; 
padding-left:10px; 
} 
    #nav{
display:none;
}
#nav-mobile {

display:block; 
} 

#nav-mobile { 
height: auto; 
margin:2px; 
} 

#nav-mobile > ul { 
display:none; 
width: auto; 
float: none; 
height: auto; 
position: relative; 
padding:0; 

} 

#nav-mobile ul ul { 
position: relative; 
width: auto; 
margin: 0 !important; 
border-top:0; 
} 

#nav-mobile ul ul ul { 
border: none; 

} 

#nav-mobile ul li { 
display:block; 
width: auto; 
float: none; 
height: auto; 
margin:0; 
background:none; 
} 

#nav-mobile > ul > li { 

} 

#nav-mobile ul ul li { 
text-indent:20px; 
color:#FEDD7A; 
} 

#nav-mobile ul ul ul li { 
text-indent:40px; 
} 

#nav-mobile ul ul ul ul li { 
text-indent:60px; 
}
}

#content a {
    color: #b83f44;
}

#content a:hover {
    color: #b83f44;
}