/*Structure divs */
html {
min-height: 100%;
height: auto;
padding: 0px;
margin: 0;
}
body {
color: #000;
background-color: #ffcaab;
font-size: small;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0;
text-align: center;
}

#wrap {
position: relative;
width: 950px;
background: transparent url(../images/back-colour.jpg) repeat-y right top;
padding: 0;
margin: 20px auto 0 auto;
z-index: 2;
text-align: left;
}

#wrap-inner {
width: 950px;
background: transparent url(../images/blobs.png) top left repeat-y; 
z-index: 3;
}
#welcome-nav #wrap-inner {
width: 950px;
background: transparent url(../images/blobs-2.png) top left no-repeat;
z-index: 3;
}


#header {
position: relative;
padding: 0;
margin: 0;
/*background: transparent url(../images/top-banner-title.png) 300px bottom no-repeat;*/
color: #000;
height: 152px;
z-index: 5;
}
#header img {
margin-top: 10px;
margin-left: 320px;	
}
/*#at-school #header {
background: transparent url(../images/top-banner-title-school.png) 300px bottom no-repeat;
}*/

#navigation {
position: absolute;
left: 73px;
top: 18px;
width: 225px;
height: 152px;
overflow: hidden;
z-index: 4;
}
#welcome-nav #navigation {
position: absolute;
left: 73px;
top: 18px;
width: 225px;
height: 200px;
overflow: hidden;
z-index: 4;
}
#sub-navigation {
position: absolute;
left: 50px;
top: 120px;
width: 500px;
overflow: hidden;
z-index: 0;
}


#content {
/*position: relative;*/
width: 950px;
overflow: hidden;
z-index: 4;
}
#content-inner {
position: relative;
padding: 15px 65px 90px 65px;
margin: 0 0 0 0;
z-index: 5;
overflow: hidden;
}

#flash-nav {
height: 130px	
}

/*footer*/
#footer {
position: relative;
width: 850px;
margin: 0 auto;
clear: both;
background-color: #b75311;
color: #fff;
height: 50px;
}

/*#crest {
position: absolute;
bottom: 20px;
right: 80px;
z-index: 150;
}*/